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

Январь 2015

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

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

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

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

КОМАНДА

• Алёна Анищенко, дизайнер
• Илья Ашапатов, программист-верстальщик
• Роман Оксенюк, программист

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

Проблема:

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

Решение:

Для структуризации информации использовали цветовое зонирование и информативные иконки. Чтобы заинтересовать пользователя применяли различные интерактивные элементы.

ХОД РАБОТЫ

Разработка дизайна лендинга велась с 17 по 19 декабря. После новогодних каникул к работе приступил программист-верстальщик. К середине января посадочная страница была свёрстана, настроены формы обратной связи. 

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

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

Уже на первом экране пользователю предлагается заполнить форму обратной связи. 

Кнопка CTA (call-to-action) продублирована в нескольких блоках. По мере прокрутки она появляется несколько раз с разными названиями, но преследует одну цель — мотивировать пользователя на совершение заказа.

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

Блок «Наши услуги» позволяет ознакомиться с подробным описанием каждой услуги. Для этого пользователю нужно кликнуть по кнопке «Подробнее»…

… и откроется всплывающее окно, которое затем так же легко закрыть.

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

РЕЗУЛЬТАТ

За тот период, что кейс работает на привлечение клиентов (меньше месяца), его просмотрели 280 человек. Среднее время, которое пользователь провёл на странице, составляет 1 минуту 37 секунд.

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