Кейс: доставка рационов | 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