Кто клиент и с чем пришел?

Обратились к нам через партнёра — Илья Карасев получил бесплатный аудит от знакомого, посмотрел на результаты и решил: нужен нормальный сайт. Старый сайт на arbor-m.ru работал, но выглядел так, будто его собирали в 2015-м году и с тех пор не трогали. Каталог был, но неудобный. Оплата — на честном слове. Доставка — «напишите нам в Телеграм, разберёмся». Для мастерской с уникальным продуктом — это как ездить на Lamborghini с шинами от «Жигулей».

Илья позвонил, поговорили. Стало понятно: нужен не просто «сайт-визитка», а полноценный интернет-магазин с каталогом, корзиной, оплатой, доставкой — короче, весь набор, чтобы клиент мог зайти, выбрать кольцо, оплатить и получить его с курьером. А ещё нужно было сделать это быстро — перед Новым годом поток заказов всегда растёт, и терять его не хотелось.

Что было до нас?

Залезли на старый сайт — и начали считать проблемы. Не потому что мы злые, а потому что их было много. Каталог товаров был, но без нормальной фильтрации. Кольца из титана, серьги, браслеты — всё в одной куче. Хочешь обручальное кольцо? Листай все 200 позиций. Цены где-то были, где-то нет. Размеры — отдельная история: таблицы размеров не существовало.

Оплата через ЮКассу стояла, но интеграция была настроена криво: после оплаты сайт не получал подтверждения. Клиент платит деньги, а система не знает об этом. Представьте ощущения покупателя: «Я заплатил 12 тысяч за кольца, а мне никто не пишет».

Мобильная версия... Ну, она формально была. Но пользоваться ею было примерно так же удобно, как читать газету через замочную скважину. А 67% аудитории магазина — это мобильные пользователи.

Доставка отсутствовала как класс. Ни Почты России, ни СДЭК, ни расчёта стоимости. Покупатель должен был сам узнавать, сколько будет стоить отправка, и договариваться в переписке. В 2025 году это — прямой путь к потере клиентов.

Что мы сделали?

Аудит и аналитика

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

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

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

Бриф и сбор информации

Собрали информацию по компании: кто целевая аудитория, какие у ребят УТП (уникальные торговые предложения), какие категории товаров, как устроено производство. Узнали, что парные кольца — хит продаж (12 000 рублей за пару), что фурнитура идёт по умолчанию с нейлоновым шнурком, что размерная линейка специфическая.

Обсудили интеграции:

Домен arbormanufactory.ru. CRM — пока нет, но Telegram-бот для заявок нужен точно. Определили, что нужна страница с публичной офертой, страница размеров колец, информация о доставке и оплате.

Каталог — это не просто «загрузить фотки и цены». Каждая карточка товара должна продавать: описание материала, особенности титана (гипоаллергенный, лёгкий, невероятно прочный), информация о размерах, условия покупки в паре со скидкой.

Написали тексты для всех ключевых страниц:

Отдельно подготовили текст публичной оферты — усилили его пунктами о дистанционной
продаже (статья 497 ГК РФ), чтобы юридически всё было чисто.

Тексты согласовывали с Евгением: он вносил правки по деталям продукции (какие покрытия бывают, как ухаживать за титаном, какие гарантии), мы корректировали и отправляли на повторное утверждение. Два-три раунда — и готово.

Прототип согласовали с Ильёй. Он «потыкал» — так он это называл — посмотрел на структуру, попросил добавить раздел с фурнитурой и информацию о том, что можно заказать индивидуальное кольцо. Добавили. Утвердили.

Дизайн первого экрана: 4 концепции

Стандартная практика «Дровосеков» — не показывать один вариант дизайна и молиться, что он понравится. Мы готовим несколько визуально разных концепций, чтобы клиент мог выбрать направление. Для Arbor подготовили четыре.

Концепт В3: Тёмно-синий фон, крупные продуктовые фото. Акцент на самих изделиях — минимум декора, максимум товара.

Концепт В4: Светлая бежевая тема. Чистая, воздушная, с миниатюрами товаров. Более классический «магазинный» подход.

Концепт В2: Тёплый тёмный стиль с золотисто-коричневыми тонами. Более «тёплый» и ламповый вариант — как ювелирная мастерская при свечах.

Илья выбирал между тёмным и светлым направлением. В итоге согласовали тёмный стиль — он лучше подчёркивает блеск титана на фотографиях, создаёт ощущение премиальности и выделяет Arbor на фоне конкурентов, которые в основном сидят на белом фоне.

Отдельно продумали каталог: категории (обручальные кольца, прочие кольца, серьги, кулоны, браслеты, изделия из дерева и эпоксидной смолы), фильтры по типу и материалу, карточки с горизонтальным расположением. Плитки — чтобы на мобильных помещались по две в ряд.

Вёрстка на Tilda

Tilda — наш основной инструмент, и мы умеем из него выжимать всё. Zero Block для дизайнерских блоков: сетка 1200px, 12 колонок, пиксельная точность. Каждый блок верстали с адаптацией на все пять разрешений.

Каталог — отдельная эпопея. Более 200 позиций товаров, каждая с несколькими размерами и вариантами. Загрузка через Excel — звучит просто, но на практике всё поехало: цены подтягивались неправильно, варианты размеров терялись. Пришлось перепроверять и переделывать ценообразование почти в 40% каталога вручную. Зато после этого — работает идеально.

Фильтры тоже доставили «удовольствие». Первоначально они «прилипали» — после выбора категории нельзя было сбросить фильтр. Связались с поддержкой Tilda, подобрали решение, протестировали. Всё заработало.

Система скидок для парных комплектов: фиксированная скидка 1 000 рублей при покупке пары. Не процентная, а рублёвая — по просьбе клиента. Реализовали через настройки товаров, без костылей.

Титановые обручальные кольца генерирует 65-70% всего трафика сайта.

Выводы и нюансы