Главная / Кейсы / Название кейса

FoodLabs

Дизайн мобильного приложения FoodLabs: AI-нутрициология, анализы, рацион и доставка продуктов в одном интерфейсе

Мобильное приложение Дизайн

Дизайн мобильного приложения FoodLabs: как объединить AI-нутрициологию, медицинские анализы и доставку продуктов в одном интерфейсе

Дизайн мобильного приложения FoodLabs: AI-нутрициология, анализы, рацион и доставка продуктов в одном интерфейсе

О клиент


FoodLabs — российское приложение, которое помогает питаться правильно каждый день. Оно собирает параметры пользователя, сопоставляет их с результатами медицинских чек-апов и формирует рацион: с учётом БЖУ, калорий и дефицита витаминов и минералов. Рядом с рационом в одном приложении живут холодильник, заказ продуктов и запись к врачам. Мы отвечали за дизайн: спроектировали интерфейс, который объединяет всё это без перегрузки, и собрали дизайн-систему

Карточка проекта

ПараметрЗначение
КлиентFoodLabs (Россия)
Сайтfoodlabs.info
НишаМобильное приложение: питание, здоровье, доставка продуктов
Что сделалиДизайн мобильного приложения, дизайн-система
Объём4 основных раздела (Профиль, Здоровье, Еда, Корзина) и 8+ функциональных модулей;
Срок2,5 месяца
Год2025
ИнструментFigma
[FoodLabs] Image 2.jpg

Ключевые решения

1

Рацион, собранный из данных пользователя

Параметры тела и результаты анализов превращаются в понятный план питания с учётом БЖУ и микронутриентов

2

Планирование приёмов пищи и рецепты

Пользователь видит, что и когда есть, и открывает рецепт без лишних переходов

3

Личный холодильник

Приложение «знает», что есть дома, а что закончилось

4

Заказ в один шаг

Закончившиеся продукты можно сразу добавить в корзину и заказать через магазины-партнёры

5

Здоровье в одном месте

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

6

Дисконтные карты и умные уведомления

Дисконтные карты и умные уведомления

Задача


Как объединить AI-нутрициологию, медицинские анализы и e-commerce доставки в одном интерфейсе?
FoodLabs — не очередной ЗОЖ-трекер. Платформа собирает индивидуальные параметры пользователя, сопоставляет их с результатами реальных медицинских чек-апов из лабораторий и на основе алгоритмов формирует сбалансированный рацион. Меню учитывает распределение БЖУ, калорий и дефицит микронутриентов.

Главная сложность заключалась в колоссальном объёме функционала. В одном приложении нужно было бесшовно связать:
 

  1. личный профиль здоровья с интеграцией результатов медицинских анализов;
  2. интерактивный конструктор меню от нутрициологов и диетологов;
  3. модуль «Личный холодильник» и интеграцию со сторонними магазинами для быстрой доставки продуктов под рецепты;
  4. телемедицинский блок: запись к врачам-специалистам для ручной корректировки диеты при медицинских ограничениях;
  5. систему умных пуш-уведомлений и напоминаний о приёмах пищи


Решение


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

[FoodLabs] Image 3.jpg

Структура приложения

РазделЧто внутри
ПрофильПараметры тела (вес, рост), дисконтные карты, настройки
ЗдоровьеРезультаты обследований, анализы, запись на приём к врачам
ЕдаРецепты, планирование приёмов пищи, личный холодильник, конструктор меню
КорзинаЗаказ продуктов, в том числе позиций, которые закончились в холодильнике

Что приложение умеет


Считать КБЖУ, следить за бюджетом на еду, формировать список покупок и заказывать продукты в один клик. Продукты автоматически попадают в раздел «Холодильник». В приложении можно вести аккаунты для семьи. Приложение доступно в App Store и Google Play


Дизайн-система


Единая библиотека стилей, компонентов и состояний, которая сохраняет цельность всех экранов и позволяет добавлять новые функции без перерисовки интерфейса

[FoodLabs] Image 4.jpg

Как мы работали

1

Исследование и сценарии

Разобрали, как человек ведёт питание, следит за здоровьем и покупает продукты

2

Архитектура и навигация

Выстроили четыре раздела и связи между ними

3

Прототипы

Собрали ключевые сценарии (рацион → холодильник → корзина, анализы → запись к врачу) и проверили логику до визуального дизайна

4

UI и дизайн-система в Figma

Нарисовали экраны и собрали библиотеку компонентов

5

Передача в разработку

Подготовили макеты и спецификации для команды клиента

Сложности и как их решили

СложностьКак решили
Огромный объём функционала в одном приложенииРазделили на четыре раздела и вынесли частые действия на первый уровень
Три мира в одном продукте: питание, медицина и e-commerceСделали общие паттерны и единую дизайн-систему, чтобы они ощущались как одно приложение
Чувствительные данные о здоровьеСделали раздел «Здоровье» отдельным и спокойным по тону, а действия с данными понятными
Связка рациона, холодильника и корзиныСпроектировали сквозной путь: от плана питания до заказа недостающих продуктов
Телемедицина рядом с самостоятельным питаниемВынесли запись к врачам в «Здоровье» и связали её с рационом
[FoodLabs] Image 5.jpg

Результаты

Что получил клиентИтог
ИнтерфейсДизайн мобильного приложения с четырьмя разделами и сквозными сценариями
Дизайн-системаЕдиная библиотека для развития продукта
Готовность к разработкеМакеты в Figma для команды клиента

Почему этот кейс важен для вашего проекта


Если ваше приложение объединяет несколько миров, например здоровье, сервис и покупки, нужна не просто красивая картинка, а архитектура и дизайн-система. Тогда продукт можно развивать, не ломая интерфейс

[FoodLabs] Image 6.jpg

Часто задаваемые вопросы

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

Планируете мобильное приложение со сложной логикой?


Расскажите о задаче, и мы предложим архитектуру и дизайн

FoodLabs

Дизайн мобильного приложения FoodLabs: AI-нутрициология, анализы, рацион и доставка продуктов в одном интерфейсе

Сайт компании
Мобильное приложение Дизайн

Наши актуальные
кейсы в презентации

По любым вопросам

rezdesigners@gmail.com

Скопировано

Либо в Telegram

@rezdesigner

Скопировано

Осталось заполнить
форму и начнем

Моё имя

Моя почта

Мой телефон

Мой телеграмм

Мой проект