Статті
UX/UI дизайн сервісу доставки здорового харчування за підпискою
Проєкт, що отримав Red Dot
17 листопада, 2021
Олександр Перельотов
співзасновник та дизайн-директор агенції Excited
Стати автором

Першочергово проєкт планувався як сервіс доставки їжі для мережі ресторанів здорового харчування. Проте в процесі роботи він змінив своє позиціювання та ідею, і став сервісом, що надає плани харчування за підпискою.
Олександр Перельотов, дизайн-директор дизайн-агенції цифрових продуктів Excited, розповів про шлях створення продукту.

За проєкт агенція цього року отримала нагороду Red Dot у категорії Interface Design.

Всі ілюстрації: Excited

Матеріал створено у партнерстві з дизайн-агенцією Excited

В основі Count’d лежить ідея, що користувачі сервісу зможуть отримати персоналізований план харчування, який буде враховувати спортивні активності та харчові вподобання.

Ключові складові додатку:

  1. План харчування: формування та доставка
  2. Моніторинг фізичної активності
  3. Підрахунок калорій (окремі продукти користувач може додавати мануально)

Ми розробляли цей проєкт з нуля, тож почали все з MVP версії. Основною метою, з якою до нас звернувся клієнт, було запуститись, щоб перевірити ринок. Зараз ми поступово покращуємо додаток та додаємо в нього нові фічі.

Перед початком роботи над проєктом, ми провели аналіз ринку, вивчили конкурентів та фідбек, який клієнтові залишали користувачі.

Компанії, які надають послуги створення планів харчування існують давно і присутні в дуже багатьох містах. У Львові точно можна нарахувати десяток. Але незалежно від міста чи країни вони всі мають однакові недоліки:

  1. Взаємодія та комунікація відбувається через телефонні дзвінки
  2. Фіксоване меню без гнучкої кастомізації (немає можливості обирати страви).

Ці недоліки усунені в Count’d.

Клієнт: мережа ресторанів здорового харчування. Засновники стали важливим джерелом інсайтів, які дозволити зекономити час на дослідженнях. Від них ми отримали багато інформації про цільову аудиторію.

Цільова аудиторія сервісу — люди, які підтримують здоровий спосіб життя, слідкують за харчуванням та займаються фітнесом. На цю аудиторію вже працює мережа ресторанів клієнта, тож більшість інформації про персону користувача надійшла від нього.

Реєстрація та онбординг

Ми створювали сервіс з нуля, тож розуміли, що більшість клієнтів будуть новими користувачами. Тобто перший досвід взаємодії має бути легким та відразу демонструвати цінність сервісу. А головна цінність сервісу — доставка планів харчування.

На етапі онбордингу користувачеві ставлять кілька питань, на основі яких додаток складає персоналізований план харчування. Враховується тип дієти, алергени, уподобання в їжі, та обсяг спортивних активностей. Ось що додаток запитує:

  • вік, вага, зріст
  • ціль щодо зміни ваги (підтримувати вагу, схуднути, набрати вагу)
  • уточнюється бажана інтенсивність схуднення або набору ваги (залежно від відповіді на попереднє питання)
  • інтенсивність фізичних навантажень
  • алергії та непереносність продуктів (ці інгредієнти не потраплятимуть у раціон).

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

Кожен може обрати скільки прийомів їжі, які він/вона хоче отримувати за планом. Серед доступних: сніданок, обід та вечеря. Користувач може змінювати кожну страву, яку йому підібрала система. Умовно, є 20 варіантів сніданків, і з яких завжди можна обирати будь-який: хочеш яєшню, а хочеш сирники.


Читайте також: Як дизайн-агенція діджитал продуктів Excited сама створила собі айдентику й отримала за неї два Red Dot


План харчування надається лише один. Але він різний для кожного користувача: формується унікальна комбінація страв із загальної вибірки (100+). Далі можна кастомізувати інгредієнти обраних страв.

Рішення, від якого відмовилися

Перша версія додатку ґрунтувалася на готових планах харчування, які своєю чергою, враховували насамперед співвідношення білків/жирів/вуглеводів, дієти та інші параметри. За цією концепцією користувачі мали б широкий вибір серед пропонованих планів, але їхнє наповнення неможливо було б кастомізовувати. Дослідження ринку та конкурентів підштовхнуло нас до рішення створювати унікальні плани харчування та надавати можливість редагувати їх всередині. Саме це було слабкими сторонами всіх конкурентів, яких ми розглядали.

Основні кроки взаємодії з додатком

