Caesar Watches: Упаковали салон премиальных часов за 3 месяца

1. Вводная задача от заказчика, проблематика, цели

Caesar Watches — поставщик люксовых часов и аксессуаров в магазины России, Китая и ОАЭ. Компания работала только с B2B-сегментом, теперь же решила выходить на B2C, для чего и потребовался сайт.

Заказчик хотел «отстроиться» от традиционных ритейлеров с их перегруженными интерфейсами. Сайт должен был стать визуальным манифестом: вызывать вау-эффект, обеспечивать бесшовный пользовательский опыт и конвертировать трафик.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Решение

Чтобы решить задачу, мы с нуля разработали для Caesar Watches онлайн-магазин, в котором соединили величие Римской империи, техническую гибкость и внимание к деталям — от SEO до Telegram Mini App.

Всю работу мы разделили на 5 этапов:

• Проведение исследования и выявление инсайтов;
• Отрисовка дизайн-концепции;
• Разработка дизайна;
• Верстка сайта;
• Запуск Telegram Mini App.

Проведение исследования и выявление инсайтов

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

Совместно с SEO-специалистом мы спроектировали структуру сайта, проанализировали конкурентов и подготовили детальное ТЗ для всей команды: дизайнеров, копирайтеров, разработчиков и клиента.

Результатом стал массивный гайдлайн с семантическим ядром, элементами входа, смысловыми блоками и референсами, на основе которого дизайнер разработал прототип будущего сайта.

Разработка дизайн-концепции

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

1. Первый вариант: элегантный, в приглушённых нейтральных цветах

Мы постарались передать величие через лаконичность и чистоту. Использовали мягкие интерактивные решения. Например, анимацию часов, которая по скроллу разворачивается в превью карточки товара с этими часами.

Команде Caesar показалось, что такой акцент не мэтчится с ценностями бренда, поэтому они попросили нас разработать ещё один полярный вариант — с драматичными контрастами и более понятными метафорами.

2. Второй вариант: прямой, понятный и контрастный

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

Разработка дизайна

Во время общения с заказчиком выяснилось, что им очень нравится фраза «Veni, Vidi, Vici» — они часто упоминают её в маркетинговых материалах. Мы решили использовать этот слоган и разместили его на прелоадере. Фоном стал чёрно-белый каскад, который создаёт именно ту визуальную драму, о которой просил заказчик.

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

Каталог мы намеренно лишили визуального шума. Сдержанная вёрстка выделила товары на фоне активных разделов сайта и упростила навигацию.

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

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

Финальный концепт включал сразу несколько акцентных решений:

— 3D-модель Rolex Daytona на первом экране;

— Двухуровневый хедер, который сворачивается при скролле;

— Карусель брендов, стилизованная под циферблат;

— Прелоадер, который отражает философию бренда.

Верстка сайта

Фронтенд реализовали на React+Next.js, в качестве CMS использовали готовое решение — Strapi. Скорость загрузки сайта решили оптимизировать с помощью ISR. Поиск по каталогу оптимизировали с помощью встроенного в Strapi REST API.

Для локализации сайта дополнительно использовали библиотеку next-intl, которая отлично работает вместе с Next.js. А для локализации данных в CMS — встроенный плагин i18n.

Разработали Telegram mini-app

Телеграм-канал для Caesar Watches — один из основных каналов продаж, поэтому мы предложили разработать удобный бот, который сократит путь клиента до этапа покупки.

Теперь пользователи могут просматривать полноценный каталог, а не просто ленту постов, и оформлять заказы прямо в Telegram. Заказчик же может отправлять рассылки прямо из приложения, без стороннего ПО.

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

3. Результаты сотрудничества

За три месяца мы создали для Caesar Watches полноценную цифровую платформу, которая объединила сайт и Telegram-канал.

Ранее компания продвигалась только через соцсети, но после подключения сайта к каналам дистрибуции органический трафик вырос на 45 %, а конверсия — на 12 %. Благодаря mini-app, Telegram‑канал компании превратился в самостоятельный, автоматизированный инструмент продаж.