Работа над лендингом

Привет, меня зовут Даша. В этой статье я хочу рассказать о этапах работы над проектом (на своем примере), дизайн — это не 2-4 часа, это огромная работа, над которой нужно хорошо потрудиться, для хорошего результата (даже если это одна страница). Приятного прочтения.

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

В моем случает компания — газированных напитков с необычными вкусами. Для конкретного анализа, запросила у клиента

Нужно проанализировать, как реализованы основные блоки, где лучшее решение.

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

Провожу анализ: прямых конкурентов- это те конкуренты, у кого услуги похожи на нашего заказчика; конкурирующих отраслей — 1 или несколько похожих черт (основных), но при этом имеют существенные различия; и уровень культуры- отражены основные элементы в массовой культуре.

На данном этапе, проводим исследование, узнаем о целевой аудитории, составляем портрет пользователя, чтобы лучше потом реализовать ui.

Важная часть, с помощью карты ассоциаций и анализа конкурентов, вы 100% придумаете новый, уникальный элемент, визуал в дизайне.

Это путь пользователя (от первого экрана до оплаты).

В моем случае — promo-лендинг, который дает ввести промокод для участия в конкурсе и знакомит потребителя с новым товаром, который скоро появится на полках супермаркетов (user flow описала в пункте с исследование пользователей)

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

Составляем прототип того, как будут расположены блоки на сайте.

После всех исследований, приступаем к визуальной концепции проекта и создаем адаптивы

После визуала и адаптива, надо собрать ui kit.

Что входит в ui kit:

· типографика;

· цвет палитры;

· кнопки и поля;

· сетки и отступы;

· набор иконок;

· правила и ограничения;

· компоненты.

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

Со мной можно связаться:
Telegram

Behance

Спасибо за просмотр!