Разработка on-line каталога для Gaggenau.su
О проекте:Бренд Gaggenau — в первую очередь элитная техника. Компания, еще в 19 веке выпускавшая пушки, сейчас является признанным эталоном в области встраиваемой бытовой техники.
Задача:Главной задачей было составить удобный каталог товаров с возможностью просмотра как со стационарного, так и с мобильного устройства, а также распределить товары по разделам и сделать необходимые фильтры. Варианты техники ограничены, однако есть много цветовых и конструкционных нюансов. Но нам удалось собрать четкое количество категорий, разделить их на фильтры и серии.
Этапы:- Изучение аналогов и тематики
- Прототипирование.
- Дизайн.
- Верстка.
- Программирование.
- Тестирование.
- Частичное наполнение.

Наша задача состояла в том, чтобы с помощью имиджевого сайта-каталога создать образ бренда,
а также дать пользователям возможность ознакомиться с большим ассортиментом техники.
Изучение сферы и аналогов
Бренд Gaggenau — в первую очередь элитная техника. Компания, еще в 19 веке выпускавшая пушки, сейчас является признанным эталоном в области встраиваемой бытовой техники. Производитель начал ориентироваться на создание качественной техники, опираясь на принципы новизны и безупречности продукции. Реализация идеи была произведена блестяще, и с 2000 года профессиональная бытовая техника стала использоваться и в домашнем хозяйстве.
Проектирование
Главной задачей данного этапа было составить удобный каталог товаров с возможностью просмотра как со стационарного, так и с мобильного устройства, а также распределить товары по разделам и сделать необходимые фильтры.
Варианты техники ограничены, однако есть много цветовых и конструкционных нюансов. Но нам удалось собрать четкое количество категорий, разделить их на фильтры и серии.

Дизайн
Дизайн-концепция была продумана с учетом дизайна техники и ориентирована на восприятие целевой аудиторией компании. Агрессивный дизайн в современном стиле, полное функциональное наполнение, высочайшая степень надежности — те факторы, которым должна соответствовать техника топ-класса.
Именно поэтому для сайта мы выбрали сочетание темных цветов с мягкой, острой, ненавязчивой, иногда цветной, интерактивной графикой. При этом все выдержанно строго в одном стиле. А главное - сайт удобно наполнять и вносить изменения.
Цветовая схема
К основным цветам компании (белому и черному)
мы добавили колорит огня — оранжевый
и цвет горящего газа — небесно-голубой.

Карточка товара

Инструкция
Описание товара
К каждому товару есть пример вариантов цветового оформления
и расположения двери для того, чтобы покупатель
мог оценить возможности данного предмета интерьера.
Видео
К товарам обязательно подгружается видео-инструкция
по использованию и сопутствующие или рекомендуемые аксессуары.
Сопутствующие товары
Обратная связь
На каждой странице сайта есть возможность написать менеджеру,
который обязательно свяжется с клиентом и подробно проконсультирует.
Блог
В блоге размещены все новости о новинках, поездках
команды в штаб-квартиру на мастер-классы. Новости
разбиты по тегам, что значительно облегчит поиск, когда количество новостей увеличится.
Фильтрация новостей также позволяет расширить возможности для SEO-оптимизации сайта.


Адаптив
Марка Gaggenau уже более 300 лет определяет направление развития бытовых приборов и считается лидером в сфере внедрения инноваций в области технологий
и дизайна «Сделано в Германии».
1200px
1024px
480px
1200px

1024px

480px

Программирование и верстка
Верстка сайта адаптивная и учитывает отключение графики для меньшей нагрузки мобильного устройства. Каталог на cms 1C-Битрикс имеет возможность отображения избранных товаров на главной странице. Галерея настроена таким образом, чтобы картинки автоматически приобретали нужный размер при загрузке.
Некоторые товары можно отображать в каталоге, некоторые - отключать, но при этом они остаются, как сопутствующие.
Все фильтры сквозные, все свойства товаров появляются автоматически. Если в карточку товара загружена инструкция, то она также отображается автоматически.
Все видео-файлы грузятся с других серверов, чтобы не нагружать сайт, благодаря этомусайт легко загружается, анимация работает быстро.
После тестирования и наполнения были внесены некоторые правки для того, чтобы обеспечить максимально удобное управление сайтом и наиболее выигрышно представить контент, так как на первом этапе контент не был предоставлен.

До и после
Виден полностью весь каталог и его особенности.
Есть раздел с категориями блога.
Акции теперь вынесены отдельно.
Сайт быстро грузится.
Сайт сделан с учетом возможности работать с телефона.
Установлены цели в Яндекс.Метрике с учетом отслеживания нужных функций и измерения конверсии. Так же установлен
онлайн-консультант для отслеживания продаж и обращений клиентов.
До

После

После запуска
После запуска сайта мы продолжили работу над ним, модернизируя рекламную кампанию в поисковиках, параллельно осуществили первичную SEO-оптимизацию.
в результате чего посещаемость сайта увеличилась в 2.5 раза!
Переходов по реклалме стало в несколько раз больше.
Сайт стал адаптивным, что увеличило поток посещений с мобильных устройств.
Кроме того, с внедрением онлайн-консультанта сайт стал получать больше обращений от посетителей.

