Friday app Portfolio
2021
Приложение, чтобы:
- собрать друзей на вечеринку
- пойти на интересный ивент
- сделать коммуникацию удобнее
Заказчик
Американская IT-компания, которая отдала нам проект на аутсорс. На связи были Джек и Митчелл — проджект и продакт этой компании. К нам они пришли за крутым интерфейсом. Ребята точно знали, чего хотели: неон, неон и еще раз неон.
Идея
Friday — это приложения для вечеринок с друзьями. Собраться с друзьями в баре вечером и выпить пива, пойти с приятной компанией в кино на классный фильм, залететь ночью в клуб и танцевать до утра — можно организовать или присоединиться к любой вечеринке.
Процесс
-
Идея
- Переговоры с заказчиком
- Определение скоупа фич
- Оценка по срокам и бюджету
-
Исследование
- Конкурентный анализ — количественный и качественный
-
UI/UX дизайн
- Пользовательские сценарии
- Карта пути пользователя
- Концепт
- Подготовка интерфейса
-
Презентация
- Демонстрация заказчику Behance кейс
Вайрфреймы
Мы быстро нашли общий язык с заказчиком — ребята полностью понимали процесс и доверяли нам. Работа над интерфейсом шла так: мы показывали, что сделали, им все нравилось. Заказчик 5 из 5, 10 из 10, 100 из 100.
Юлия Вакуленко, лид UI/UX дизайнер в Purrweb
Аутентификация
Преимущество «Friday» в том, что даже без регистрации можно смотреть предстоящие ивенты. Когда пользователь захочет создать или присоединиться к ивенту — тогда ему предложат зарегистрироваться.
Регистрация занимает меньше минуты: ввел номер телефона, получил код и готово. За несколько секунд можно зарегистрироваться через Apple ID, аккаунт Google или Facebook. Дальше можно добавить фото, информацию о себе, и социальные сети.
Все в одном месте
В приложении немного фич: с главного экрана можно попасть куда угодно, все переходы в быстром доступе.
- С помощью главной кнопки можно добавить новое мероприятие. При нажатии экран замыливается, фокусируя внимание юзера на целевом действии.
- На карточке мероприятия указано его название, владелец и участники. Юзер может лайкнуть ивент и выбрать, пойдет он на него или нет.
- В верхней части экрана расположены карточки ивентов, на которые пойдет юзер. Также, можно увидеть непрочитанные сообщения в чате ивента.
- В профиле показана информация о юзере, ивенты, на которых он был, и на которые пойдет.
Вечеринка
в 3 простых
шага
-
Добавить фотографию ивента и заполнить информацию, когда и где будет ивент.
-
Заполнить шопинг-лист, что принести на вечер. Если список продуктов не нужен — можно пропустить шаг.
-
Пригласить на вечер друзей!
Страница мероприятия
Когда пользователь открывает страницу мероприятия, в первую очередь он видит описание и шопинг-лист. Каждый участник может принести что-нибудь из списка — ящик пива, например.
В другой вкладке можно посмотреть, кто пойдет на ивент. Владелец ивента может назначить участникам роли, они будут отображаться тегами. Друга можно сделать танцором, диджеем или барменом. Еще есть роль «кайфолом».
Чаты
Мы сделали 2 чата — личные сообщения и чат мероприятия. Так как все в приложении строится вокруг ивентов, часто удобнее общаться внутри карточки мероприятия, чем с каждым участником отдельно.
Чаты
Мы сделали 2 чата — личные сообщения и чат мероприятия. Так как все в приложении строится вокруг ивентов, часто удобнее общаться внутри карточки мероприятия, чем с каждым участником отдельно.
Профиль
Так как приложение тесно завязано на общении, мы сделали профиль похожим на соц сеть. В профиле любого пользователя можно посмотреть, на каких мероприятиях он был, и на какие пойдет, написать личное сообщение, добавить в друзья, посмотреть список друзей и социальные сети. Также пользователи могут загружать фотографии и добавлять их в альбомы мероприятий.
У заказчика был мини-брендинг: мы взяли шрифты, 3 основных цвета и лого. Джек хотел добавить логотип в header на всех экранах. На главном экране это смотрелось бы нормально, но на остальных — как черное пятно, которое только запутало бы пользователя. Мы сократили логотип до минималистичного знака — отдельная метка органично вписалась в интерфейс.
Полина Толмачева, Старший UI/UX дизайнер
Типографика
и палитра
Изначально мы дизайнили интерфейс в темной теме — это же приложение для вечеринок. Но позже заказчик решил, что это слишком специфично, ведь многим людям в целом не нравится темная тема. Чтобы у пользователя был выбор, мы приняли решение добавить светлую тему.
TT Wellingtons
Bold
AaBbCcDdEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvWwXxYyZz
1234567890!@#$%^&*(){}?./,
AaBbCcDdEeFfGgHhIiJj
KkLlMmNnOoPpQqRrSs
TtUuVvWwXxYyZz
1234567890!@#$%^&*(){}?./,
Medium
AaBbCcDdEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvWwXxYyZz
1234567890!@#$%^&*(){}?./,
AaBbCcDdEeFfGgHhIiJj
KkLlMmNnOoPpQqRrSs
TtUuVvWwXxYyZz
1234567890!@#$%^&*(){}?./,
Результаты
Заказчикам очень понравился визуал. На разработку проект ушел во внутреннюю команду ребят — наш тех стек им не подошел. Мы расстались на положительных эмоциях, и недавно они вернулись с новым проектом.
120 часов
292 экрана
2 дизайнера
Может, вы хотите запланировать онлайн-встречу?
Что-то пошло не так.
Пожалуйста, попробуйте ещё раз позже.