Wireframes
I started by creating the wireframes for some of the sections of the app that I later designed in Figma.
Onboarding
During the onboarding, some of the most outstanding features of the app are presented using enjoyable, but simple animations and transitions.
Home
On the home screen, a summary of the activities that are coming up or the user's most recent conversations with their friends appear.
Activity
At the top section of each activity tab, the date, time, and location selected by the user who created the plan would be displayed.
Further down, the title, description, the user who created it, and the invited guests who have opted to attend the activity would be included. There would also be an option to upload an image or video to accompany the description.
Following that, there would be a section with the name preparations which would contain the points to consider so that the activity could go ahead. The activity administrator or administrators would be the only users who could check or uncheck them.
Finally, there would be the comments section, where group participants would be able to inform or notify others of any details so that they were aware of the opinion or novelty that was being contributed.
Create activity
When creating a new activity, the interface would display the key information to be entered, such as the date, time, and location of the activity, as well as the title and description of it.
The editable elements would be delimited by a dotted line and the "+" icons would indicate that it would be possible to add new content in those spaces.
Conversations
The conversations section would contain the private chats we have with other users through Friiends. We could send multimedia content, such as images or videos, and there would also be the possibility of recording voice notes, as well as making audio or video calls.
