Panеva: интернет-магазин женской одежды

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

На момент обращения к нам у Paneva была разработана платформа бренда и айдентика. Пожелания по функционалу и дизайну были представлены в виде визуализации главной страницы и карточек товаров. Мы провели интервью, чтобы уточнить критерии и определить ключевые векторы в разработке дизайн-концепции.

Вместе с заказчиком мы также описали будущие сценарии бизнес-процессов, связанные с функционалом интернет-магазина, и определили правила, которые легли в основу проектирования UI. После доработали имеющиеся прототипы, разработали прототипы страниц и личного кабинета.

Основные разделы каталога закреплены в хедере сайта. В приоритет вынесена категория Valentina Comfort — специальная коллекция одежды в стиле спорт кэжуал. Остальные категории расположили в алфавитном порядке. Часть категорий скрыты в выпадающем списке.

Над меню расположены кнопки «Новинки», «Распродажа» и «Хиты». По ним можно перейти к одноименным подборкам. Они формируются из товаров, которым был присвоен соответствующий признак при добавлении в каталог или редактировании карточки.

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

Блок «Подборки для вас» позволяет управлять вниманием пользователей и спросом на отдельные товары. Администратор интернет-магазина может создавать тематические подборки и оформлять баннеры по шаблону: выбирать цвет фона из фирменной палитры, добавлять фото, заголовки и текст. Страница «Каталог» также составлена блоками с виджетами и подборками.

В разделах каталога реализованы стандартные возможность настройки страницы:

• фильтры по цене, цвету, размеру;

• сортировка по популярности, цене по возрастанию или убыванию;

• отображаемое количество карточек на одной странице;

• постраничная пагинация.

Возможность просмотра информации о товаре реализована в нескольких вариантах с разной степенью детализации:

• стандартные превью с фото, наименованием и ценой — отображается на странице категории;

• расширенные превью с вариациями по цвету, размерной линейкой, кнопками для добавления в корзину или избранное, кнопкой для просмотра — раскрывается при наведении курсора на стандартное превью;

• мобильные карточки товара с основными характеристиками и кнопкой для быстрого заказа — раскрываются нажатием кнопки просмотра в расширенном превью в виде всплывающего окна, их можно листать нажатием на стрелки влево/вправо;

• товарные страницы с галереей фото, подробным описанием всех характеристик и условий покупки — открываются при нажатии на наименование товара в превью или на кнопку подробнее «Подробнее» в мобильной карточке.

При добавлении товара в корзину пользователь может выбрать действие — вернуться в каталог и продолжить покупки или перейти к оформлению заказа.

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

В личном кабинете пользователи могут просматривать статусы, историю заказов, оформлять возвраты и проверять баланс бонусной карты. Есть возможность повтора заказа.

На вкладке «Избранное» отображаются товары, отложенные пользователем. На эту страницу могут выводится рекламные блоки с актуальными акциями для привлечения внимания пользователя.

Данные банковской карты можно сохранять для быстрой оплаты. Управление платежными данными доступно на странице «Мои карты».

Участие в бонусной программе Paneva предполагает 4 уровня: в зависимости от общей суммы покупок увеличиваются проценты начисления и списания бонусов.

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

С помощью разделов «Новости» и «Блог» в перспективе Paneva смогут продвигать сайт в поисковой выдаче, наполняя текстовым контентом, оптимизированным под популярные ключевые запросы. В редакторе статей предусмотрены различные инструменты верстки, возможность добавлять подборки и ссылки на товары из каталога. Для удобства пользователей предусмотрена навигация по тематическим тегам.