Привет, друзья! Сегодня мы расскажем о работе над редизайном для одного из наших клиентов. У компании был запрос на редизайн своего сайта, но перед началом работы клиент хотел оценить наше видение будущего дизайна, поэтому мы согласовали реализацию дизайн-концепции. Для создания работающего дизайна мы проработали следующие этапы:

Маркетинговое исследование

Основополагающий этап каждого нашего проекта. Благодаря ему мы формируем понимание бизнеса клиента: его цели и задачи, преимущества, недостатки. Также на основе исследования мы создаём портреты целевой аудитории и определяем архетипы, что очень помогает в выстраивании модели взаимодействия с потенциальными клиентами. Анализ конкурентов даёт возможность найти интересные идеи для нашего проекта и проработать стратегию продвижения.

Провели аудит

Если у клиента уже есть сайта, то мы обязательно проводим аудит. Он помогает нам понять каким образом компании взаимодействовала с клиентами в онлайне раньше. На этом этапе мы разбираем дизайн, вёрстку и функционал сайта, а также анализируем статистику. Так как в данном посте мы разбираем только главный экран, то мы выделили следующие ошибки:

• Нарушения в типографике (используется 3 разных шрифта с множеством начертаний, поэтому блок теряет структурность и становится сложным для восприятия)

• Неполноценное меню (все элементы шапки большие, поэтому большинство пунктов меню не поместились; также некликабельны номера телефона)

• Плохое качество фона (фотографии плохого качества, помимо этого используется крайнее затемнение, которое ещё больше портит задний фон)

Разработали прототип

После определения всех проблемных мест мы перешли к формированию новой структуры блока:

• Структурировали текст (использовали другой подход к утп: сократили заголовок и сделали описание более ценным, добавив информацию о собственной технологии)

• Изменили шапку (добавили больше пунктов меню для удобства, также решили оставить только один номер телефона и написать время приёма звонков)

• Переработали форму (мы решили отказаться от прошлого варианта с полной формой на первом экране и протестировать более компактный и удобный вариант с кнопкой и всплывающим окном)

Отрисовали дизайн

• Подобрали новый шрифт (который больше подходит по позиционированию компании и обеспечивает хорошую читабельность всех типов текста)

• Подобрали изображение для заднего фона (теперь оно качественное и привлекательное, за счёт чего увеличивается вероятность удержать пользователя на сайте)

Концепция понравилась нашему клиенту, а также хорошо показала себя на тестировании, увеличив конверсию сайта. Мы продолжаем работать с клиентом над редизайном всего сайта.

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