Разработка landing page ХОБЛ
Подготовили адаптивный landing page ХОБЛ специально для информационного портала «Карта жизни».
Заказчик: «Р.И.М. ПН» для картажизни.рф
Платформа (движок сайта): Битрикс
Задача: разработка landing page на тему «Хроническая обструктивная болезнь лёгких» для размещения на информационном портале картажизни.рф
Исходные данные
Цель страницы – рассказать и донести информацию пользователям о ХОБЛ. Поэтому в основном на странице представлены информационные блоки, а также тест. Наши партнеры «Р.И.М. ПН» предоставляют текстовую информацию, а задача специалистов Riva-Siberia представить все это в лучшем и удобном виде на странице.
Поехали!
Получаем тексты, прорабатываем общую структуру страницы – представляем все на интерактивном прототипе. Вносим изменения согласно полученным комментариям от партнеров, пробуем разбить тест – разместить по 1му вопросу в разных местах страницы, ЛИБО все вопросы сразу в одном месте. В итоге останавливаемся на втором варианте:
В таком виде прототип уходит на дизайн.
Процесс дизайна
По дизайну строгих ограничений и пожеланий не было получено, единственное использовать шрифты те же, что на портале, а по цветовой гамме наоборот – использовать зеленый, зеленую листву, руки, визуал: легкие в руках. Позже попросили добавить вариант более мрачный в серо-черной гамме, а еще позже – добавить «дым» на страницу (как отсылка к группе риска курильщиков).
Плюс во время дизайна поменяли местами некоторые блоки, подправили текст и заменили навигацию – вместо обычной строки меню сделали «кнопки-иконки». В итоге 3 варианта на выбор:
И сам тест немного трансформировался – решили показывать 1 вопрос на экране, к остальным вопросам переходим после ответа.
Финишная прямая
Далее страницу грамотно верстаем до адаптивной версии.
Изначально для страницы мы подключили админку для наполнения раздела статей (+подготовили дизайн и верстку страницы статьи). В итоге предоставленный архив файлов можно было бы легко развернуть на Битрикс, при этом страница жила бы автономно.
Но в самом финале Заказчик изменил требования и попросили отдать чистый код, без админки, а IT специалисты информационного портала уже самостоятельно подключили страницу в качестве шаблона.
Финальная страница:
Готовый landing page доступен по ссылке https://картажизни.рф/nosology/hobl/