Разбор современного дизайна
онлайн-магазина.

Кейс Achers.ru

Achers — российский бренд модной женской одежды и одежды для детей.

У бренда существовал онлайн-магазин с шаблонным дизайном, который не фокусировал внимание клиентов на товаре и, скажем прямо, не отвечал актуальным трендам веб-дизайна.

В Fashion-сегменте крайне важна упаковка бренда, поэтому Achers потребовался современный красивый удобный и, главное, продающий интернет-магазин, отражающий философию бренда и приносящий прибыль.

Поэтому собственница бренда обратилась в digital-агентство E-COMM.GURU.

Первым делом мы проанализировали текущие показатели сайта, конкурентов и ведущих мировых брендов.

Далее проанализировали потребности бизнеса по функционалу.

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

На основе полученных данных мы разработали концепцию дизайна интернет-магазина, спроектировали функционал, UX/UI.

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

К счастью, в Achers фото-контент на очень высоком уровне и им осталось подготовить только дополнительный видео-контент для первого экрана сайта и карточек товаров.

— Простое и понятное распределение контента и светлые тона облегчают восприятие информации
— Анимация изображения и кнопки при загрузке страницы привлекает внимание клиента;
— Есть возможность разместить видео в первом экране, что еще больше вовлекает посетителя магазина;
— Отсутствие фона верхнего меню создает легкость дизайна и затягивает клиента в атмосферу бренда, как бы стирает границу между клиентом и брендом;
— Главная страница удобно сегментирована тематически: посетителю сразу доступны текущие акции, переключение языка и валюты и, конечно, всегда перед глазами каталог.
— Верхнее меню сайта содержит минимальное количество ключевых разделов, чтобы клиент смог быстро сориентироваться в навигации, и закрепляется при прокрутке для быстрого доступа к основным разделам магазина;
— Текстовые названия стандартных разделов Поиск, Личный кабинет, Избранное, Корзина заменены на понятные иконки;
— Кнопка с анимированным фоном также не отвлекает от главного изображения;
— Оповещение о cookies не раздражает, так как размещено на полупрозрачном фоне;
— Форма подписки на новости открыта при первом входе клиента на сайт и закрыта при последующих входах. Но оповещение о возможности подписки зафиксировано на экране, поэтому клиент об этом не забудет;
— Все фишки присутствуют и в мобильной версии магазина.

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

А фото и видео-контент, наоборот используется максимально.

Тексты в разделах "О бренде" и "О дизайнере" расположены прямо поверх изображения. Для удобства чтения текст скроллится, а изображение зафиксировано.

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

Приятная ненавязчивая анимация поддерживает визуальную воздушность и значительно оживляет сайт.

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

В каталоге товара фотографии также крупные и в ПК версии анимированы: при наведении меняется фото товара, появляется цена, иконка для добавления в Избранное, стрелки для быстрого просмотра всех фото товара.

Для Fashion-магазинов очень важны крупные изображения чтобы клиент смог подробно рассмотреть изделие. В карточке товара Achers фотографии и видео товаров максимально крупные и перелистываются при скроллинге страницы.

И, конечно, соблюдены все требования к функциональности карточки товара:
— Удобно скомпоновано текстовое описание товара;
— Превью-переключатель цветов товара;
— Гид по размерам расположен рядом с выбором размера;
— Возможность проверить наличие товара в розничных магазинах.

Для реализации онлайн-магазина была выбрана платформа InSales, так как она очень простая в администрировании, имеет широкий функционал, бесплатную тех.поддержку, большой набор интеграций, встроенную интеграцию с 1С, позволяет в короткие сроки реализовать дизайн любой сложности.

Единственная отсутствующая в InSales интеграция - это интеграция с DHL, мы ее разработали самостоятельно.

Для email и мессенджер-маркетинга была выбрана платформа SendPulse.

Также для Achers.ru нами проведены работы по SEO-оптимизации сайта и предоставляются услуги по Таргетированной рекламе для привлечения покупателей из Instagram и Facebook.