Приступая к работе над лендингом клинингового агентства "Сияние", мне предстоял последовательный процесс разработки дизайна по основным этапам.
Учитывая пожелания заказчика, был заполнен бриф:
Процесс по поиску идей и решения для проекта был запущен:
1. Исследование конкурентов
Сначала проводилось исследование конкурентов, чтобы изучить их слабые и сильные стороны и, на основе этого анализа, сделать выводы об их преимуществах.
2. Составление портрета пользователя
Важным элементом исследования, было достичь понимания о целевой аудитории. Для этого потребовалось задать серию определённых вопросов и сформировать гипотезу, построить сайт таким образом, чтобы он был не только красивым, но и решал бизнес-задачу.
3. Майндмэпинг (карта ассоциаций)
Где ещё можно подчерпнуть фишечки для сайта? Правильно! Составить карту ассоциаций.
4. Варфрейм
Чтобы структурировать весь процесс, необходимо создать макет лендинга - варфрейм. Это точный образ финального дизайн-продукта.
5. Создание мудборда
Мудборд - это набор картинок, нарезка дизайна, который вдохновляет на создание проекта.
В качестве акцентного цвета мною был выбран бирюзовый. Он ассоциируется с цветом воды, моря, волн. В качестве фонового цвета выбран белый - цвет чистоты, свежести.
6. UI-KIT
UI-KIT - это набор элементов интерфейса. После создания концепции важно создать этот набор, чтобы не было путаницы в макете.
Для заголовков был выбран шрифт Raleway из элегантного семейства без засечек (гротески) за его величие и простату. Для основного текста отлично подошёл шрифт Montserrat - невероятно популярный, строгий, читабельный.
Цветовая палитра выбиралась из холодных оттенков. Важно было достичь эффекта чистоты, простоты, позволяющего сосредоточить внимание клиента на важной информации и не отвлекать на яркие элементы дизайна.
7. Лендинг
Поочерёдно проработав все этапы проекта, получился лендинг для клинингового агентства.
8. Мобильный адаптив
Для удобства пользователя и большего охвата целевой аудитории необходимо было создать мобильную версию сайта.
Подробнее ознакомиться с моим проектом можно на Behance