Англійська
Польська
Російська
UA
Friday app Portfolio
2021
Додаток, щоб:
- зібрати друзів на вечірку
- піти на цікавий івент
- зробити комунікацію зручнішою
Заказчик
Американська IT-компанія, яка дала нам проект на аутсорс. На зв'язку були Джек і Мітчелл - проджект та продакт цієї компанії. До нас вони прийшли за крутим інтерфейсом. Вони точно знали, чого хотіли: неон, неон і ще раз неон.
Ідея
Friday - це додаток для вечірок із друзями. Зібратися з друзями у барі ввечері та випити пива, піти з приємною компанією в кіно на класний фільм, залетіти вночі до клубу та танцювати до ранку – можна організувати чи приєднатися до будь-якої вечірки.
Процес
-
Ідея
- Переговори із замовником
- Визначення скоупу фіч
- Оцінка за термінами та бюджетом
-
Дослідження
- Конкурентний аналіз - кількісний та якісний
-
UI/UX дизайн
- Користувальницькі сценарії
- Карта шляху користувача
- Концепт
- Підготовка інтерфейсу
-
Презентація
- Демонстрація замовнику Behance кейс
Вайрфрейми
Ми швидко порозумілися із замовником — хлопці повністю розуміли процес і довіряли нам. Робота над інтерфейсом відбувалася так: ми показували, що зробили, їм все подобалося. Замовник 5 із 5, 10 із 10, 100 із 100.
Настя Карпенко, лід UI/UX дизайнер в ITLab
Аутентифікація
Перевага «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 дизайнера