# Landing page
Посадочная страница для продажи автономных систем электрификации
UX/UI дизайн и веб-разработка
Genhaus
Посадочная страница для продажи товара
Москва и область
1 месяц
2023 г.
Выгодно и понятно “подать” товар из узкой области применения
Побудить потенциального покупателя к действию: покупка, диалог с менеджером
Адаптировать landing Page под мобильные устройства, чтобы привлечь больше лидов
Для определения стилистического подхода к макету сначала быд разработан главный экран, наиболее правильно отражающий товар и его преимущества.
Главный экран мы оснастили кнопкой быстрого действия, чтобы клиент, принявший решение купить на данном этапе смог сразу же приступить к покупке/рассчету стоимости.
Архитекура страницы построена таким образом, что клиент может узнать всё о товаре/компании путем скроллинга вниз, постепенно “разворачивая” страницу. Верхнее меню сайта всегда закреплено наверху страницы, на тот случай, если клиент захочет вернуться или обратиться к определенному блоку
Интерактивные элементы и иконки узко-профессиональной тематики работают на вовлеченность потенциального покупателя в проект
Задачи дизайна в разработке данной Landing Page — оставаться в тренде современных тенденций web-проектирования, что отражается на выборе элементов для проекта, их форме, цвете, поведении. Также мы стремились поддержать стилистику основного сайта клиента, использовав светлую тему и фирменные цвета.
ui интерфейса
Все элементы данного проекта построены по принципу атомарного дизайна, суть которого заключается в проектировании от меньшего к большему, от деталей к сложным формам.
Такой подход отвечает требованиям времени об удобстве пользования сайтом и, впоследствии, способствует увеличению продаж.
Задача каталога товаров попасть в поле зрения потенциального покупателя раньше, чем он “заскучает” изучать контент. Поэтому товар, ради которого затевался проект, находится на втором экране и оснащен кнопками быстрого действия.
Вспомогательные разделы
Если пользователь не принял решение “купить” на этапе каталога, то он идет дальше, чтобы “закрыть” вопросы, приближающие его к действию: купить/рассчитать. Помогают ему в этом такие блоки:
Разделы, отвечающие за практическую пользу в этом проекте, чередуются с иммиджевой информацией.
Которая косвенно, но тоже влияет на покупательские решения пользователей, формируя в них доверие
Чтобы познакомить клиента с продуктом и привести его к покупке товара/диалогу с менеджером, была разработана страница под целевую аудиторию c описанием уникального торгового предложения, преимуществами, фотографиями, формой обратной связи и кнопками целевого действия.
Простой интерактив
Разработка 
Дизайн 
Реклама 
