• Дизайн
  • Разработка

Robinani

Заменили неэффективный сайт на Prestashop новым интернет-магазином: провели аудит, спроектировали структуру, разработали дизайн, самописное решение и интеграцию с 1С.

Салон итальянской обуви и аксессуаров среднего и высокого ценового сегмента с офлайн-магазинами в Москве.

Отрасль
Обувь и аксессуары
Услуги
Дизайн, разработка
Технологии
Самописное решение, .NET (C#), интеграция с 1С
Срок
2 месяца

Кейс опубликован наRuwardWorkspaceWadline

Интернет-магазин обуви Robinani

Задача

Прежний интернет-магазин был собран на непопулярной в России CMS Prestashop на недорогом шаблоне. Из-за неправильной структуры, непродуманного дизайна и неудобного функционала сайт не приносил продаж. Такие недочёты снижают эффективность, увеличивают процент отказов и стоимость лида, сокращают время визита.

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

Так выглядел прежний сайт

Аудит и анализ конкурентов

Перед разработкой структуры сайта мы 3 недели подробно анализировали существующий интернет-магазин и сайты конкурентов. Изучили каждую деталь: эффекты при нажатии, открытие окон, функционал. Определяли, на каких системах собраны сайты, отмечали сходства и недостатки конкурентов. Команда погрузилась в нишу и смотрела на проект с точки зрения маркетинга, пользователей и программирования, а также с позиции владельца бизнеса.

Для анализа выбрали 7 самых популярных по рейтингам сайтов в нише.

В ходе анализа выделили несколько общих решений: квадратные формы (округлые формы в такой нише удешевляют восприятие товаров и бренда), выбор размеров, яркие пометки SALE, отдельные вкладки для мужской и женской обуви, отдельный блок с офлайн-магазинами, набирающие популярность социальные сети (Pinterest, Одноклассники, TikTok), цветовые гаммы с чёрным, красным, фиолетовым и розовым.

Выбор технического решения

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

Дизайн

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

Главная страница

Выделили важные преимущества: бесплатную доставку, гарантию и удобный возврат. На этапе анализа референсов заметили тренд в нише маркетплейсов и e-commerce: большое количество баннеров и их грамотная расстановка. Поэтому эффективно использовали пространство и сделали слайдер с баннерами и два статичных баннера.

Разбили товары по категориям для удобной навигации по интернет-магазину. Отдельно выделили хиты продаж и популярные категории.

Добавили раздел со скидками в виде слайдера с переключением вкладок между категориями «Обувь», «Сумки» и «Аксессуары». Раздел привязан к административной панели и в первую очередь показывает товары, которые больше всего просматривали за определённый период. Это повышает вероятность покупки.

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

Каталог, мобильная версия и карточка товара

В разделе «Каталог» отдельно выделили женские и мужские модели. Настроили удобный фильтр по 8 параметрам: цена, скидка, цвет, сезон, размер, материал, бренд и тип обуви.

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

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

Вёрстка и тестирование

Далее сверстали сайт и провели тестирование: отдельно проверили вёрстку и добавление контента. Убедились, что на устройствах с разным разрешением экрана все элементы располагаются корректно, и оперативно исправили технические ошибки.

Затем приступили к созданию самописной административной панели сайта на .NET (язык C#).

Дальнейшие планы

Работа над проектом продолжается. После запуска сайта запланированы SEO-продвижение и параллельный запуск контекстной рекламы, а также таргетированная реклама во ВКонтакте.

Новый проект

Нужен похожий проект?

Никита, CEO Блэнси, лично ответит на вопросы и подключит нужных специалистов.

Файлы

    PDF, Word, Excel, PowerPoint, JPG, PNG или ZIP - до 3 файлов, всего до 10 МБ. Большие файлы пришлите ссылкой на облако в сообщении. Не прикладывайте паспорта и документы с персональными данными других людей.

    Как вы о нас узнали