Здесь собираются и обрабатываются файлы cookies. Подробнее...
OK

Дизайн блоков для сайта школы

О проекте

В школе парфюмерии Валерии Нестеровой проходят оффлайн мастер-классы и курсы для желающих погрузиться в мир парфюмерии и ароматов для дома

Задача
Разработать дизайн для блоков сайта – главный экран, о курсе «Аромадизайнер», мероприятия. Согласованный дизайн перенести на тильду.
Дизайн главного экрана для сайты школы парфюмерии
Мобильная версия главного экрана школы
На главном экране требовалось отобразить главное предложение, основателя школы и числовые факты о школе.

Главный экран сайта школы парфюмерии

Дизайн и вёрстка на тильде

Дизайн разрабатывался с учётом цветовой гаммы и стилистики существующего сайта, чтобы разработанные блоки не выбивались среди остальных.
Фото интерьера до обработки
Фото девушки до обработки ключевого образа
Результат обработки ключевого образа для главного экрана сайта

Ключевой образ проработан с использованием Adobe Photoshop

Используемые исходники
Результат
Убрала фон с фотографии основателя школы, дорисовала локоть. Осветлила и размыла фото интерьера школы. Совместила две фотографии и сделала цветокоррекцию.
Дизайн блока для курса в школе парфюмерии
Мобильная версия курс по парфюмерии
Дизайн для информационного блока в виде таблицы
Слайдер на телефоне для сайта школы
Курс «Аромадизайнер» состоит из нескольких этапов. Все этапы требовалось отобразить на сайте, чтобы посетитель сайта мог подробно с ними ознакомиться.

Блок о новом курсе в школе

Дизайн и вёрстка на тильде
Так как информация объёмная, было принятно решение добавить кнопку «Подробнее о курсе». При нажатии на кнопку – ниже появляется блок об этапах курса и его результатах.

Таблица или слайдер?

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

Я предложила использовать слайдер (переключение этапов стрелками), чтобы посетитель мог взаимодействовать с сайтом. И тем самым мы также избавились от «выброса» всего текстового контента в посетителя.
Дизайн блока для мероприятий в школе парфюмерии
Мобильная версия для мероприятий школы парфюмерии
Преимущества проведения мероприятий в школе парфюмерии
В школе есть возможность оригинально провести время в кругу своих близких или знакомых. Запланировать мероприятие с аромадегустацией или созданием аромата.

Блок мероприятий в школе

Дизайн и вёрстка на тильде
При нажатии на кнопку «Забронировать» появляется pop-up окно с предварительной записью на желаемую дату, которая затем подверждается менеджерами.

Работа с сайтом на стороне тильды

Суммарный срок разработки*

Адаптивность блоков под разные разрешения устройств
Базовая SEO-оптимизация (заголовки уровня H1, H2, alt-текст)
Работа с кодом для некоторых блоков
Настройка форм и CRM-листов для данных
Видео-инструкции по работе с разработанными блоками
14 дней
*сроки указаны с учётом времени на согласование, внесение правок и ожидание материалов от заказчика