Главная » Мои работы » Landing Page → Леденец – Активатор Конверсий
Леденец - Активатор Конверсий

Landing Page → Леденец – Активатор Конверсий

Этой статьей открываю новую рубрику “Мои работы”. Дело в том, что я уже сделал (скопировал, переделал и т.д.) ооочень много работ в сфере Web: это и различные сайты (многостраничные и лендинги), это и дизайн проекты, и всякая другая мелочь , в общем много всего. Но в тоже время у меня нет портфолио, как-то не парился на счет этого. Но некоторые работы хочется представить публике. Именно для этого и была сделана новая рубрика, надеюсь вам понравится, итак…! Первая запись – это очень необычный лендинг под названием “Леденец – активатор конверсий!”

Леденец - Активатор Конверсий

Делал я этот лендинг для лучшей товарной CPA партнерки M1-shop (мое субъективное мнение, и оно никак не связано с тем, что я там работаю). Команда действительно старается и делает все необходимое как для комфортной работы вебов, так и для рекламодателей.

Сайт M1-shop.ru

Итак, если вы посмотрели лендинг, то уже поняли что он необычный. Конечно, всю иронию поймут только те, кто в теме – арбитражники.

Помимо содержания и дизайна (спасибо Евгению и Айрату за это), опишу в чем была необычность для меня при верстке данного ленда.

Динамический, мигающий title страницы.

title

Аля, Кто хочет стать миллионером :)

Здесь присутствует звук при наведении на вариант ответа (самое неудобное было то, что в Html5 нет функции стоп для аудио! Поэтому пришлось при убирании курсора с кнопки ставить звук на паузу и сбрасывать его до начала). Плюс при выборе мы не только получаем другой цвет ответа, но и небольшую анимацию. Думал, как сделать, то чтобы можно было выбрать только 1 ответ и он переключался –  остановился на самом очевидном, input’ы типа radio + навертел всякой неведомой х..фигни, лишь бы все работало, чётко!)

millioner

Форма, собирающая данные в текстовый файл .txt

Я не программист, поэтому задача для меня не на 2 минуты. Но все-таки довольно быстро удалось сделать так, чтобы форма собирала данные и записывала их в текстовый файл (каждую заявку с новой строки) – для кого-то это супер просто, но у меня немного другой профиль, и подобными задачами я не занимаюсь, поэтому горжусь, что все сделал)

form

Все остальное довольно стандартно, кроме, пожалуй, еще одного скрипта.

Брат, а ты куда?

Фишка скрипта в том, что когда пользователь приближается курсором мышки к верхней границе области просмотра – выскакивает такое модальное окно:

kuda

Прикольно)

cursorНу курсор мышки вы наверно уже заметили – это волшебная палочка!

Посмотреть Landing: Леденец – Активатор Конверсий

Ну а когда посмотрели, можете оставить заявку и увидеть страничку спасибо. Это ни к чему вас не обяжет, и вообще все сделано ради хохмы, веселья и хорошего настроения)

P.S. Оставляйте комментарии. Понравился ли вам этот лендос? Обсудим любые темы. А мне будет приятно получить обратную связь.

Похожие статьи:

Комментировать через ВКонтакте:
Отзывов к посту "Landing Page → Леденец – Активатор Конверсий" уже 6:
  • Надежда | 29.01.2016 в 0:27

    Прикольно! :)
    А я вот не в теме, а все равно иронию поняла :)
    Клевый лендинг, даже не представляю, как такое можно сотворить. Ты, Антон, просто мастер уже!
    Получается, у лендинга никаких коммерческих целей нет? Просто прикол?

    • admin | 29.01.2016 в 0:35

      Ага, коммерческих целей нет. Просто порадовать людей :|

      • Надежда | 29.01.2016 в 0:38

        А ты за работу получил? Или тоже ради шутки?
        P.S. Просто интересно хотя бы примерно, сколько зарабатывают фрилансеры на создании таких подобных страниц.

  • Вадим | 19.08.2016 в 9:36

    С репостами на landing page классно придумано. Смотрится не стандартно и воспринимается позитивно.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: