Оформление сайта «Четыре ключа»
Оформил лендинг программы Дмитрия Холманского на Tilda. Собрал первый экран, описание программы, блок автора, форматы участия и ответы на вопросы. Адаптировал страницу под мобильные устройства.
Моя работа: оформление и вёрстка страницы, адаптация блоков, интерактивные элементы и правки по обратной связи заказчика.
Первый экран
Задача
Нужен был отдельный сайт программы «Четыре ключа»: с подробным описанием, программой обучения и выбором участия. Заказчику было важно сохранить возможность менять текстовые блоки в редакторе Tilda без работы с кодом.
Что сделал
Собрал страницу в тёмной палитре с тёплыми акцентами, крупными заголовками и фотографиями автора. Разделил материал на последовательные блоки, оформил тарифы и раскрывающиеся разделы. После просмотра заказчиком заменил фотографии и убрал лишнюю кнопку.
Оформление и структура
Заголовки и фотографии
Крупные заголовки с засечками сочетаются с простым шрифтом основного текста. Портрет автора занимает отдельную часть первого экрана; тёплый акцент выделяет основные кнопки на тёмном фоне.
Программа по разделам
Четыре этапа обучения оформлены как отдельные блоки с номером и названием. Содержание можно раскрыть по кнопке, поэтому подробная программа не превращается в один длинный текст.
Форматы участия
В одном блоке собраны три варианта: самостоятельное прохождение, работа с куратором и глубокое прохождение. У каждого видны цена, короткое описание и действие; подробный состав раскрывается отдельно.
Навигация и вопросы
Кнопки ведут к программе и тарифам внутри страницы. Ответы на частые вопросы оформлены раскрывающимися строками. Для мобильной версии блоки перестроены в одну колонку.
Выбор формата
Результат
Опубликован отдельный лендинг программы: посетитель может посмотреть содержание, познакомиться с автором, сравнить форматы и перейти к выбору участия. Заказчик может обновлять текст в редакторе Tilda.