• Кейсы

Редизайн и оптимизация лидера российского екома

Клиент

Video-Shoper.ru — один из крупнейших интернет-магазинов в России с оборотом более миллиарда рублей в год. Компания уже 18 лет на рынке, имеет 17 000 отзывов на маркете

Задачи

• Разработать новый современный дизайн интернет-магазина.

• Перенести новый дизайн на существующий сайт.

• Осуществить частичный рефакторинг кода.

• Сохранить преемственность стилистики, прежний функционал сайта и маркетинговые наработки.

Решение

Мы предложили 2 варианта решения задачи.

Полноценное обновление сайта:

• Апгрейд версии PHP.

• Обновление ядра Bitrix.

• Настройка обмена с 1С.

• Разработка нового современного дизайна.

• Добавление новых фич.

Облегченный вариант перехода на новый дизайн:

• Разработка нового современного дизайна.

• Перенос нового дизайна на существующий шаблон.

• Частичный рефакторинг кода.

• Сохранение прежнего функционала сайта и маркетинговых наработок.

Взвесив все плюсы и минусы, приняли решение двигаться по второму пути.

Структура проекта

Сравнение старой и новой версий

Доработали логотип

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

Вместе с тем требовалось сохранить узнаваемость бренда на рынке электроники, преемственность и цветовое оформление

Упростили восприятие информации

Одна из задач нового дизайна — упростить восприятие информации пользователями. Для этого мы приняли решение уменьшить текстовую часть контента и замещать её визуальной. Избавились от широких полей по краям экрана, тем самым увеличили полезное пространство

На первый экран вывели слайдер с актуальными акционными предложениями. Фишка — товар дня — отдельный слайдер, отображается на первом экране, сразу ведёт к покупке товара. Также добавили на первый экран 2 активные кнопки «Купить». Ранее не было ни одной, вместо этого на стартовом экране выводился слайдер с товарами

Убрали длинное вертикальное меню из сайдбара, перенесли его в бургер. Сделали 2 хедера: меню большое, хотели запихнуть много информации. Сделали 2 горизонтальных меню — все поместилось. Добавили карусель с представленными торговыми марками

Переработали каталог товаров

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

Реализовали «Диалог смартфонов»

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

Идея решения взята со старой версии интернет-магазина и адаптирована под новую стилистику.

Улучшили карточку товара

Увеличили размер изображения товара для более простого восприятия пользователями. Добавили слайдер с возможностью отображения фото и видео товара. Сделали лаконичное представление комплектов — на старой версии сайта оно занимало более половины экрана

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

Внедрили новый функционал отзывов о товаре и быстрой покупке.

Внедрили «Быструю покупку»

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

Упростили оформление заказа

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

В новой версии сайта оформление заказа умещается на 1 странице. Это делает процесс более быстрым и удобным, положительно влияет на конверсию в покупку.

Комплектация товаров

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

Сравнение и избранное

Разработали более 100 дизайн-макетов

Адаптивность

Более 70% заказов в интернет-магазине пользователи совершают со смартфонов. Поэтому мы уделили особое внимание мобильной версии сайта и продумали её до мелочей

Результаты

Главное достижение — осовременили дизайн.

Обновление дизайна произошло без перебоев в работе основного сайта, а также в интеграциях

2

Веб-интегратор «Компот»
еще 33 публикации

Лучшее в блогах

Позавчера

«МИКС Россия — 2023» представляет шорт-лист финалистов

Вчера

Идеи для новогодних корпоративов — 2024: 5 трендов тимбилдинга

Вчера

«Кто не рискует — тот не снижает CPA»: топ свежих кейсов в мобайле

Вчера

Pop-up: что это, зачем бизнесу и какие бывают всплывающие окна

Вам понравится

EvilUnion

Позавчера

Погружаемся в мир «Яндекс Метрики»

Digital Маркетинг Метрики

Flocktory

29.11.2023

Увеличили конверсию в дозвон до 84%: кейс школы «Алгоритмика»

Digital Маркетинг

Как Flocktory помогла школе программирования для детей найти больше теплых лидов и увеличить конверсию.

ООО «Акме»

24.11.2023

Ключевые предприятия перейдут на отечественное ПО и оборудование к 2030 году

Digital IT и инновации

Переход госорганов и ключевых предприятий РФ на отечественные софт и оборудование будет проходить с 1 сентября 2024 года до 1 января 2030 года. Постановление об этом подписал премьер-министр РФ Михаил Мишустин.

CPAExchange

22.11.2023

Лидогенерация в период маркировки

Digital Маркетинг

Столкнувшись с нововведениями на практике, возник ряд трудностей, загвоздок и спорных ситуаций, решения которых еще нет ни у одного рекламодателя и даже более того — самого Роскомнадзора. О том, какой жизнью продолжает жить лидогенерация во время маркировки — в нашей статье от CPAExchange.