Friday background with lines
Friday hero grid picture #1 Friday hero grid picture #2 Friday hero grid picture #3 Friday hero grid picture #4 Friday hero grid picture #5 Friday hero grid picture #6 Friday hero grid picture #7 Friday hero grid picture #8 Friday hero grid picture #9 Friday hero grid picture #10 Friday hero grid picture #11 Friday hero grid picture #12

Friday app Portfolio

Friday head title
Friday head logo

2021

Приложение, чтобы:

  • собрать друзей на вечеринку
  • пойти на интересный ивент
  • сделать коммуникацию удобнее

Заказчик

Friday client pic #1 Friday client pic #2

Американская IT-компания, которая отдала нам проект на аутсорс. На связи были Джек и Митчелл — проджект и продакт этой компании. К нам они пришли за крутым интерфейсом. Ребята точно знали, чего хотели: неон, неон и еще раз неон.

Friday background with lines

Идея

Friday — это приложения для вечеринок с друзьями. Собраться с друзьями в баре вечером и выпить пива, пойти с приятной компанией в кино на классный фильм, залететь ночью в клуб и танцевать до утра — можно организовать или присоединиться к любой вечеринке.

Friday idea icon #1
Friday idea icon #2
Friday idea pic #1
Friday video pic #2
Friday background with lines

Процесс

  • Идея

    • Переговоры с заказчиком
    • Определение скоупа фич
    • Оценка по срокам и бюджету
  • Исследование

    • Конкурентный анализ — количественный и качественный
  • UI/UX дизайн

    • Пользовательские сценарии
    • Карта пути пользователя
    • Концепт
    • Подготовка интерфейса
  • Презентация

    • Демонстрация заказчику Behance кейс

Вайрфреймы

Friday wireframes pic #1
Friday wireframes pic #2

Аутентификация

Friday authentication pic #1 Friday authentication pic #2 Friday authentication pic #2

Преимущество «Friday» в том, что даже без регистрации можно смотреть предстоящие ивенты. Когда пользователь захочет создать или присоединиться к ивенту — тогда ему предложат зарегистрироваться.

Регистрация занимает меньше минуты: ввел номер телефона, получил код и готово. За несколько секунд можно зарегистрироваться через Apple ID, аккаунт Google или Facebook. Дальше можно добавить фото, информацию о себе, и социальные сети.

Все в одном месте

Friday advantage pic #1 Friday advantage pic #2 Friday advantage pic #3 Friday advantage pic #4 Friday advantage background

В приложении немного фич: с главного экрана можно попасть куда угодно, все переходы в быстром доступе.

  • С помощью главной кнопки можно добавить новое мероприятие. При нажатии экран замыливается, фокусируя внимание юзера на целевом действии.
  • На карточке мероприятия указано его название, владелец и участники. Юзер может лайкнуть ивент и выбрать, пойдет он на него или нет.
  • В верхней части экрана расположены карточки ивентов, на которые пойдет юзер. Также, можно увидеть непрочитанные сообщения в чате ивента.
  • В профиле показана информация о юзере, ивенты, на которых он был, и на которые пойдет.
Friday advantage pic #5

Вечеринка
в 3 простых
шага

  • Добавить фотографию ивента и заполнить информацию, когда и где будет ивент.

  • Заполнить шопинг-лист, что принести на вечер. Если список продуктов не нужен — можно пропустить шаг.

  • Пригласить на вечер друзей!

Friday background with lines

Страница мероприятия

Friday event pic #1 Friday event pic #2 Friday event pic #3 Friday event background

Когда пользователь открывает страницу мероприятия, в первую очередь он видит описание и шопинг-лист. Каждый участник может принести что-нибудь из списка — ящик пива, например.

В другой вкладке можно посмотреть, кто пойдет на ивент. Владелец ивента может назначить участникам роли, они будут отображаться тегами. Друга можно сделать танцором, диджеем или барменом. Еще есть роль «кайфолом».

Friday chats white screen #2 Friday chats white screen #1 Friday chats white screen #3
Friday chats dark screen #1 Friday chats dark screen #2 Friday chats dark screen #3
Friday profice pic1 Friday profice pic2 Friday profice pic3 Friday profice bg

Профиль

Так как приложение тесно завязано на общении, мы сделали профиль похожим на соц сеть. В профиле любого пользователя можно посмотреть, на каких мероприятиях он был, и на какие пойдет, написать личное сообщение, добавить в друзья, посмотреть список друзей и социальные сети. Также пользователи могут загружать фотографии и добавлять их в альбомы мероприятий.

Friday quote pic3

У заказчика был мини-брендинг: мы взяли шрифты, 3 основных цвета и лого. Джек хотел добавить логотип в header на всех экранах. На главном экране это смотрелось бы нормально, но на остальных — как черное пятно, которое только запутало бы пользователя. Мы сократили логотип до минималистичного знака — отдельная метка органично вписалась в интерфейс.

Полина Толмачева, Старший UI/UX дизайнер

Типографика
и палитра

Изначально мы дизайнили интерфейс в темной теме — это же приложение для вечеринок. Но позже заказчик решил, что это слишком специфично, ведь многим людям в целом не нравится темная тема. Чтобы у пользователя был выбор, мы приняли решение добавить светлую тему.

#222428
#FFFFFF
#4761FF

TT Wellingtons

Bold

AaBbCcDdEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvWwXxYyZz
[email protected]#$%^&*(){}?./,

AaBbCcDdEeFfGgHhIiJj
KkLlMmNnOoPpQqRrSs
TtUuVvWwXxYyZz
[email protected]#$%^&*(){}?./,

Medium

AaBbCcDdEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvWwXxYyZz
[email protected]#$%^&*(){}?./,

AaBbCcDdEeFfGgHhIiJj
KkLlMmNnOoPpQqRrSs
TtUuVvWwXxYyZz
[email protected]#$%^&*(){}?./,

#222428
#FFFFFF
#4761FF

Результаты

Заказчикам очень понравился визуал. На разработку проект ушел во внутреннюю команду ребят — наш тех стек им не подошел. Мы расстались на положительных эмоциях, и недавно они вернулись с новым проектом.

Friday results bg

120 часов

292 экрана

2 дизайнера