Проєктуючи процес замовлення ми спирались на два типи користувачів:

  1. Ті, хто не хоче думати про вибір страв щодня
  2. Більш перебірливі в їжі, хто хоче мати змогу самостійно обирати свій раціон.

Перші користуються опцією автоматичного вибору страв, другі — можливістю змінювати страви за бажанням.

Після проходження онбордингу система вже знає необхідну інформацію про користувача. Далі все, що потрібно обрати на першому кроці, це – кількість страв на день (сніданок, обід, вечеря) та тривалість підписки.

Підписку можна оформити на день, тиждень або місяць. Оплата у додатку відбувається наперед, розрахуватись можна карткою або Apple Pay/Google Pay – все за класикою. Єдине, що застосунок вимагає в клієнта перед оплатою, – підтвердити дату старту підписки.

Підписка може або поновлюватись автоматично на той самий період, або зупинятись в кінці періоду. За замовчуванням стоїть другий варіант. Це пояснюється тим, що вартість підписки досить висока, і ми не хочемо, щоб купівля відбулась через те, що користувач забув вимкнути автооновлення підписки в налаштуваннях. Якщо ціна підписки збільшуватиметься, – сервіс інформуватиме про це напередодні, і здорожчання набиратиме чинності лише якщо підписка автоматично оновлюється.

Керування планом харчування

На етапі проєктування ми визначили перелік щоденних задач та потреб, що будуть виникати в переважної більшості користувачів:

  • заміна страв,
  • відстеження доставки,
  • зміна адреси чи часу доставки
  • отримання детальної інформації про склад страви.

Тож у процесі дизайну створювали ці всі процеси максимально зручними та швидкими у виконанні.

Наприклад, кожна страва має детальний підрахунок калорій та повний список всіх інгредієнтів, який можна змінювати. Процес редагування страв нам вдалось помістити в декілька кліків, які знаходяться в досяжності великого пальця.

Задля зручності всі основні взаємодії, які користувачі часто повторюють, зроблені у вигляді діалогів. По-перше, вони з’являються знизу екрану, тож користувачам зручніше виконувати основні дії в додатку одним пальцем. Можна швидко внести зміни в замовлення навіть дорогою в зал, коли в одній руці сумка для тренування, а в іншій телефон та пляшка з водою. По-друге, користувач в момент часу фокусується лише на тій інформації, яка важлива для виконання однієї поточної задачі.


Читайте також: Редизайн SaaS платформи для автоматизації роботи страхових компаній


Спроєктувати керування планом харчування було нетривіальною задачею, адже нічого схожого ми на ринку не знайшли. Всі сервіси доставки фокусуються на одноразовому виконанні замовлення і там все досить просто та зрозуміло – вибір закладу, вибір страв, оплата, очікування виконання. Нам же було потрібно:  1) показувати тиждень чи місяць планованих доставок, 2) давати користувачам можливість змінювати страви, 3) інформувати їх про статус кожної доставки.

Це був той випадок, коли ми не могли проаналізувати вже готові рішення на ринку, а проєктували те, що до нас ніхто не робив.

Фізична активність у додатку

Важливою частиною сервісу є тісна інтеграція зі спортивними активностями. Додаток допомагає користувачам досягати бажаних результатів щодо власної ваги. Щоб ця функція працювала, користувач синхронізує свої спортивні активності за допомогою Apple Health, і додаток зіставляє спалені калорії з отриманими від їжі. Таким чином ми можемо підлаштовувати пропоновані страви для отримання потрібної різниці калорій. Це відбувається автоматично: щойно в системі змінюється показник денної кількості калорій – додаток самостійно оновлює параметри страв та самі страви на майбутній період так, щоб вони сумарно відповідали новому показнику. Але цю зміну має підтвердити користувач.

Найважливіші метрики додатку

Надзвичайно важливими на теперішньому етапі розвитку додатку є адаптація користувачів та конверсія їх у підписників. Саме для того, щоб зменшити бар’єр ціни та надати користувачам можливість спробувати сервіс, була додана опція підписки на один день. Це такий собі тріал. Ціна входу невисока і дозволяє користувачам спробувати сервіс та відчути той самий Aha-момент. Після цього конвертація користувачів у постійних клієнтів відбувається значно простіше.

Наразі ми продовжуємо працювати з клієнтами над постійним покращенням продукту, а також над додаванням нових послуг та функцій.

 


Telegraf.Design живе за підтримки спільноти. Підтримуйте Telegraf.Design на Patreon.

avatar
Олександр Перельотов
співзасновник та дизайн-директор агенції Excited
Колонка

У нас є ще дещо для вас