Получи скидку 20% на разработку любого типа сайта, оставив заявку сейчас
Ответьте на несколько вопросов, чтобы получить скидку 40% на разработку вашего сайта
Отлично. Последний шаг, чтобы получить скидку!
Укажите нишу для которой необходимо разработать сайт?
Выберите нужный тип сайта:
Бюджет проекта

Обновление страницы мастер-класса Максима Расохина

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

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

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

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


«Вообще мне они не очень нравятся. Все однообразно! Хотелось бы сделать намного лучше, современнее, привлекательнее и в то же время, чтобы выглядело серьезно!Необходимо с помощью сайта заставить потенциальных участников мастер-класса заинтересоваться данной темой, даже если они первый раз об этом услышали!

Я понадеюсь на Ваш опыт! Конечно хотелось бы, что-то свежее и интересное!»

Мы сделали главную страницу, страницу спасибо.
создание лендинга цена
Дизайн и Верстка
Основной идеей и главным стилистическим приемом на сайте стали разнообразные плавные формы и их анимация. Мы хотели сделать сайт легким, простым и понятным.
Чтобы это все хорошо смотрелось мы разбили статику небольшими анимациями на скролл, там где это было уместно.
Страница-презентация мастер-класса
Прежде чем продолжить, предлагаю взглянуть на сайт в движении
Первый экран содержит в себе логотип и меню, главный заголовок и основные тезисы, таймер обратного отсчета и lottie-анимацию с видео от автора.
создание лендинга цена
создание лендинга цена
создание лендинга цена
создание лендинга цена
В некоторых местах для визуальной наполненности мы добавили векторные монстеры в цветовой схеме сайта
лендинг на тильде цена
Использование векторных иллюстраций позволяет информативно дополнить содержимое текстовых блоков, а так же экономит трафик пользователя, что положительно сказывается на скорости загрузки сайта
лендинг на тильде цена
создание лендинга цена
создание лендинга цена
создание лендинга цена
создание лендинга цена
создание лендинга цена
Блок материалов, получаемых после регистрации выполнен в абстрактных минималистичных формах
создание лендинга цена
Максим очень трепетно относится к своей работе и попросил отметить, что это не просто вебинар, а мастер-класс.
Поэтому мы вынесли это в отдельный блок
создание лендинга цена
Для нового сайта были подготовлены фотографии автора, мы добавили их в блок о спикере.
Добавили ссылки на социальные сети.
лендинг на тильде цена
Следом идет полноэкранная форма записи на мастер-класс. Все остальные формы на сайте открываются в всплывающем окне
лендинг на тильде цена
Шаги сотрудничества последовательно появляются с помощью step-by-step анимации
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Ответы на вопросы в формате видео
лендинг на тильде цена
Закрывает страницу блок с призывом к действию, ссылками на соц.сети и подвал с правовой информацией.
лендинг на тильде цена
создание лендинга цена
создание лендинга цена
создание лендинга цена
Страница благодарности
Пошаговая инструкция подготовки к мастер-классу
создание лендинга цена
Адаптивность
Версии для экранов < 1200 px
лендинг на тильде цена
лендинг на тильде цена
Мы полностью адаптировали сайт под все возможные устройства и разрешения. Сейчас, когда более половины трафика приходится на портативные устройства, это уже не прихоть, а необходимость.
лендинг на тильде цена
создание лендинга цена
Made on
Tilda