Robinani
Заменили неэффективный сайт на Prestashop новым интернет-магазином: провели аудит, спроектировали структуру, разработали дизайн, самописное решение и интеграцию с 1С.
Салон итальянской обуви и аксессуаров среднего и высокого ценового сегмента с офлайн-магазинами в Москве.
- Отрасль
- Обувь и аксессуары
- Услуги
- Дизайн, разработка
- Технологии
- Самописное решение, .NET (C#), интеграция с 1С
- Срок
- 2 месяца

Задача
Прежний интернет-магазин был собран на непопулярной в России CMS Prestashop на недорогом шаблоне. Из-за неправильной структуры, непродуманного дизайна и неудобного функционала сайт не приносил продаж. Такие недочёты снижают эффективность, увеличивают процент отказов и стоимость лида, сокращают время визита.
Наша задача - раскрыть потенциал сайта, чтобы запущенная реклама приносила результат. Для этого нужно было создать новый сайт с продуманной структурой и всем необходимым функционалом, а также интегрировать его с 1С для оперативного обновления остатков, цен и характеристик товаров.
Аудит и анализ конкурентов
Перед разработкой структуры сайта мы 3 недели подробно анализировали существующий интернет-магазин и сайты конкурентов. Изучили каждую деталь: эффекты при нажатии, открытие окон, функционал. Определяли, на каких системах собраны сайты, отмечали сходства и недостатки конкурентов. Команда погрузилась в нишу и смотрела на проект с точки зрения маркетинга, пользователей и программирования, а также с позиции владельца бизнеса.
Для анализа выбрали 7 самых популярных по рейтингам сайтов в нише.
В ходе анализа выделили несколько общих решений: квадратные формы (округлые формы в такой нише удешевляют восприятие товаров и бренда), выбор размеров, яркие пометки SALE, отдельные вкладки для мужской и женской обуви, отдельный блок с офлайн-магазинами, набирающие популярность социальные сети (Pinterest, Одноклассники, TikTok), цветовые гаммы с чёрным, красным, фиолетовым и розовым.
Выбор технического решения
По итогам анализа мы составили интеллект-карту сайта. Проект активно расширяется, поэтому требовалось решение без ограничений по возможностям и функционалу, который добавится в перспективе. Мы выбрали самописное решение.
Дизайн
Мы продумали структуру сайта и проработали основные пользовательские сценарии, затем перешли к дизайну. Прорисовали каждый элемент, хедер, планшетную и мобильную версии и подготовили подробную инструкцию для верстальщика.
Главная страница
Выделили важные преимущества: бесплатную доставку, гарантию и удобный возврат. На этапе анализа референсов заметили тренд в нише маркетплейсов и e-commerce: большое количество баннеров и их грамотная расстановка. Поэтому эффективно использовали пространство и сделали слайдер с баннерами и два статичных баннера.
Разбили товары по категориям для удобной навигации по интернет-магазину. Отдельно выделили хиты продаж и популярные категории.
Добавили раздел со скидками в виде слайдера с переключением вкладок между категориями «Обувь», «Сумки» и «Аксессуары». Раздел привязан к административной панели и в первую очередь показывает товары, которые больше всего просматривали за определённый период. Это повышает вероятность покупки.
Разместили карточки с адресами магазинов. Добавили SEO-текст и провели внутреннюю оптимизацию сайта, чтобы поисковые системы корректно ранжировали его в выдаче.
Каталог, мобильная версия и карточка товара
В разделе «Каталог» отдельно выделили женские и мужские модели. Настроили удобный фильтр по 8 параметрам: цена, скидка, цвет, сезон, размер, материал, бренд и тип обуви.
Для интернет-магазина важна качественная мобильная версия: в большинстве ниш мобильный трафик превосходит десктопный. Быстрая загрузка и интерфейс, которым удобно пользоваться одной рукой, дают заметное конкурентное преимущество. Поэтому сделали акцент на удобной шапке и выпадающих фильтрах, которые фиксируются при прокрутке страницы.
Карточку товара разработали с учётом опыта крупных конкурентов и привычек пользователей маркетплейсов. Покупатель может переключаться между цветами и размерами, быстро переходить к характеристикам и проверять наличие товара в нескольких магазинах благодаря интеграции с учётной системой.
Вёрстка и тестирование
Далее сверстали сайт и провели тестирование: отдельно проверили вёрстку и добавление контента. Убедились, что на устройствах с разным разрешением экрана все элементы располагаются корректно, и оперативно исправили технические ошибки.
Затем приступили к созданию самописной административной панели сайта на .NET (язык C#).
Дальнейшие планы
Работа над проектом продолжается. После запуска сайта запланированы SEO-продвижение и параллельный запуск контекстной рекламы, а также таргетированная реклама во ВКонтакте.