Дизайн мобильного приложения FoodLabs: AI-нутрициология, анализы, рацион и доставка продуктов в одном интерфейсе
Дизайн мобильного приложения FoodLabs: AI-нутрициология, анализы, рацион и доставка продуктов в одном интерфейсе
FoodLabs — российское приложение, которое помогает питаться правильно каждый день. Оно собирает параметры пользователя, сопоставляет их с результатами медицинских чек-апов и формирует рацион: с учётом БЖУ, калорий и дефицита витаминов и минералов. Рядом с рационом в одном приложении живут холодильник, заказ продуктов и запись к врачам. Мы отвечали за дизайн: спроектировали интерфейс, который объединяет всё это без перегрузки, и собрали дизайн-систему
| Параметр | Значение |
|---|---|
| Клиент | FoodLabs (Россия) |
| Сайт | foodlabs.info |
| Ниша | Мобильное приложение: питание, здоровье, доставка продуктов |
| Что сделали | Дизайн мобильного приложения, дизайн-система |
| Объём | 4 основных раздела (Профиль, Здоровье, Еда, Корзина) и 8+ функциональных модулей; |
| Срок | 2,5 месяца |
| Год | 2025 |
| Инструмент | Figma |
![[FoodLabs] Image 2.jpg](https://api.rezdesigners.by/uploads/large_Food_Labs_Image_2_07c6de2bf4.jpg)
Параметры тела и результаты анализов превращаются в понятный план питания с учётом БЖУ и микронутриентов
Пользователь видит, что и когда есть, и открывает рецепт без лишних переходов
Приложение «знает», что есть дома, а что закончилось
Закончившиеся продукты можно сразу добавить в корзину и заказать через магазины-партнёры
Параметры тела, обследования и запись к врачам собраны в отдельном разделе. Врач может вручную скорректировать диету, если есть медицинские ограничения
Дисконтные карты и умные уведомления
Как объединить AI-нутрициологию, медицинские анализы и e-commerce доставки в одном интерфейсе?
FoodLabs — не очередной ЗОЖ-трекер. Платформа собирает индивидуальные параметры пользователя, сопоставляет их с результатами реальных медицинских чек-апов из лабораторий и на основе алгоритмов формирует сбалансированный рацион. Меню учитывает распределение БЖУ, калорий и дефицит микронутриентов.
Главная сложность заключалась в колоссальном объёме функционала. В одном приложении нужно было бесшовно связать:
Здесь важно не «сколько функций вместить», а как человек будет с ними жить каждый день. Поэтому мы начали с логики: что пользователь делает утром, что днём, когда он заходит в раздел здоровья и как рацион превращается в корзину. Затем собрали навигацию из четырёх понятных разделов и единую дизайн-систему, на которой держатся все экраны
![[FoodLabs] Image 3.jpg](https://api.rezdesigners.by/uploads/large_Food_Labs_Image_3_b913441a4c.jpg)
| Раздел | Что внутри |
|---|---|
| Профиль | Параметры тела (вес, рост), дисконтные карты, настройки |
| Здоровье | Результаты обследований, анализы, запись на приём к врачам |
| Еда | Рецепты, планирование приёмов пищи, личный холодильник, конструктор меню |
| Корзина | Заказ продуктов, в том числе позиций, которые закончились в холодильнике |
Считать КБЖУ, следить за бюджетом на еду, формировать список покупок и заказывать продукты в один клик. Продукты автоматически попадают в раздел «Холодильник». В приложении можно вести аккаунты для семьи. Приложение доступно в App Store и Google Play
Единая библиотека стилей, компонентов и состояний, которая сохраняет цельность всех экранов и позволяет добавлять новые функции без перерисовки интерфейса
![[FoodLabs] Image 4.jpg](https://api.rezdesigners.by/uploads/large_Food_Labs_Image_4_a5e1b546f5.jpg)
Разобрали, как человек ведёт питание, следит за здоровьем и покупает продукты
Выстроили четыре раздела и связи между ними
Собрали ключевые сценарии (рацион → холодильник → корзина, анализы → запись к врачу) и проверили логику до визуального дизайна
Нарисовали экраны и собрали библиотеку компонентов
Подготовили макеты и спецификации для команды клиента
| Сложность | Как решили |
|---|---|
| Огромный объём функционала в одном приложении | Разделили на четыре раздела и вынесли частые действия на первый уровень |
| Три мира в одном продукте: питание, медицина и e-commerce | Сделали общие паттерны и единую дизайн-систему, чтобы они ощущались как одно приложение |
| Чувствительные данные о здоровье | Сделали раздел «Здоровье» отдельным и спокойным по тону, а действия с данными понятными |
| Связка рациона, холодильника и корзины | Спроектировали сквозной путь: от плана питания до заказа недостающих продуктов |
| Телемедицина рядом с самостоятельным питанием | Вынесли запись к врачам в «Здоровье» и связали её с рационом |
![[FoodLabs] Image 5.jpg](https://api.rezdesigners.by/uploads/large_Food_Labs_Image_5_cf5f05e862.jpg)
| Что получил клиент | Итог |
|---|---|
| Интерфейс | Дизайн мобильного приложения с четырьмя разделами и сквозными сценариями |
| Дизайн-система | Единая библиотека для развития продукта |
| Готовность к разработке | Макеты в Figma для команды клиента |
Если ваше приложение объединяет несколько миров, например здоровье, сервис и покупки, нужна не просто красивая картинка, а архитектура и дизайн-система. Тогда продукт можно развивать, не ломая интерфейс
![[FoodLabs] Image 6.jpg](https://api.rezdesigners.by/uploads/large_Food_Labs_Image_6_d744f6111d.jpg)
Здесь больше доверия и чувствительных данных, поэтому важны спокойный тон, понятные сценарии и прозрачные действия.
Расскажите о задаче, и мы предложим архитектуру и дизайн
Дизайн мобильного приложения FoodLabs: AI-нутрициология, анализы, рацион и доставка продуктов в одном интерфейсе
Наши актуальные
кейсы в презентации
По любым вопросам
rezdesigners@gmail.com
Либо в Telegram
@rezdesigner
Физическое лицо: Рудько Георгий Николаевич
Статус: Плательщик налога на профессиональный доход (самозанятый)
УНП: AE7537046