Кейс: доставка рационов | PrimeCoder

Один сайт — витрина меню, подписка и повторные заказы без посредников-маркетплейсов

О проекте

Рынок healthy food и «еда в контейнерах» давно научил пользователя ожидать калькулятор калорий, выбор типа рациона и доставку «завтра». Мы проектировали продукт для модели, близкой к сервис рационов: локальное производство, собственный бренд или франшизный, сайт как главный канал LTV — не только первый заказ, но и удержание через подписку и уведомления.

Интерфейс заточен под мобильный трафик и быстрый заказ «с work-friendly» сценария: минимум полей на первом шаге, прозрачная итоговая корзина, сохранённые адреса и слоты доставки. Для white-label варианта закладываем темизацию: палитра и типографика под суббренд без переписывания логики.

Для нового заказчика в food-delivery это готовая архитектурная база: каталог рационов → персонализация → оплата → ЛК с историей и управлением подпиской.

Задачи

Спроектировать UX/UI воронки первого и повторного заказа, каталог/меню с фильтрами, корзину и оплату, личный кабинет, интеграцию с кухонной или логистической системой при необходимости.

Решение

Собрали дизайн-систему экранов в Figma, сверстали адаптив с приоритетом mobile, реализовали корзину с сохранением состояния, подключили платёжного провайдера и webhook-статусы, добавили ЛК с подпиской и паузой, оптимизировали изображения блюд под LCP.

Инструменты

Стек под быстрый relaunch меню и маркетинговые акции. Готовность к нагрузке в обеденные пики.

  • Figma
  • React
  • TypeScript
  • Node.js
  • PostgreSQL

Подписка и повторные заказы,Оплата без падений,Mobile-first воронка

Результат

Бренд доставки получает собственный канал продаж: не только «красивая витрина», а механика подписки и повторных покупок — то, на чём строится юнит-экономика сервиса.

Срок: 58 дн.

  • Каталог рационов и калорийность
  • Корзина, слоты доставки и оплата
  • Личный кабинет и подписка
  • White-label готовность оформления

Типографика

Дружелюбный гротеск и крупные числа калорий — читаемо в дороге с телефона.

Шрифт: "DM Sans", system-ui, sans-serif

Кегли: 15px, 17px, 22px, 28px, 36px

Показатели

Score: 90

  • Конверсия в первый заказ: фокус UX
  • LCP на мобильных: оптимизация медиа
  • Удержание: ЛК + подписка

Цвета

Метрики проекта

  • Экранов: 24
  • Дней разработки: 58

Стек: Figma, React, TypeScript, Node.js, PostgreSQL