Сайт для онлайн мастермайнда «Резонанс»
Запрос:
Разработать продающий лендинг для онлайн продукта «Резонанс».
На котором мы расскажем о продукте и его преимуществах, закроем возражения, познакомим с автором и дадим возможность оставить заявку.
На котором мы расскажем о продукте и его преимуществах, закроем возражения, познакомим с автором и дадим возможность оставить заявку.
I этап: Разработка стукруры сайта
На первом этапе мы созванивались с командой и обсуждали стуктуру сайта по ранее мной заготовленному прототипу. Я рассказывал и показывал какие информационные блоки мы можем разместить на сайте, чтобы более подробно рассказать о продукте, его преимуществах, закрыть возражения и познакомить с автором.
Мне кажется важно — составить правильно структуру и рассказать о продукте подробно, чтобы он был понятен не только теплым клиентам из соц. сетей автора, но и холодным, которые пришли на сайт из поисковой системы и ещё не знакомы с продуктом.
Так же я давал комментарии по текстам, чтобы они были более информативными и понятными для посетителей сайта.
Мне кажется важно — составить правильно структуру и рассказать о продукте подробно, чтобы он был понятен не только теплым клиентам из соц. сетей автора, но и холодным, которые пришли на сайт из поисковой системы и ещё не знакомы с продуктом.
Так же я давал комментарии по текстам, чтобы они были более информативными и понятными для посетителей сайта.
II этап: Текстовый прототип
На этом этапе моей задачей было собрать прототип будущего сайта со всеми текстами и вынужденными корректировками, которых иногда просто не избежать.
И так у нас получилось 13 информационных блок: первый экран, для кого подходит, что такое мастермайнд, что будет на встречах, что вы получите, результаты участиков, формат участия, как было на прошлом мастермайнде, стоимость, цепляющая фраза, об авторе, отзывы, ответы на вопросы.
И так у нас получилось 13 информационных блок: первый экран, для кого подходит, что такое мастермайнд, что будет на встречах, что вы получите, результаты участиков, формат участия, как было на прошлом мастермайнде, стоимость, цепляющая фраза, об авторе, отзывы, ответы на вопросы.
III этап: Дизайн-концепция
У ребят уже был свой брендбук, фир. стиль и логотип.
Мне оставалось лишь взять весь визуальный и текстовый контент, что у них есть, учесть пожелания (в данном случае использовать фото природы и стихии, чтобы передавать настроение и эмоции) и собрать всё во едино.
Мне оставалось лишь взять весь визуальный и текстовый контент, что у них есть, учесть пожелания (в данном случае использовать фото природы и стихии, чтобы передавать настроение и эмоции) и собрать всё во едино.
IV этап: Дизайн сайта
Ниже будет показан макет, но это лишь финальная версия.
Чтобы он получился именно таким, какой хочет и видит заказчик, необходимо было внести некоторые правки. Где-то мы меняли просто фото, где-то перерабатывали весь блок, так как вводные данные корректировались в процессе.
В конечном счёте, получилось собрать такой макет, который полностью устраивал всю команду заказчика и меня как исполнителя)
Чтобы он получился именно таким, какой хочет и видит заказчик, необходимо было внести некоторые правки. Где-то мы меняли просто фото, где-то перерабатывали весь блок, так как вводные данные корректировались в процессе.
В конечном счёте, получилось собрать такой макет, который полностью устраивал всю команду заказчика и меня как исполнителя)
V этап: Вёрстка сайта
Сайт верстался на конструкторе Тильда, преимущественно на zero-блоках,
с использованием модификаций (воспроизведение видео при наведении, видео-отзывы) и анимации. Адаптивен под планшет и мобильные разрешения.
с использованием модификаций (воспроизведение видео при наведении, видео-отзывы) и анимации. Адаптивен под планшет и мобильные разрешения.
VI этап: Финальные настроки и передача сайта
После согласования и проверки сайта командой , я передал его на аккаунт заказчика. А так же внёс финальные настроки: подключил домен, форму обратной связи, настроил базовое SEO, протекстировал.
Ссылка на сайт
