Веб-дизайн дополнительной страницы сайта в Figma

Веб-дизайн дополнительной страницы сайта в Figma — Изображение №1 — Интерфейсы на Dprofile

Задача. Ко мне обратился постоянный клиент – крупная компания – за редизайном страницы «Почему мы» (О компании) на действующем сайте. Исходный интерфейс действующего сайта – светлая палитра с яркими фирменными акцентами; задача – сохранить визуальную идентичность и одновременно повысить читаемость, доверие и конверсионную ценность страницы.

Ниже представлены Главная страница сайта и страница "О компании" со старым дизайном.

Веб-дизайн дополнительной страницы сайта в Figma — Изображение №2 — Интерфейсы на Dprofile

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


Референсы помогли выделить ключевые приёмы:

- баланс текста и визуала,

- вариативность подачи преимуществ (от списка до инфографики),

- использование фирменных цветов для акцентов,

- акцент на доверии (команда, цифры, факты).

Веб-дизайн дополнительной страницы сайта в Figma — Изображение №3 — Интерфейсы на Dprofile

Прототип. На основе технического задания я подготовила прототип страницы. 


Сетка. В дизайне большинства страниц сайта использовалась 10-колоночная сетка. Однако для блоков, где требовалось деление на 4 равные части, я применяла 12 колонок.


Веб-дизайн дополнительной страницы сайта в Figma — Изображение №4 — Интерфейсы на Dprofile

Дизайн. После обсуждения прототипа с клиентом и внесённых корректировок я перешла к финальному дизайну десктопной версии, а затем к мобильной адаптации. 

Дополнительно проработала интерактивные кнопки-города на карте филиалов, создала недостающие иконки для блока «Продукция нашего производства», доработала баннер и подготовила его мобильную версию.

Веб-дизайн дополнительной страницы сайта в Figma — Изображение №5 — Интерфейсы на Dprofile

После сдачи дизайн сразу ушёл в работу. Уже через три дня страница была свёрстана с минимальными изменениями и запущена на сайте клиента. 

Результат можно увидеть по ссылке www.artplast.ru/o-kompanii

Веб-дизайн дополнительной страницы сайта в Figma — Изображение №6 — Интерфейсы на Dprofile

Если вам понравился проект, поддержите его лайком ♥

Оценить

Добавить в коллекции...

От автора