Мобильное приложение для кулинарного помощника Welldone

WellDone — кулинарная онлайн-школа «с огоньком»

О компании:

Список работ:

Система, основанная на принципах профессиональной кухни: умные закупки, планирование меню, заготовки

Задачи проекта

К нам обратился разработчик Telegram-приложений с задачей разработать дизайн Telegram Mini App для компании WellDone.

Проект создавался на основе готового технического задания: наша работа заключалась в проектировании структуры в рамках ограничений, прототипировании и создании финального дизайна приложения в рамках особенностей интерфейсов в Telegram.

Этапы работы:

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

Wireframe

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

Онбординг приложения

Концепция

Этапы работы:

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

Дизайн экранов онбординга воспринимается как диалог с сервисом, а не как сухая анкета: иллюстрации маскота, тёплые акцентные цвета и понятные формулировки снижают барьер входа и мотивируют пройти все шаги. В итоге продукт выглядит как сервис-помощник, с которым удобно выстраивать ежедневную систему питания.

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

Цветовая палитра мягкая и натуральная, поддерживает ассоциации со здоровым питанием и домашней едой и не отвлекает от рецептов. Нейтральные фоны создают ощущение чистоты сервиса, а зелёные акценты подчёркивают тему осознанного питания и выделяют ключевые действия.

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

Shadower

Gilroy

Gilroy

#49503D

#C8CE85

#FAFFDA

#F9E4E3

#F4E2D2

#F8F6EF

Экраны приложения

Наполнение сайта

Были отрисованы следующие разделы приложения:

• онбординг и знакомство с сервисом
• главная страница
• меню
• моя кулинарная книга

Основные разделы приложения

Знакомство с сервисом

Наполнение сайта

На экранах знакомства пользователь последовательно выбирает: цели питания, нежелательные продукты и приоритеты планирования — КБЖУ, бюджет, скорость, простоту приготовления и разнообразие блюд.

Эта структура позволяет сервису сразу сформировать персонализированные рекомендации и план питания, минимизируя последующие корректировки.

Экраны этапов знакомства в приложении

User Interface Kit (UI Kit)

Смотреть другие кейсы: