Редизайн магазина титановых украшений Grani Jewelry

[ о компании ]

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

[ задача ]

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

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

[ что я предложил ]

Чтобы сайт работал не только на тех, кто уже знаком с брендом, я предложил такую концепцию:

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

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

[ этапы работы над проектом ]

[ что было сделано ]

[ дизайн и верстка ]

[ рабочий процесс ]

[ новые задачи страниц магазина ]

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

Презентационная: рассказывает о преимуществах, показывает отзывы, отвечает на частые вопросы. Человек узнает ответы на основные вопросы сразу.

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

Карточки товара теперь тоже работают как лендинги.

Раньше был выбор размера
и минимум информации.
↓
Теперь каждая страница
товара стала посадочной.

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

[ особенности дизайна ]

Важно было сделать сайт таким, чтобы в Grani Jewelry могли развивать проект самостоятельно: добавлять новые товары, создавать категории, вносить изменения.

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

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

[ хлебные крошки ]

Это микроособенность проекта, которая будет интересна только дизазайнерам на Тильде.

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

Я написал код, который делает это автоматически строит цепочку по адресу страницы.

Добавили товар — крошки появились сами автоматически. Ничего вручную прописывать не нужно.

[ итоги проекта ]

Полностью обновил:

• главную страницу
• 5 страниц для категорий и подкатегорий
• 50 товарных страниц для украшений
• 11 сервисных страниц.

Все с сохранением URL адресов, чтобы не потерять позиции в поиске

Для развития проекта создал:

• дизайн-систему из стилей
• 6 шаблонов для товаров разных категорий
• 2 шаблона страниц категорий
• шаблон системных страниц

Коммерческими результатами поделиться не могу, но спустя 3 недели после обновления результаты в поиске яндекса уже есть — показы выросли в 2,5 раза.