Брендинговому агентству Style You была поставлена задача создать сайт-каталог дверей Terry Doors с простым интуитивно понятным интерфейсом. Виртуальная витрина товаров должна ознакомить потребителя со всей ассортиментной матрицей и предоставлять возможность выбора дверей и их характеристик с помощью нативно понятного сценария. Продукция завода Terry Doors уже давно зарекомендовала себя на рынке качественных полотен от производителя среди целевой аудитории. Двери Terry Doors – это простые формы в изысканном содержании.
.jpg)
Разработка дизайна сайта-каталога
Дизайн сайта должен обеспечить посетителя хорошо структурированным и удобным каталогом, с четкой структурой и удобными фильтрами. Лаконичность дизайна достигается при помощи простых и выразительных геометрических форм.
Каждая страница отличается воздушностью и выразительностью. Такое решение гармонично сочетает минимум элементов, выделяя и подчеркивая товары. Пространство сайта освобождено от всего ненужного, подчеркнута функциональность, фокусирующая внимание только на полотнах дверей. Сочетание контрастного фирменного зеленого цвета с белоснежными элементами делает сайт запоминающимся. Подобранные шрифты также работают на восприятие и обеспечивают удобную считываемость представленного контента.
.jpg)
Каталог и фильтры – удобный пользовательский сценарий
Укрупненные плитки галереи товаров в каталоге с hover-эффектами поворота двери побуждают посетителя к более детальному изучению интересующего изделия. Во время прокрутки элементов каталога фильтр фиксируется на границе экрана, фокусируя внимание на себе и обеспечивая удобство подбора вариативности различных комбинаций, релевантных запросу.
При создании сайта проработаны две структуры и дизайна фильтров: для десктопной и мобильной версий сайта, что обеспечило удобство просмотра и сортировки товаров с любого устройства.
.jpg)
Выразительная карточка товара
Карточка товара также не перегружена лишними элементами, что положительно влияет на пользовательский опыт. Посетитель всего в 2-3 клика может ознакомиться с фактурой, материалом, декоративными элементами, технической информацией, цветовыми вариациями – каждый нюанс раскрыт и доступен с первой секунды открытия карточки.
Фишкой карточки товара стала возможность просмотра любой двери в нескольких разно стилевых интерьерах. Режим «интерьерного» просмотра деактивирует всю остальную информацию о двери, позволяя максимально удобно изучать все детали.
К каждому полотну добавлен в «сопутствующие товары» подходящий погонаж. С каждой карточки товара пользователь имеет возможность перейти и просмотреть следующую по номеру модель, также доступна информация о последних просмотренных товарах.
.jpg)
Все
Технологии
Ликбез
Места
HowTo
Стартапы
Новости
Сервисы
Приложения
