про клиента и задачу

Сaesar Watches занимается поставками швейцарских часов и люксовых аксессуаров в магазины в России, Китае и в ОАЭ. Компания работала только с бизнесом, а теперь планирует запускать B2C-направление.

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

Дополнительное требование заказчика — SEO-оптимизация продукта.

подготовили прототип

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

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

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

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

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

• 3D-модель Rolex Daytona на первом экране
• Двухуровневый хедер, который сворачивается при скролле
• Карусель брендов, стилизованная под циферблат
• Прелоадер, который отражает философию бренда

отрисовали дизайн

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

/выделили mvp/

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

/запараллелили процессы/

Пока готовили макеты для MVP, подключили копирайтера, чтобы тот наполнял сайт текстами. Моушн-дизайнера — для работы над stop motion. И иллюстратора — чтобы тот отрисовал лайновые часы.

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

запрограммировали сайт

Для фронтенда выбрали React-фреймворк Next.js. Для управления контентом на сайте использовали Strapi.

Мы настроили удобную систему управления сайтом, сделали его мультиязычным и адаптировали под разные рынки. Оптимизировали загрузку и поиск по каталогу, чтобы всё работало быстро и стабильно. Добавили уведомления и покадровую анимацию, чтобы сайт был не только функциональным, но и живым. Для контроля за его работой подключили систему, которая сообщает о сбоях в Telegram.

разработали мини-аппу

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

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

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

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

результаты и выводы

• Неправильно оценили проект, но сделали всё, чтобы это не отразилось на клиенте. Выделили MVP, запараллелили процессы и согласовали новые, комфортные для нас и клиента тайминги.
• Разработали сайт с вау-эффектом, который выделяет Caesar среди конкурентов.
• Поняли, что оценка проектов — наша зона роста, и теперь уделяем этому этапу больше внимания.