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

Заказчик ВкусВилл Образование

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

Цель и задачи проекта

Цель

Разработать сайт для проекта по обучению от ВкусВилл

Задачи

  • Основываясь на имеющиеся данные по проекту, собрать структуру сайта
  • Собрать сайт на базе конструктора сайтов Тильда
  • Заполнить сайт контентом и подготовить сайт к полноценной работе

С чем работаем?

Летом 2021 года к нам обратились из проекта ВкусВилл Образование с задачей на создание небольшого сайта-визитки для проекта онлайн-образования от ВкусВилл. Проект на данном этапе представляет собой онлайн-курс от реальных производителей кондитерских изделий и поставщиков ВкусВилл. При этом онлайн-курс предназначен не только для начинающих кондитеров, но и для уже работающих кондитеров, планирующих масштабировать своё производство.

 

 

Собираем структуру и контент будущего сайта

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

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

  1. Вступительный блок, рассказывающий куда попал пользователь с кнопкой призыва к действию (записаться на курс),
  2. Блок «Для кого предназначен этот курс», сразу повествующий о том, что курс предназначен не только для новичков, но и уже работающих специалистов и владельцев небольших производств.
  3. Блок «Про курс» с кратким анонсом курса, а также повествующий о том, что входит в состав курса (видеолекции, практика, нетворкинг).
  4. Блок с формой заказа, для уже принявших решение о прохождении курса покупателях.
  5. Блок с подробным описанием числовых характеристик курса, который дает пользователю количественную характеристику курса — срок прохождения курса, количество заданий, обучающих видео, полезных документов и шаблонов, которые в итоге получит покупатель курса.
  6. Блок о спикерах с кратким и подробным описанием опыта работы спикеров в реальных компаниях.
  7. Блок с учебным планом курса, формирующий понимание какие знания чего получит покупатель курса.
  8. Блок с тарифами, их составом и ценами курса
  9. Блок призыва к действию с таймером отсчета до старта нового потока обучения.
  10. Блок с ответами на часто задаваемые вопросы.
  11. Блок с формой заказа, для уже принявших решение о прохождении курса покупателях.
  12. Блок перехода на блог ВкусВилл Образование

Собранные смысловые блоки позволили в общих чертах понять как должна выглядеть главная страница.

Главная

Кастомный блок «Спикеры»

Для блока со спикерами пришлось использовать нестандартное решение с кнопками «Кратко» и «Подробно», которые сворачивают/разворачивают описание спикеров, так как не нашлось подходящего решения в библиотеке блоков Тильды.

Блог

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

 

 

Проверка корректности адаптива

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

 

 

 

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

Walnut Team
Начать проект