Ukrainian
Polish
Russian
EN
Friday app Portfolio
2021
Application to:
- to gather friends for a party
- go to an interesting event
- make communication more convenient
Customer
An American IT company that outsourced a project to us. Jack and Mitchell were in touch - the project and product of this company. They came to us for a cool interface. They knew exactly what they wanted: neon, neon and more neon.
Idea
Friday - This is an app for parties with friends. Gather with friends at a bar in the evening and drink beer, go to the cinema with a nice group to watch a cool movie, go to a club at night and dance until the morning - you can organize or join any party.
Process
-
Idea
- Negotiations with the customer
- Defining feature scope
- Estimate on time and budget
-
Research
- Competitive analysis - quantitative and qualitative
-
UI/UX design
- Custom scripts
- User journey map
- Concept
- Interface preparation
-
Presentation
- Demonstration to the customer Behance case
Wireframes
We quickly got along with the customer — the guys completely understood the process and trusted us. The work on the interface went like this: we showed what we had done, they liked everything. Customer 5 out of 5, 10 out of 10, 100 out of 100.
Nastya Karpenko, lead UI/UX designer at ITLab
Authentication
The advantage of "Friday" is that even without registration you can watch upcoming events. When the user wants to create or join an event, they will be prompted to register.
Registration takes less than a minute: enter your phone number, get a code, and you're done. You can register in seconds with your Apple ID, Google account, or Facebook account. Then you can add a photo, information about yourself, and social networks.
Everything in one place
The application has a few features: you can get anywhere from the main screen, all transitions are in quick access.
- The main button allows you to add a new event. When pressed, the screen dims, focusing the user's attention on the target action.
- The event card shows the event name, owner, and participants. The user can like the event and choose whether to attend or not.
- At the top of the screen are event cards where the user will go. You can also see unread messages in the event chat.
- The profile shows information about the user, events where they have been and which ones they will attend.
Party
in 3 simple steps
-
Add a photo of the event and fill in information about when and where the event will be held.
-
Fill out a shopping list of what to bring for the evening. If you don't need a grocery list, you can skip this step.
-
Invite friends over for a party!
Event page
When a user opens an event page, the first thing they see is a description and a shopping list. Each participant can bring something from the list — a case of beer, for example.
In another tab you can see who will be attending the event. The event owner can assign roles to participants, which will be displayed as tags. The second can be made a dancer, DJ or bartender. There is also the role of "partygoer".
Chats
We made 2 chats – personal messages and event chat. Since everything in the app is built around events, it is often more convenient to communicate within the event card than with each participant individually.
Chats
We made 2 chats – personal messages and event chat. Since everything in the app is built around events, it is often more convenient to communicate within the event card than with each participant individually.
Profile
Since the program is closely tied to communication, we made the profile similar to a social network. In the profile of any user, you can see which events he has been to and which ones he will go to, write a personal message, add to friends, view the list of friends and social networks. Users can also upload photos and add them to event albums.
The client had a mini-branding: we took the fonts, 3 main colors and the logo. Jack wanted to add the logo to the header on all screens. On the main screen it would look normal, but on the others it would be like a black spot that would confuse the user. We reduced the logo to a minimalistic sign – a separate label organically fit into the interface.
Evgenia Pustovit, Senior UI/UX Designer
Typography
and palette
Initially, we designed the interface in a dark theme - it's a party app. But later the client decided that it was too specific, because many people generally don't like the dark theme. To give the user a choice, we decided to add a light theme.
TT Wellingtons
Bold
AaBbCcDdEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvWwXxYyZz
1234567890!@#$%^&*(){}?./,
AaBbCcDdEeFfGgHhIiJj
KkLlMmNnOoPpQqRrSs
TtUuVvWwXxYyZz
1234567890!@#$%^&*(){}?./,
Medium
AaBbCcDdEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvWwXxYyZz
1234567890!@#$%^&*(){}?./,
AaBbCcDdEeFfGgHhIiJj
KkLlMmNnOoPpQqRrSs
TtUuVvWwXxYyZz
1234567890!@#$%^&*(){}?./,
Results
The customers really liked the visuals. The project went to an internal team of guys for development — our tech stack didn’t suit them. We parted ways on positive emotions and recently they came back with a new project.
120 hours
292 screen
2 designer