Интернет-магазин входных дверей Shelion

SHELION

Как мы пересобрали сайт под SEO, рекламу и продажи

[ 01 ]

ЗАДАЧА КЛИЕНТА

Shelion — интернет-магазин входных дверей. Клиент обратился с проблемой: сайт не продавал и не был готов к нормальному SEO-продвижению и рекламному трафику. Мы решили не ограничиваться визуальным обновлением. В основу редизайна заложили полную пересборку сайта: структуру страниц, каталог, фильтры, карточки товаров, корзину, контент и адаптивные версии.

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

[ 02 ]

МАРКЕТИНГОВАЯ ПОДГОТОВКА

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

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

(a) UX-аудит старого сайта
Таблица UX-аудита старого сайта Shelion
(b) Структурный аудит конкурентов
Таблица структурного аудита конкурентов Shelion

[ 03 ]

СТРУКТУРА САЙТА

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

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

Блок-схема структуры сайта
Блок-схема структуры сайта Shelion

[ 04 ]

РАЗРАБОТКА ДИЗАЙНА

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

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

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

ГЛАВНЫЙ ЭКРАН

ГЛАВНЫЙ ЭКРАН до переработки

КАТАЛОГ

КАТАЛОГ до переработки

КАРТОЧКА ТОВАРА

КАРТОЧКА ТОВАРА до переработки

АДАПТИВЫ

ДО Главный экран
Главный экран Shelion до переработки в мобильной версии
ПОСЛЕ Главный экран
Главный экран Shelion после переработки в мобильной версии
ДО Каталог
Каталог Shelion до переработки в мобильной версии
ПОСЛЕ Каталог
Каталог Shelion после переработки в мобильной версии

[ 05 ]

РЕАЛИЗАЦИЯ И ЗАПУСК

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

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

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

[ 06 ]

РЕЗУЛЬТАТ

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

Пользователи стали дольше оставаться на сайте, чаще переходить по каталогу и оставлять заявки. Новая структура также дала основу для дальнейшего SEO-продвижения и запуска рекламы.