Интернет-магазин
Детский мир
Глобальное обновление интернет-магазина детских товаров, увеличевшее конверсию в заказ на 25%
Проблема
Цифровые продукты Детского мира долгое время не обновлялись. В то время как доля пользователей мобильных устройств перевалила за 50%, сайт по-прежнему оставался статичным. И хотя не все проблемы покупателей были связаны только с интерфейсом, было необходимо улучшить этот этап общения с брендом. Требовалось обновить не только основной интернет-магазин, сделать его адаптивным, но и создать шаблоны для промосайтов, создать единую UI-библиотеку, а также задать новое направление в развитии бренда.
Цифровые продукты Детского мира долгое время не обновлялись. В то время как доля пользователей мобильных устройств перевалила за 50%, сайт по-прежнему оставался статичным. И хотя не все проблемы покупателей были связаны только с интерфейсом, было необходимо улучшить этот этап общения с брендом. Требовалось обновить не только основной интернет-магазин, сделать его адаптивным, но и создать шаблоны для промосайтов, создать единую UI-библиотеку, а также задать новое направление в развитии бренда.
Участники проекта
Кирилл Шиханов менеджер продукта
Микаэл Гелецян менеджер продукта
Вячеслав Кутеев креативный директор
Роман Рогачёв ведущий дизайнер продукта
Николай Лапин ведущий дизайнер продукта
Айрат Гафиятуллин ведущий дизайнер продукта
Максим Никитин дизайнер продукта
Вера Ярина копирайтер
Кирилл Шиханов менеджер продукта
Микаэл Гелецян менеджер продукта
Вячеслав Кутеев креативный директор
Роман Рогачёв ведущий дизайнер продукта
Николай Лапин ведущий дизайнер продукта
Айрат Гафиятуллин ведущий дизайнер продукта
Максим Никитин дизайнер продукта
Вера Ярина копирайтер
Задача
Создать самый лучший интернет-магазин в мире
(без шуток, такую задачу мы себе поставили)
(без шуток, такую задачу мы себе поставили)
1
Интернет-магазин
Был обновлён весь основной путь пользователя от главной страницы до корзины и оформления заказа. Разработка разделов шла в обратном порядке, начиная с корзины.
1. Главная страница
Конфигурация страницы осталась прежней, но многие блоки были доработаны. Например, блок с баннерами — изменилась навигация по ним, видны названия следующих акций. Также изменился блок популярных товаров и категорий, он превратился в длинный список с разнообразным контентом.
2. Категории первого и второго уровня
Вместе с отделом контента был переработан и упрощён каталог товаров. Также были заложены новые разделы: популярное в категории, скидки и тд.
3. Выдача товаров
Был сохранён и доработан весь функционал старого сайта. Заложена возможность карточек подстраиваться под разные категории. Например, карточки одежды имеют большие фотографии, а крупногабаритные товары имеют блок с перечислением характеристик.
4. Страница товара
Так как Детский мир продаёт самые разнообразные категории товаров, нужно было заложить возможность страницы подстраиваться под любые товары. Поэтому была использована блочная структура — блоки можно убирать, менять местами и тд.
5. Корзина и оформление заказа
Одним из успешных решений, перекочевавшем из старого сайта, стал одностраничный чекаут. Изменилась последовательность заполнения информации. Появился плавающий блок чека, который на каждом этапе оформления показывает общую информацию о заказе.
Анимации и адаптивность
Несколько примеров:
2
Библиотека компонентов
Для быстрой и эффективной работы команды требовалось создание единой обновляемой библиотеки элементов сайта.
3
Промосайты
Было запущено большое число отдельных промосайтов распродаж. Форм-фактор отдельного сайта позволил сделать контент полностью адаптивным, повысив конверсию с мобильных и планшетных устройств.
1. Новогодняя ярмарка
Идея лендинга заключалась в помощи подбора подарка для ребёнка. Мы хотели проверить гипотезу большей эффективности горизонтальных фильтров. В итоге мы переоформили стандартные фильтры, сделав их более дружелюбными для промостраницы.
2. Школьная ярмарка
Задача проекта — помочь родителям здесь и сейчас собрать ребёнка в школу.
Была сделана главная страница с разнообразным контентом от популярных товаров до отзывов предыдущих покупателей. Были переработаны фильтры, и сайт сделан полностью адаптивным.
Была сделана главная страница с разнообразным контентом от популярных товаров до отзывов предыдущих покупателей. Были переработаны фильтры, и сайт сделан полностью адаптивным.
3. Чёрная пятница
Проект имел две стадии: до начала распродажи и в день распродажи. До распродажи сайт представлял собой счётчик для сбора электронной почты покупателей, а в день скидок он вёл на разделы.
Для промостраницы была создана анимация загрузки, фона и другие детали.
Для промостраницы была создана анимация загрузки, фона и другие детали.
4. Киберпонедельник
Сайт использовал шаблоны и механики промосайта Чёрной пятницы, что позволило запустить его в короткие сроки. Требовалось создать уникальный стиль, чтобы покупатели не путали разные акции.
Также был добавлен блок с брендами, который был хорошо востребован среди компаний.
Также был добавлен блок с брендами, который был хорошо востребован среди компаний.
4
Результат
После внедрения нового дизайна интернет-магазина и промосайтов конверсия в заказ увеличилась на 25%
СЛЕДУЮЩИЙ ПРОЕКТ
Profeat
Место, где профессионалы деляться с тобой знаниями, а ты угощаешь их обедом
Подробнее ›
Подробнее ›