Кейс: как мы запустили сайт с конверсией 5% для ювелирного магазина
EGOR SOLOV’EV JEWELRY — ювелирный магазин, в котором создаются украшения на заказ. Егор — его создатель, он работает с любыми эскизами колец, кулонов, браслетов, цепей и может воплотить в жизнь даже самые необычные идеи клиентов.
У заказчика уже был сайт, но ему захотелось сделать редизайн главной страницы, чтобы она лучше отражала настроение магазина и передавала сложность и разнообразие работ. Он вдохновился и примерами сайтов в портфолио Молнии, поэтому с этой задачей обратился в нашу студию.
Погрузились в задачу
Целевая аудитория заказчика — женщины и мужчины от 20 до 45 лет со средним заработком. Они любят необычные украшения и хотят создавать уникальные памятные вещи, которые будут дарить приятные воспоминания. Поэтому и сайт нужен необычный и стильный, который с первого взгляда цепляет «своих людей».
В брифе заказчик оставил комментарий, что не планировал что-то менять на сайте в ближайшее время. Но когда увидел портфолио Молнии, ему настолько понравились работы, что он захотел сделать у нас редизайн. Желание передать на сайте образ компании, которая тоже мотивирует и сподвигает купить продукт, стало решающим фактором для совместной работы над проектом.А также, чтобы он отражал, что клиенты могут заказать абсолютно любое украшение: механическое кольцо с вращающимся центром? Легко! Добавить гравировку с именем любимой или её отпечатоком пальца? Запросто!
Главное возражение клиентов заказчика: украшения на заказ — это дорого. Но работа выполняется качественно, с индивидуальным подходом и радует долгие годы. Клиенту хотелось донести этот смысл на сайте, но сохранить простоту в дизайне, чтобы он не выглядел игриво или вычурно.
При обсуждении референсов мы узнали, что Егору понравился сайт Чёрной бухгалтерии: серьёзная тема про налоговые учёты и финансы преподнесена нестандартно и современно. Также он отметил в нём минимализм, тёмные оттенки со светлыми акцентами и ненавязчивую анимацию.
Продумали концепцию
Стилистика сайта для EGOR SOLOV’EV JEWELRY была вдохновлена фотоконтентом, который прислал заказчик. Когда есть хорошие работы, то они продают себя сами, если правильно преподнести. Поэтому упор сделан на показ примеров украшений.
Так как фото были сделаны на тёмном фоне с элементами серых камней и графитовых поверхностей, то эти цвета легли в основу сайта. Выбрали именно тёмно-серый оттенок для фона, потому что он выглядит более мягким, чем чистый чёрный. Это передаёт гибкий и лояльный подход компании в работе. А для иллюстраций и текста использовали светло-серый и белый.
Чтобы передать премиальность бренда, использовали шрифт с засечками. В начертании сохранили баланс между брутальностью и строгостью, так как хозяин студии — мужчина, и лаконичностью, которая передаёт красоту украшений и «ювелирную работу» (в прямом и переносном смысле). Заголовки довольно крупные, прописанные заглавными буквами, что говорит о масштабе компании и её надёжности. А чтобы отразить оригинальность бренда, использовали нестандартную вёрстку: заголовки разместили в несколько рядов и сделали неравномерные отступы от краёв страницы.
Добавили анимации
На протяжении всего сайта мы продумали ненавязчивую анимацию в виде выезжающих заголовков. А также добавили крутящиеся детали: колечки и блики, которые ассоциируются с ювелирными изделиями. Это помогает добавить оригинальности, сделать сайт динамичным и вовлечь пользователя в скролл.
С первого экрана захотелось сделать что-то необычное, поэтому мы нашли код, с помощью которого создаётся эффект «водной глади»: по наведению мыши одна картинка размывается в другую. Таким образом мы показали несколько примеров украшений, которые могут заказать пользователи, и не нагрузили при этом блок.
Первый блок с анимацией, сделанной кодом
Чтобы передать визуально, что украшения бренда — ручная работа, дизайнер придумал фишку, которую реализовали сразу на втором блоке. Мы предложили заказчику идею: показать иллюстрациями процесс создания кольца. Ему эта идея пришлась по душе, и он прислал нам реальную 3D-модель одного из заказов. Копирайтер прописал этапы работы, а иллюстратор отрисовал их.
В блоке с галереей работ карточки и текст появляются по скроллу, чтобы вовлечь пользователя листать страницу дальше. Здесь анимация более активная, так как взгляд человека всегда направляется туда, где есть движение. Но при этом карточки появляются последовательно, чтобы сосредоточить внимание пользователя на каждом украшении, так как представлено много разнообразных моделей.
Чаще всего анимация на мобильной версии сайта значительно упрощается по сравнению с десктопной. Но мы сохранили большую часть анимированных элементов и для телефонов/планшетов, так в основном использовалась анимация по скроллу: её можно реализовать на экранах любого размера.
Анимация на сайте — крутой инструмент для повышения конверсии. В нашем случае неважно, с какого устройства пользователь откроет этот сайт, все анимированные элементы будут вовлекать его в скролл страницы и вести к целевому действию — оформлению заказа.
И как проделанная работа повлияла на результат?
Сайт запустили 22 июля 2021 года, и после этого заказчик сразу запустил рекламу в Яндекс.Директ. Общее количество посетителей на сайте на момент написания статьи — 14 542.
Количество посетителей на сайте с момента запуска
Средняя конверсия с рекламы за это время около 2%. Важно понимать, что реклама менялась, по-разному настраивалась, из-за чего спрос повышался и понижался. Лучший результат по конверсии в отдельные моменты был больше 5%.
Статистика конверсии из Яндекс.Метрики
Абсолютное большинство клиентов приходит к Егору с рекламы. Он нашёл идеальную связку, при которой хорошо работают сайт и реклама, и стоимость привлечения клиента при этом составляет 3–4% от среднего чека.
Статистика источников трафика на сайт
Благодаря преобладающему трафику из переходов по рекламе на сайт заходят тёплые клиенты, которые уже готовы сделать заказ. Поэтому конверсия в сделку составляет 60–80%.
Пара слов напоследок
Проделанная работа студии над сайтом вместе с хорошо настроенной рекламой помогли решить главную задачу заказчика — получить инструмент для продвижения, который будет каждый месяц загружать заказами. Сайт стабильно работает и приносит результат на протяжении 2 лет. И сейчас, когда стоимость привлечения клиента составляет всего 4% от среднего чека, при желании бизнес можно масштабировать и выходить на новые уровни. Этот кейс — хороший пример того, что сайты на Тильде работают и решают задачи бизнеса.
Больше кейсов и полезной информации по веб-дизайну и маркетингу у нас в Telegram-канале @flash_family