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

Ситуация

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

Цели проекта

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

Предусмотреть все возможные пользовательские сценарии, продумать интуитивно понятный UI.

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

Настроить интеграции с ‎1С:Бухгалтерия 8, amoCRM, эквайрингом от СберБизнеса, email-рассылками от Dashamail, модулями доставки ТК.

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

Решение

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

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

Каталог

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

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

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

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

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

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

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

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

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

Карточки товаров

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

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

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

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

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

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

Корзина

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

Личный кабинет

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

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

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

Программа лояльности

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

Мобильный версия

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

Новости и блог

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

Результаты

Интернет-магазин стал основой для развития нового бренда Panе́va. За счет реализации нескольких возможных сценариев покупки он имеет высокий конверсионный потенциал. В настоящее время создатели бренда занимаются наполнением каталога и контентных страниц.

от 3 000 000 руб.

бюджет подобного проекта

от 6 месяцев

срок разработки