К нам обратился fashion-бренд для создания интернет-магазина. Работа над сайтом началась с проработки дизайна: мы представили клиенту концепт, соответствующий ценностям компании. Товары компании отражают современные тенденции модной индустрии — минимализм, тихая роскошь, сочетание классического и бохо стилей.
При этом сайт визуально устарел и не отражал характер бренда. Нужно было разработать смелый и уникальный дизайн, который бы подчеркивал премиальность бренда. Клиент предоставил фирменный стиль (цвета, шрифты, логотип), однако концепт сайта мы создавали практически с нуля.
Реализация
Мы провели анализ исходного дизайна. Отсутствие смысловых акцентов и устаревший стиль мешали правильному восприятию сайта и бренда в целом.
Мы разработали два концепта главной страницы для мобильной и десктопной версий. В основу первого заложили акцент на эмоции и визуальные образы, во втором сделали упор на минимализм (в основе дизайна — белый фон и сдержанное текстовое оформление).
Заметным недостатком было слишком массивное и перегруженное верхнее меню, блоки из которого дублировались на главной странице — мы изменили его дизайн.
Также внимание покупателей рассеивалось из-за однообразной вёрстки таких блоков, как «Хиты», «Новинки» и «Распродажа» — отсутствие визуальных акцентов мешало им привлекать внимание.
Мы разработали динамическую сетку вместо статического оформления — теперь каждый блок выглядит по-разному:
— «Хиты» — крупные акцентные карточки;
— «Новинки» — слайдер, на котором товары расположены как на шкале времени;
— «Распродажа» — отдельная сетка с уникальным визуальным ритмом.
Для ниши клиента крайне важен визуальный контент. Чтобы добиться яркой презентации товара, мы придумали новую концепцию карточки товара. Фоном служит фотография товара — это позволяет не только создать сильный, не перегруженный визуал, но и экономит ресурсы, так как подобное оформление легко подстраивается под мобильную и десктопную версии сайта.
Навигация внутри карточки реализована в виде слайдера, привязанного только к фотографиям. Это свежо как визуально, так и функционально: пользователь понимает, на каком этапе просмотра он находится.
Мы также сократили визуальный шум в карточках товара: упростили подписи, убрали лишние акценты, чтобы ничего не отвлекало от основного смыслового инструмента — фэшн-фотографий, отражающих современный и смелый дух бренда.
Результаты
С новой концепцией дизайн интернет-магазина стал не только инструментом продаж, но и визитной карточкой бренда, которая формирует имидж и вызывает эмоции у покупателя:
— сайт приобрёл новое визуальное оформление с новаторскими для фэшн-ритейла элементами;
— визуал отражает дух бренда: премиальность, динамика, современность;
— главная страница перестала быть перегруженной;
— каждый блок стал уникальным и помогает направлять внимание покупателей;
— дизайн легко адаптируется под мобильную и десктопную версии, что критично для fashion-сегмента.
