Дизайн-система для сайта

Релиз

12 апреля 2021

Разработали дизайн-систему и сделали на ней 90 страниц, которые вышли на первые места в поисковиках

Вводные

Ситуация

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

Проблема была в том, что 90 продуктовых страниц стоили бы как страница пластиковых окон, умноженная на 90.

Решение

Разработать набор блоков, которые можно адаптировать под контент и использовать по несколько раз. А также удобную админку, чтобы собирать страницы без дизайнера и разработчика.

Процесс

Разработали дизайн-систему для 90 продуктов и сделали SEO-продвижение

Чтобы не придумывать каждую страницу отдельно, создали шаблоны. Затем наполнили часть страниц контентом с базовым SEO, чтобы пользователь по своему запросу видел нашу страницу первой в поиске.

Остальные страницы заполнил заказчик без нашего участия:
Главный экран с формой
Блок с преимуществами
Блок с типовыми размерами
Блок с опциями

Запустили рекомендации товаров

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

Собрали портфолио, описали и разложили по продуктам

Вывели на продуктовых страницах проекты именно с этим продуктом.

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

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

Получили лестный отзыв Максима Ильяхова

Максим Ильяхов — редактор и автор книг о редактуре.

Результат

Лендинги продукции стали выходить на первые строки поисковика

Заказчикам стало проще разбираться в продукции, и они стали гораздо чаще оставлять заявки

Опыт разработки дизайн-системы привёл нас к созданию своего сервиса для этих целей — Xleb theme

Посмотреть вживую

Ещё Стекландия