Все примеры работ

Разработка сервисов · 3 октября 2026

Обновили дневник питания PlanCeli: компактный интерфейс и быстрый учет рациона

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

Главный результатДневник и прогресс в одном модуле
Собственный продукт

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

Открыть калькулятор питания
Задача клиента

Какая проблема была до проекта

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

Было
  • Калории и БЖУ нужно было считать отдельно.
  • История веса и дневной рацион не были связаны.
  • На телефоне такие таблицы неудобны для ежедневного использования.
Стало
  • Пользователь добавляет еду по приемам пищи и сразу видит дневную норму.
  • Калории, БЖУ, клетчатка и вес собраны в одном маршруте.
  • Данные хранятся на сервере и доступны с телефона и компьютера.
Обновленный интерфейс на пустом демонстрационном дневнике: сводка питания, приемы пищи и активность. Личные данные не используются.
Обновленный интерфейс на пустом демонстрационном дневнике: сводка питания, приемы пищи и активность. Личные данные не используются.

Суть проекта

Работающая система

Что показывает этот проект

Ежедневный инструмент работает лучше, когда ввод данных отделен от аналитики и требует минимум действий с телефона.

Ключевая сложность

Пересчитывать питание по порции, синхронизировать записи и при этом сохранять компактный ежедневный интерфейс.

Что сделала команда
  1. Разделили дневник и прогресс.
  2. Сократили добавление еды из конкретного приема пищи.
  3. Предусмотрели сохранение, повторную загрузку и конфликты версий.
Как подтвержден результат

Актуальная локальная версия проверена на пустом демонстрационном дневнике; личные данные пользователей в кейсе не используются.

Что важно учитывать

Расчет строится по составу и массе порции; это инструмент учета, а не медицинская рекомендация и не ИИ-диагностика.

Кому подойдет похожее решение

Сервисам с ежедневным вводом, персональными нормами, историей и синхронизацией между устройствами.

Мы переработали дневник питания «Рацион» внутри PlanCeli: сократили первый экран, разделили ежедневный ввод и просмотр прогресса, ускорили добавление еды и сделали мобильный интерфейс компактнее. Пользователь выбирает прием пищи, находит продукт, указывает порцию и видит обновленные калории и БЖУ.

2 разделадневник и прогресс
7 / 30 днейпериоды истории питания
1 экраносновные действия с телефона
Без ИИрасчет по составу и массе порции

Скриншоты ниже сняты с актуальной локальной версии интерфейса на пустом демонстрационном дневнике. Личные записи пользователей не используются.

От длинной страницы к понятному ежедневному действию

В первой версии дневник, нормы, графики и вес находились на одной длинной странице. В обновлении мы разделили работу на два режима: «Дневник» для ввода еды и «Прогресс» для анализа истории. Сводка калорий и макронутриентов стала компактной, а дополнительные сведения о питании раскрываются по запросу.

Обновленный дневник Рацион: компактная сводка, приемы пищи и тренировки
Новый рабочий экран. Приемы пищи занимают основную часть страницы, а активность вынесена в соседний блок. Данные на скриншоте демонстрационные.

Добавление еды без ручного пересчета

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

Обновленный каталог продуктов в дневнике питания PlanCeli
Каталог продуктов. Поиск и выбор еды находятся внутри ежедневного сценария учета.

Прогресс открывается отдельно от дневника

История калорий за 7 и 30 дней и график веса перенесены в отдельную вкладку. Это сохраняет быстрый доступ к динамике и освобождает основной экран для регулярного ввода. Пользователь может выбрать дату и вернуться к предыдущим дням.

Вкладка Прогресс с историей калорий и учетом веса в PlanCeli
Раздел «Прогресс». История питания и веса собрана отдельно. На пустом демонстрационном дневнике графики ожидают записей.

Тренировки и персональные ориентиры

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

Сохранение и работа с нескольких устройств

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

Компактная мобильная версия

На телефоне сразу видны вкладки и основные приемы пищи. Подробная сводка, дополнительные приемы и активность раскрываются по необходимости. Кнопки добавления остаются рядом с соответствующим разделом. На иллюстрациях показан один видимый экран, без длинных скриншотов всей страницы.

Первый экран обновленного дневника питания на телефоне
Дневник. Приемы пищи и добавление еды.
Выбор продукта в мобильном дневнике питания
Каталог. Поиск и выбор продукта.
Прогресс питания на телефоне
Прогресс. История и учет веса.

Что показывает проект

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

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

Перейти к услуге «Разработка веб-сервисов под ключ»