Калькулятор доставки готовой еды

Многофункциональный калькулятор доставки готовой еды для диеты по медицинским показаниям

Год запуска: 2023
Обложка портфолио "Калькулятор Польза диет"

О проекте

Данный проект представляет из себя создание многофункционального калькулятора для сервиса доставки готовой и здоровой еды.

Текст во всю ширину

Целевая аудитория

  • Люди, следящие за своим питанием и здоровьем;
  • Спортсмены, нуждающиеся в доставке готовой и здоровой еды;
  • Люди с проблемами пищеварительной системы и диабетом;
  • Желающие снизить массу тела.

Задачи проекта

Задачи проекта "Калькулятор Польза диет"

1. Обновление дизайна калькулятора доставки еды на сайте.

2. Интеграция нового функционала для калькулятора: создание возможности легко выбирать параметры своего рациона, такие как калорийность, цели рациона, диетические предпочтения и день недели.

3. Улучшение пользовательского опыта: создание более удобного и интуитивного калькулятора доставки готовой еды.

4. Повышение уровня информированности пользователей и повышение конверсии и продаж благодаря интеграции нового функционала калькулятора.

5. Поддержание конкурентоспособности на рынке доставки готовой еды.

Информация о проекте

Команда

1 PM, 1 Tech Lead, 1 Frontend, 1 Backend.

Основной стек

Ruby, React, SCSS

Время разработки

99 часов

Функционал калькулятора "Польза диет"

Функционал калькулятора “Польза диет”

Функционал калькулятора

В целях исполнения задачи заказчика команда OnePix существенно переработала дизайн и функционал калькулятора. Сам калькулятор визуально состоит из 4-х блоков: 1. Выбор диеты и калорий; 2. Выбор дня недели для просмотра блюд на этот день; 3. Карусель блюд с описанием; 4. Блок заказа с выбором количества дней, общей ценой и ценой за 1 день.

Мобильная версия калькулятора "Польза диет"

Мобильная версия калькулятора

Мобильная версия калькулятора

Мобильная версия почти не отличается от десктопной. Мы немного уменьшены шрифты и картинки для сохранения общего визуального стиля калькулятора.

Этапы разработки

1

Дизайн и верстка

Дизайн-макеты были предоставлены заказчиком. Наша задача состояла верстке стиля калькулятора согласно данным макетам. Для этого мы использовали передовые технологии фронтенда: React.js, препроцессор SCSS, бандлер Webpack.

Дизайн калькулятора "Польза диет"
2

Интеграция функционала

Наши разработчики создали новые функции и алгоритмы для обработки выбора калорийности, целей рациона, диет и дня недели. Также интегрировали систему фильтрации блюд в соответствии с выбранными параметрами.

Разработка функционала калькулятора
3

Тестирование

Команда QA-инженеров провела тщательное тестирование верстки и функционала калькулятора. С помощью Cypress, были написаны тесты для проверки функций выбора блюд для определенной диеты.

4

Разворачивание проекта

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

Результаты

1. Обновлен дизайн калькулятора, им стало намного удобнее пользоваться, что привело к улучшению пользовательского опыта;

2. Интегрирован новый функционал, благодаря чему пользователи могут с легкостью выбирать параметры своего рациона;

3. Создание калькулятора позволило значительно увеличить конверсию в заявки и обеспечить высокую конкурентоспособность заказчика.

Хотите заказать такой же проект?

Хочу также

Ознакомьтесь с другими нашими проектами

Интернет-магазин БАДов и витаминов

Превью кейса Nature's Sunshine

Мобильное приложение спортивного издания «ПЛЕЙМЕЙКЕР»

Превью кейса Playmeyker

Сайт одной из крупнейших в Санкт-Петербурге компаний водного туризма

Превью "Нева Тревел"

Каталог индийских фильмов с рейтингами и гибкими критериями оценки

Превью кейса Somindram

Веб-конструктор на Canvas для создания контейнеров

Превью Builder

Платформа для организации свадеб “Wendor”

Превью Wendor

Мы готовы взяться за проект
любой сложности

Мы готовы обсудить ваш проект, создать стратегию реализации сайта и сформировать индивидуальное предложение. У вас есть вопросы? Просто оставьте заявку на сайте, и мы свяжемся с вами в ближайшее время.
Свяжитесь с нами
Отправьте нам запрос по проекту вашего веб-сервиса или приложения и в ближайшее время с вами свяжутся!

    [_utm_tag]

    Этот сайт использует cookies.