ДАТА ПУБЛИКАЦИИ

Сентябрь 2014

ПРОВЕДЁННЫЕ РАБОТЫ

Разработка дизайна, вёрстка, программирование форм обратной связи.

ИСПОЛЬЗУЕМЫЕ ТЕХНОЛОГИИ

• Stylus — препроцессор для быстрого и удобного написания CSS.
• CoffeScript — для  читабельного и удобного написания JavaScript.
• Файлы статики (CSS, JavaScript и картинки) компилируются и собираются с помощью Gulp.js.
• JavaScript-функционал написан с использованием библиотеки jQuery.
• Для создания HTML-страниц использован Django Template.

КОМАНДА

• Ольга Круглова, арт-директор
• Александр Асланов, ведущий программист-верстальщик

ПРОБЛЕМЫ И РЕШЕНИЯ

Проблема:

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

Решение:

Одно из решений — сделать отдельную страницу с детальным описанием. Но это не самый лучший вариант, если речь идёт о лендинге. Второе решение (в пользу которого и был сделан выбор) — показывать описание без перезагрузки страницы. Для этого был написан JavaScript, который прятал содержимое текущей страницы и показывал окно с описанием кейса. При этом у пользователя есть возможность закрыть его (также без перезагрузки страницы).

ХОД РАБОТЫ

С 20 августа по 27 августа 2014-го шли работы по созданию дизайна будущего лендинга. Затем последовал этап вёрстки и программирования. В первой половине сентября посадочная страница уже работала.

ДИЗАЙН СТРАНИЦЫ

В основе страницы — принцип применения анимации по мере скроллинга. Наряду с активным призывом к действию, за который отвечают соответствующие кнопки call-to-action, анимация позволяет заинтриговать посетителя и вовлечь его в процесс интерактивного повествования о компании и услуге разработки.

Преимущества по мере скроллинга вниз выскакивают одно за другим, акцентируя на себе внимание пользователя.

По ходу прокрутки вниз меняется текст и изображение раздела, посвящённого команде.

Анимация также находит применение в разделах «Кейсы» и «Наши клиенты», элементы которых всплывают один за другим. 

РЕЗУЛЬТАТ

С сентября 2014-го по февраль 2015-го посадочную страницу посетили 3 637 человек. Среднее время, которое посетитель проводит на лендинге, составляет 1 минуту и 16 секунд. Около 20 раз пользователи заказали звонок, более 30 человек заполнили форму заявки.

Перейти на сайт