ЕССЕ. Сайт школы и каталог 18 программ обучения

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

Работа шла на основе существующих материалов и страниц школы. В объем вошли переработка дизайна и структуры, адаптивная верстка, подготовка каталога и перенос сайта с Tilda на собственный код и хостинг Beget.

Структура выбора курса

Собрал каталог 18 программ. Разделил их по направлениям, добавил поиск и фильтры. Для каждого курса подготовил отдельную страницу с составом программы, объемом уроков, стоимостью и переходом на учебную платформу. На главной связал направления с каталогом и описанием формата обучения.

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

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

Разделы и перенос

Оформил страницы преподавателей, документов, отзывов, журнал и витрину будущего магазина. Подготовил адреса страниц, метаданные, внутренние ссылки и разметку. Перенес публичную часть на Beget, настроил HTTPS, перенаправления и Яндекс.Метрику. На этом этапе оплата и доступ к занятиям были связаны со Skillspace.

Экраны выполненной работы

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

Карточки программ, фильтры по направлениям и поиск курса.

Страница программы с раскрытым содержанием и переходом к записи.

Адаптивная главная страница на телефоне.

Статья журнала школы в мобильной версии.

Подготовлен и опубликован многостраничный сайт esse-school.ru с каталогом 18 программ, страницами курсов и связанными разделами школы. Посетитель может выбрать направление, сравнить программы и перейти к обучению.

Моя роль: переработка существующего сайта, дизайн, верстка, программные доработки и перенос на хостинг. Этот кейс охватывает публичную часть. Разработка собственного учебного кабинета относится к отдельному этапу; продажи товаров через витрину магазина в показанный объем не входят. Иллюстрации сделаны по сохраненной версии выполненной работы, текущую доступность сайта они не подтверждают.