Здесь собираются и обрабатываются файлы cookies. Подробнее...
OK
Дизайн блоков для сайта школы
О проекте
В школе парфюмерии Валерии Нестеровой проходят оффлайн мастер-классы и курсы для желающих погрузиться в мир парфюмерии и ароматов для дома
Задача
Разработать дизайн для блоков сайта – главный экран, о курсе «Аромадизайнер», мероприятия. Согласованный дизайн перенести на тильду.
На главном экране требовалось отобразить главное предложение, основателя школы и числовые факты о школе.
Главный экран сайта школы парфюмерии
Дизайн и вёрстка на тильде
Дизайн разрабатывался с учётом цветовой гаммы и стилистики существующего сайта, чтобы разработанные блоки не выбивались среди остальных.
Ключевой образ проработан с использованием Adobe Photoshop
Используемые исходники
Результат
Убрала фон с фотографии основателя школы, дорисовала локоть. Осветлила и размыла фото интерьера школы. Совместила две фотографии и сделала цветокоррекцию.
Курс «Аромадизайнер» состоит из нескольких этапов. Все этапы требовалось отобразить на сайте, чтобы посетитель сайта мог подробно с ними ознакомиться.
Блок о новом курсе в школе
Дизайн и вёрстка на тильде
Так как информация объёмная, было принятно решение добавить кнопку «Подробнее о курсе». При нажатии на кнопку – ниже появляется блок об этапах курса и его результатах.
Таблица или слайдер?
Заказчик хотел отобразить этапы курса в виде таблицы. Но использовать в данном случае таблицу не целесообразно. Выглядит очень громоздко и не удобно для пользователей на устройствах меньше, чем ноутбук.
Я предложила использовать слайдер (переключение этапов стрелками), чтобы посетитель мог взаимодействовать с сайтом. И тем самым мы также избавились от «выброса» всего текстового контента в посетителя.
В школе есть возможность оригинально провести время в кругу своих близких или знакомых. Запланировать мероприятие с аромадегустацией или созданием аромата.
Блок мероприятий в школе
Дизайн и вёрстка на тильде
При нажатии на кнопку «Забронировать» появляется pop-up окно с предварительной записью на желаемую дату, которая затем подверждается менеджерами.
Работа с сайтом на стороне тильды
Суммарный срок разработки*
•Адаптивность блоков под разные разрешения устройств •Базовая SEO-оптимизация (заголовки уровня H1, H2, alt-текст) •Работа с кодом для некоторых блоков •Настройка форм и CRM-листов для данных •Видео-инструкции по работе с разработанными блоками
14 дней
*сроки указаны с учётом времени на согласование, внесение правок и ожидание материалов от заказчика