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

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

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

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

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

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

2. Отрисовка дизайн-концепции;

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

4. Верстка сайта;

5. Запуск Telegram Mini App.

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

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

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

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

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

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

Также мы разработали ещё один полярный вариант — с драматичными контрастами и более понятными метафорами.

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

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

За отсылку к Римской империи в концепте отвечает прелоадер — сменяющие друг друга Veni, Vidi, Vici. Это слоган компании, и его важно было разместить в дизайне — прелоадер оказался идеальным местом. На фоне — чёрно-белый каскад, который добавляет той самой визуальной драмы, о которой просил заказчик.

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

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

Финальный концепт включал такие элементы:

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

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

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

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

Чтобы успеть к сроку, мы запараллелили сразу несколько процессов: отрисовка макетов, наполнение сайта текстами, работа над stop motion и наше любимое — отрисовка иллюстраций для одного из блоков.

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

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

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

Чтобы разработчики заверстали всё как нужно, дизайнер отрисовывал каждый кадр анимации и собрал рефы. В качестве библиотеки для написания анимаций использовали Framer Motion. 

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

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

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

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

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

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

Проект получил признание профессионального сообщества: платформа Dprofile включила Caesar Watches в подборку «Рекомендуем» как один из сильнейших интерфейсов 2025 года.