Интернет-каталог часов GENEVA

Введение

Клиент

Сеть салонов Geneva является официальным дилером ведущих швейцарских часовых марок:

  1. Tissot;
  2. Certina;
  3. Hamilton;
  4. Longines;
  5. Tag Heuer;
  6. Rado;
  7. Cartier;
  8. Hublot;
  9. Ulysse Nardin;
  10. Omega.

Люксовое подразделение компании также реализует дорогие украшения и предметы интерьера.

Часовой бизнес (если мы говорим о часах, а не «распродаже конфиската, купи Tag Heuer за 5000 р. и получи Tissot в подарок») является очень традиционным и консервативным. Даже сами производители смотрят на интернет с подозрением — до сих пор у некоторых марок существует прямой запрет для дилеров продавать часы через интернет. Но против общей тенденции не пойдёшь — сейчас и дилеры и производители понимают, что надо выходить в онлайн.

Задача

Можно описать задачу, с которой к нам обратились кратко — вывести бизнес по продаже часов в онлайн. Эта идея была разложена на составляющие — сайт, интернет-маркетинг, CRM. Начали с первого пункта.

У старого сайта было несколько серьезных проблем:

  1. Сильно устаревший дизайн;
  2. Представители часовых марок нервничали, т.к. сайт не отвечал их требованиям;
  3. Сайт не был адаптивным — с мобильных и планшетов пользоваться им было неудобно;
  4. Каталога часов не было совсем — это минус и для покупателей и для SEO.

А у нас были (и есть, кстати):

  1. Классный дизайнер;
  2. Верстальщик, сделавший несколько десятков адаптивных сайтов со сложными js эффектами;
  3. Программист, для которого не то что сайт-каталог, а b2b личный кабинет с интеграцией с несколькими системами сделать — раз плюнуть;
  4. И скромный менеджер проекта (не буду себя хвалить).

Соревновательный дух добавляли сжатые (для проекта с дизайном и адаптивной версткой и импортом каталога в несколько тысяч позиций) сроки — 3 месяца от старта, до запуска.

Решение

Красота

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

Видео на фоне

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

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

Видеоролик заменяет собой слайдер, но, естественно, мы не стали лишать клиента возможности загрузить вместо видео простую картинку. Чтобы придать таким изображениям «жизни», мы добавили эффект приближения.

Классный и умный фильтр

Почти во всех интернет-магазинах и каталогах на Битриксе используется умный фильтр. Наш фильтр также умный, но кроме этого, он у нас еще и красивый.

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

Умный фильтр — выбор бренда

Умный фильтр — выбор бренда

Естественно, весь джентльменский набор мы также реализовали:

  1. Фильтр с подгрузкой товаров по аяксу (без нажатия на «применить»);
  2. Выбор количества элементов на странице;
  3. Сортировка;
  4. Указания, сколько элементов найдено и т.д.

Лаконичная и аккуратная страница часов

Когда клиент рассматривает конкретную модель часов, его ничто не должно отвлекать. Водонепроницаемость, материал стекла, калибр механизма и даже цена — информация дополнительная.

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

Детальная страница товара

Детальная страница товара

Адаптивность

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

Мы делаем адаптив хорошо — у нас хороший верстальщик, а тестирование проводится на реальных устройствах. Часто бывает, что на планшетах и мобильных работать с сайтом даже удобнее, чем на ПК.

Выгружаем несколько тысяч моделей часов на сайт из разных источников

Обычно товар выгружают на сайт из 1С. Но в нашем случае, этот вариант не подходил — слишком уж «страшный» вид имели названия часов в учётной системе. А ни о каких характеристиках и картинках речь и вовсе не шла.

Решили, что всю информацию по часам мы соберем в .csv.

Всё звучит просто, но представьте, что загрузить из .csv надо и коллекции и бренды и особенности. А это не просто свойства товара, а полноценные сущности на сайте, со своими детальными страницами и логикой работы.

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

Набор элементов для самостоятельного формирования страницы

Работать с ведущими швейцарскими часовыми брендами почётно, но нелегко. У каждого из них свои, десятилетиями, а то и веками, выработанные правила оформления. Где и как должен располагаться логотип. Как изображение часов должно сочетаться с заголовком и текстом. И сотни других правил из брендбуков Tissot, Omega, Longines, Rado, Hublot, Cartier, Ulysse Nardin…

Во время проектирования и дизайна учесть все особенности просто невозможно — пришлось бы придумать отдельный шаблон страницы для каждого бренда. Решение было очевидным — дать возможность маркетологу со стороны заказчика самостоятельно и индивидуально формировать страницы брендов.

Но те, кто знаком с визуальными редакторами для публикации контента в вебе, знают, как это непросто. Мы решили задачу с помощью, так называемых сниппетов — набора элементов для самостоятельного формирования страницы. Для клиента мы разработали следующие блоки:

  1. Текст + картинка слева;
  2. Текст + картинка справа;
  3. Текст в две колонки;
  4. Текст + картинка на всю ширину;
  5. Картинки с подписями в две колонки;
  6. Важный текст.

Эти блоки могут использоваться в текстовых страницах (о компании, гарантии, сервис и т.д.), описаниях брендов и новостях.

Конечно, мы не отнимали возможность воспользоваться стандартным инструментарием визуального редактора (или вообще сверстать всё, используя html).

Набор готовых элементов

Набор готовых элементов

Вывод

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

Сила ИНТЕРВОЛГИ, как веб-интегратора, как раз в том, что мы можем предложить весь спектр услуг — и сложные системы соединить друг с другом, и над лидогенерацией поработать.

С сайтом geneva34.ru ситуация именно такая — непосредственно успешная разработка сайта лишь первый шаг. Дальше у нас запланирована интересная работа по интернет-маркетингу. Представители швейцарцев, производителей часов, еще не определились, как вести продвижение в интернете, поэтому наша задача — стать проводником в сложном мире современного интернет-маркетинга для классического, консервативного бизнеса.

Однако, важно не только привести больше посетителей и покупателей на сайт. Повышение конверсии (а следовательно и прибыли) и качественная обработка продаж невозможны без системы CRM, поэтому в планах также внедрение системы CRM (Битрикс24) и интеграция её с сайтом.

Если у вас есть такая комплексная и сложная задача, а все студии берутся только за какую-либо отдельную её часть — позвоните нам — интегрируем, продвинем, сделаем.

Сайт: geneva34.ru
Участники проекта: