Лендинг для сбора аудитории на бесплатный вебинар
Сейчас я вам подробно расскажу что я сделал в этом проекте, а не просто отправлю вас смотреть получившийся сайт
Не даю вам прямую ссылку на сайт, чтобы вы остались на моём сайте и узнали больше о моих компетенциях
Читая эти подробности вы уже немного лучше обо мне подумали не так ли?
Задачи проекта:
Вадим, приветствую! есть задачка обновить дизайн сайта на более современный формат. + будут минорные правки по текстам. в целом структура останется прежней. доп рекомендации приветствуются
если интересна задача сориентируй по стоимости работ
11.27
11.29
Сергей, доброе утро. Ответить смогу чуть позже, сейчас в бегах. Ок?
11.31
Я добрался на рабочее место. Сейчас гляну
13.23
И можем созвониться
13.23
Какие точки роста я увидел и предложил заказчику
1
Проработать оффер
«Как начать зарабатывать удаленно в 2021 году от 40 000 до 150 000 рублей» — откровенно слабый. Потому что вообще не понятно благодаря чему можно зарабатывать эти самые деньги
2
Избавиться от таймера обратного отчёта на главном экране
Да, триггер ограничения по времени сам по себе хорош и даёт положительные результаты.
Но не таким пошлым способом с сайтов прошлого десятилетия
3
Рассказать подробнее что будет на вебинаре
До этого были обычные фразы, которые легко применимы к любому вебинару про удаленную работу
Сейчас я покажу как выглядел сайт перед тем, как я сделал его редизайн
Нужно нажать на картинку, чтобы демонстрация началась
Нужно навести мышку на картинку, чтобы демонстрация началась
Демонстрация сайта таким образом сделана с помощью стороннего кода
Спасибо Коле, что поделился им в Клубе Школы Тильды
С помощью сторонних кодов можно сделать очень много всяких прикольных фич, который помогают сделать сайт уникальным
Автоматическая смены даты на главной странице как раз сделана кодом
Самое интересное!
Что именно я сделал?
Задал настроение сайта крупными заголовками акцентным шрифтом Igra Sans заголовком.
В пару ему подобрал шрифт Formular
Все графические элементы сайта имеют градиентный оттенок, это тоже задает атмосферу сайта
Дальше буду показывать блоки сайта в формате до/после редизайна
Главный экран
  1. Сменил оффер
  2. Избавился от таймера. Дата меняется автоматически и показывает время ближайшего вебинара
  3. Выбрал эмоционально фото спикера и обтравил его
потяните за ползунок, чтобы сравнить до/после
Что вы узнаете на вебинаре
  1. Раскрыли смысл того, что будет на вебинаре
  2. Перерисовал иконки в стиле глассморфизм
потяните за ползунок, чтобы сравнить до/после
Кому будет полезен вебинар
Иконки решил заменить на живые фотографии людей. Этим я хотел добиться того, чтобы посетители сайта узнавали в них себя (все фото выкуплены с платных стоков)
потяните за ползунок, чтобы сравнить до/после
Кнопка (call to action)
  1. Не выразительную кнопку с призывом записаться на вебинар, которую можно было не заметить и пролистать сделал отдельным блоком
  2. Визуализировал и крупно показал гайд, который посетитель получит после регистрации. В таком виде его хочется получить намного больше
потяните за ползунок, чтобы сравнить до/после
Блок о спикере
  1. Предложил спикеру записать приветственное видео и добавил его на сайт
  2. Выделил значимые факты в цифрах и крупно их показал, чтобы посетитель обязательно обратил на них внимание. Кликните здесь, чтобы посмотреть
потяните за ползунок, чтобы сравнить до/после
Блок с формой региcтрации от сервиса leeloo.ai
До этого форма регистрации и описание процесса находились в разных визуально оформленных блоках. Я выделил этот блок ярким фоном, добавил стрелки-подсказки и добавил динамики анимацией
потяните за ползунок, чтобы сравнить до/после
Результат моей работы смотрите в видео ниже
Делаю я так потому, что время идёт, все изменяется и со временем сайт может стать совсем другим, или вообще переехать на другой адрес. А показать его вам мне очень хотелось.
Над проектом работал вместе с маркетологом Сергеем
Made on
Tilda