Кейс · E-commerce · 2026
Интернет-магазин
светильников De Fran
Новая SEO-структура каталога и дизайн магазина светотехники: главная, каталог, карточка товара, корзина, оформление заказа и мобильная версия.
О проекте ↗
De Fran: задача,
решение и результат
De Fran — бренд светотехники с 1994 года: импорт, производство, розница и опт. Старый каталог повторял структуру прайс-листа: 6 разделов, десятки вложенных «распродаж» и названия, которые не совпадают с тем, как люди ищут свет.
Мы пересобрали каталог по реальному спросу и спроектировали магазин, в котором удобно и розничному покупателю, и оптовику-монтажнику.
запросов Wordstat в семантическом ядре
разделов каталога вместо 6 разрозненных
экран: десктоп и мобильная версия
цветовые концепции на выбор
Этапы работы ↗
De Fran: этапы работы над проектом
Задача
Сделать понятный и продающий интернет-магазин для двух аудиторий — розничного покупателя и оптовика-монтажника.
Заложить SEO-фундамент под рост органического трафика: каталог должен совпадать с тем, как люди ищут свет.
Что мы сделали
Собрали семантическое ядро на 3 648 запросов Wordstat по России и Санкт-Петербургу и перестроили каталог по спросу.
Спроектировали витрину, меню с подсказками спроса, фильтры по свету, карточку с оптовыми ценами и оформление заказа в 3 шага.
Результат
Каталог из 7 разделов и посадочные подкатегории под частотные запросы.- 21 экран для десктопа и мобильной версии.
- Дизайн-система: Unbounded + Onest, палитра бренда и шкала цветовой температуры.
- Две цветовые концепции и дорожная карта запуска.
Состав работ
- Wordstat-семантика
- SEO-структура каталога
- UX/UI-дизайн
- Дизайн-система
- Unbounded + Onest
- Desktop 2000 px
- Mobile 390 px
- Две цветовые концепции
Галерея ↗
Продукт в деталях.
От семантики и структуры каталога до карточки товара, оформления заказа и мобильных сценариев.
02 — Процесс
Как мы работали
- 01
Аудит и семантика
Разбор текущего сайта parksvet.ru и тестовой версии, сбор ядра по Wordstat для России и Санкт-Петербурга, кластеризация по каталогу и интенту.
- 02
Структура каталога
Новая иерархия разделов по спросу, посадочные подкатегории под частотные запросы, перелинковка «Часто ищут».
- 03
Дизайн-концепция
Две палитры — графит с янтарём и синяя в цветах бренда; шрифты Unbounded и Onest, широкая сетка 12 колонок на фрейме 2000 px.
- 04
Ключевые страницы
Главная, каталог с фильтрами, карточка товара с оптовыми ценами, меню, корзина и оформление в 3 шага.
- 05
Мобильная версия
Таб-бар, поиск сверху, шторка фильтров, липкая кнопка «В корзину» и пошаговый чекаут.
03 — Структура
Каталог, собранный по спросу
3 648 запросов Wordstat по России и Санкт-Петербургу разложили по товарным группам. Разделы назвали так, как их ищут, а частотные подкатегории стали отдельными посадочными страницами.
Было
- Светильники встраиваемые
- Светильники мебельные
- Светильники накладные. Люстры
- Светильники уличные
- Алюминиевый профиль. Светодиодная лента
- Лампы. Электротовары. Комплектующие
+ 14 вложенных разделов «Распродажа …»
Стало
- Светильникисветодиодные · точечные · линейные · трековые2,5 млн
- Люстры и браотдельный раздел вместо «Накладные. Люстры»945 тыс.
- Светодиодная лента12В · 24В · COB401 тыс.
- Профиль и блоки питанияпрофиль · блоки питания · выключатели21 тыс.
- Уличное освещениефонари по сериям · LED · прожекторы143 тыс.
- Торшеры и настольные лампыновый раздел из «Лампы. Электротовары»152 тыс.
- ЛампыGX53 · GU10 · MR16 · E14/E2727 тыс.
+ Распродажа · Новинки · Освещение оптом — отдельными страницами
Широкая частотность базовой фразы раздела («светильники», «люстры», «блок питания для светодиодной ленты», «лампа gx53» …), Wordstat, Россия, 30 дней. Частоты пересекаются и не складываются; это поисковый спрос, а не посещаемость магазина.
04 — Дизайн-система
Заголовки
UnboundedАа Бб Вв Гг 0123456789Текст и интерфейс
OnestШирокий гротеск Unbounded задаёт характер в заголовках, Onest с полной кириллицей отвечает за читаемость карточек, фильтров и цен.
2700 K4000 K6500 K
Шкала цветовой температуры — сквозной мотив: фильтры, выбор варианта в карточке, промо на главной.
Похожая задача?
Создадим вместе
значимый продукт
Соберём семантику, структуру каталога и дизайн магазина. Обсудим задачу и подготовим оценку.
Обсудить проект ↗