О проекте
Разработать полноценный сайт-каталог для компании по доставке здорового питания с интерактивными калькуляторами, подробной информацией о рационах, зонах доставки и удобной системой оформления заказа.
Figma
Adobe Photoshop
Tilda
1. Анализ исходных данных, целевой аудитории, сайтов конкурентов
2. Проработка структуры, прототипирование
3. Подбор референсов
4. Концепты дизайна
5. Дизайн
6. Верстка на Tilda, адаптация, анимация, технические настройки
Многостраничный сайт (>25 страниц )
Доставка рационов правильного питания в Тольятти
Максфуд
Клиент обратился с тем, что на данный момент у компании есть только социальные сети, но нет полноценного сайта, поэтому покупателям сложно ориентироваться в ассортименте рационов, невозможно донести всю необходимую информацию в удобном виде, нет инструментов для подбора рациона под индивидуальные параметры.
Задача была в том, чтобы создать сайт, на котором будет показан весь ассортимент, дана подробную информацию о том, какой рацион выбрать в той или иной ситуации, создать инструменты для расчета калорий и подбора рациона. В нише здорового питания достаточно сложный формат работы с доставкой, поэтому важно было максимально наглядно показать все нюансы.
Задача была в том, чтобы создать сайт, на котором будет показан весь ассортимент, дана подробную информацию о том, какой рацион выбрать в той или иной ситуации, создать инструменты для расчета калорий и подбора рациона. В нише здорового питания достаточно сложный формат работы с доставкой, поэтому важно было максимально наглядно показать все нюансы.
( задача )
Запрос клиента
( дизайн )
Главная страница
После глубокого анализа ниши и целевой аудитории была выстроена актуальная структура сайта, которая помогает клиенту найти ответы на большинство вопросов. На главной странице расположена вся основная информация для быстрого знакомства с компанией и её продуктами. Дизайн сайта разработан с учетом уже имеющегося фирменного стиля компании, включая социальные сети. Это позволило создать единый визуальный образ бренда во всех точках взаимодействия с клиентом.
Калькулятор калорий
Интерактивная форма расчета калорий — один из ключевых элементов сайта. В нише здорового питания очень важно выбрать рацион с учетом индивидуальной потребности в калориях.
Калькулятор позволяет:
— Ввести базовые данные (рост, вес, возраст, пол)
— Указать цель (похудение, набор массы, поддержание)
— Выбрать уровень активности
— Получить рекомендуемый калораж
— Сразу перейти к выбору подходящего рациона
Калькулятор позволяет:
— Ввести базовые данные (рост, вес, возраст, пол)
— Указать цель (похудение, набор массы, поддержание)
— Выбрать уровень активности
— Получить рекомендуемый калораж
— Сразу перейти к выбору подходящего рациона
меню
Уже на главной странице можно посмотреть примерное меню на день на каждый каллораж, при этом каждое блюдо сопровождается подробным составом, бжу и весом.
( дизайн )
Внутренние страницы
На сайте разработано 24 внутренние страницы, основные — это страница каталога, страница каждого рациона, о компании, доставка и оплата. Для каждого рациона создана детальная страница с полной информацией: описание программы, калорийность и состав БЖУ, примеры меню на наделю, цены и варианты продолжительности программы (3, 5, 7 дней) и т. д.
Для каждого рациона создана детальная страница с полной информацией:
- Подробное описание программы
- Примеры блюд на неделю с фотографиями, составом, калорийностью и бжу
- Для кого подходит этот рацион
- Цены и варианты продолжительности программы (3, 5, 7 дней и т.д.)
- Блок FAQ по конкретному рациону
- Форма заказа с калькулятором стоимости
- Подробное описание программы
- Примеры блюд на неделю с фотографиями, составом, калорийностью и бжу
- Для кого подходит этот рацион
- Цены и варианты продолжительности программы (3, 5, 7 дней и т.д.)
- Блок FAQ по конкретному рациону
- Форма заказа с калькулятором стоимости
Страница о компании
Меню и составы
Для каждого рациона размещено примерное меню на неделю с указанием фото, состава, калорийности, БЖУ блюд и веса, а для детокса - состав каждой бутылочки
( детали )
Калькуляторы, интерактивы, зоны доставки
На сайте реализовано несколько интерактивных блоков, которые упрощают для пользователя выбор и взаимодействие с компанией:
- Калькулятор калорий — который помогает выбрать рацион для нужной цели.
- Калькулятор стоимости рациона по дням.
- Интерактивная карта с зонами бесплатной доставки, а также удобно визуализирован график доставки.
- Блок вопрос-ответ с разделениям по темам частых вопросов — помогает пользователю быстрее найти нужную информацию.
( результат )
Рост конверсии, удобство для пользователя
Дизайн сайта разработан с учетом уже имеющегося фирменного стиля компании, включая социальные сети ВКонтакте. Это позволило создать единый визуальный образ бренда во всех точках взаимодействия с клиентом.
Интерактивные инструменты и понятная структура информации упростили путь клиента от знакомства с компанией до оформления заказа, что положительно сказалось на конверсии, снизило нагрузку на поддержку.
Интерактивные инструменты и понятная структура информации упростили путь клиента от знакомства с компанией до оформления заказа, что положительно сказалось на конверсии, снизило нагрузку на поддержку.
Это
отзыв
Мария Пальцева, Максфуд
