С 9 до 21 вам ответит Денис

Написать:

Позвонить:

Обратный звонок:

Подписывайтесь в нашего telegram бота, чтобы получить структуру вашего будущего сайта. Это бесплатно!

Уже уходите? Не спешите!

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

В двух словах

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

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

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

Посмотрите в сравнении несколько блоков до и после.

Мобильная версия

Десктопная версия

Сайт в формате PDF

Вводная информация

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

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

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

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

Мы сделали главную страницу, страницу спасибо.

Дизайн и Верстка

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

Страница-презентация мастер-класса

Прежде чем продолжить, предлагаю взглянуть на сайт в движении

Первый экран содержит в себе логотип и меню, главный заголовок и основные тезисы, таймер обратного отсчета и lottie-анимацию с видео от автора.

В некоторых местах для визуальной наполненности мы добавили векторные монстеры в цветовой схеме сайта

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

Блок материалов, получаемых после регистрации выполнен в абстрактных минималистичных формах

Максим очень трепетно относится к своей работе и попросил отметить, что это не просто вебинар, а мастер-класс.
Поэтому мы вынесли это в отдельный блок

Для нового сайта были подготовлены фотографии автора, мы добавили их в блок о спикере.
Добавили ссылки на социальные сети.

Следом идет полноэкранная форма записи на мастер-класс. Все остальные формы на сайте открываются в всплывающем окне

Шаги сотрудничества последовательно появляются с помощью step-by-step анимации

Ответы на вопросы в формате видео

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

Страница благодарности

Пошаговая инструкция подготовки к мастер-классу

Адаптивность

Версии для экранов < 1200 px

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