Кейс по созданию Landing Page для компании Бизнес Upgrade. Проектирование структуры, веб-дизайн, адаптивная верстка, кросс-браузерность. Расскажем о данном небольшом проекте, наших решениях в его реализации и получившимся результате. Приятного чтения!
Заказчик
Компания Бизнес Upgrade - оптимизация программ для бизнеса.
Предыстория
Компания обратилась к нам через модуль обратной связи, находящийся на нашем сайте. Кстати, немного инсайдерской информации: мы занимаемся реализацией своего модуля обратной связи с гибкой системой настройки и интересными фишками, но об этом позже. После нескольких дней общения и пары конференций по скайпу с обсуждением предстоящего проекта мы приступили к работе.
Основные задачи
- Современный дизайн. Как вы уже могли заметить, каждый наш проект имеет свою фишку.
- Проработка структуры посадочной страницы с целью получения заявок с сайта.
- Форма обратной связи по типу "квиз-формы" - форма с большим количеством вопросов для получения дополнительной информации о желаемом с лида.
- Простая и интуитивно понятная административная панель, с возможностью удобного управления сайтом и информацией на нём.
- Быстрая загрузка страницы.
- Стабильность в работе сайта.
- Адаптивность под мобильные устройства, кросс-браузерность под популярные браузеры, включая IE (да-да).
Реализация. Блочная структура
В процессе составления технического задания к проекту мы тесно обсуждали детали формирования структуры посадочной страницы. На основе требований заказчика была составлена структура, позднее, претерпевающая некоторые изменения.
В шапке сайта мы разместили основные элементы системы обратной связи и атрибутику компании: логотип, кнопка "Вам перезвонить?", телефон и email адрес (все может быть нажато). Завершающий вид шапки сайта придало навигационное меню по странице, сопровождающее пользователя по всей её вертикали.
Первичный блок (то, что видит пользователь после попадания на страницу вашего сайта) уместил в себе заголовок и список с информацией, быстро вводящей посетителя в курс дела, а так же интересное поступающее предложение: "Рассчитать?" (форма обратной связи по типу "квиз-формы"). - конечно рассчитать :)
Следующим пошел блок "Преимущества", хороший способ ответить на ряд популярных вопросов в голове у посетителя: "Почему эта компания лучше?" и "Почему я выбираю эту компанию?".
Листая страницу ниже вы увидите иллюстрацию "Как это работает". И таблица, содержащая 18+ задач, решаемых компанией Бизнес Upgrade.
В завершение также последовали иллюстрации "Как мы работаем" и "Нет проблемы", последним идёт блок, закрывающий задержавшихся на сайте посетителей на заявку. Привычного нам футера у сайта, по идейным причинам, нет.
Реализация. Дизайн
Оххх, интересная задача - за основу взяли концепцию светлого фона с яркими элементами либо передающими акценты, либо провоцирующими на действие (оставить заявку, позвонить, узнать подробнее и прочее).
Основные цвета в дизайне сайта:
- #f00
- #000
- #f6f5f3
Эффекты наведения на элементы: изменение фона с возможным изменением цвета текста и границ. Текст, выполняющий функцию заголовков имеет полупрозрачную тень, шрифты с разным способом написания.
Результат
Пришло время оценить сайт, взглянув на него.
Итог
В соответствии с поставленными задачами, определившими структуру и концепцию внешнего вида, сайт получился по-настоящему ярким. Эффект пестрящего красного цвета на сайте смотрится действительно отлично. Ускоренное донесение информации до читателя, полученное таким путём, увеличивает общую вероятность получения заявки с сайта, а значит увеличивает и конверсию с рекламы.
Удобная и интуитивно понятная административная панель сайта сэкономит рабочие ресурсы компании - работа с сайтом не требует специальных знаний.
Мы открыты для новых и интересных проектов. Вам нужно развитие бизнеса в сети? - Не теряйте времени, обращайтесь к профессионалам. Отлаженная система взаимодействия с заказчиком. Мы работаем по всей России и готовы сотрудничать с компаниями за рубежом. Контакты нашей web студии.
Источник: веб студия WITECH
