Закажите сайт по телефону 8-800-5555-864

Бюро Погоды: сайт кондиционеров с каталогом продукции

Заказчик: ООО «Бюро погоды»
Разработка: Red Collar
Платформа: UMI.CMS Shop
Сайт: buropogody.com

О проекте 

«Бюро Погоды» является лидером на Воронежском рынке в области продаж и обслуживания климатической техники. 

Эта компания сотрудничает с крупными корпоративными клиентами с 2003 года, но известно об этом было далеко не всем. Будущий сайт был призван помочь пользователям получить отличный сервис и доступные цены, которые предлагает «Бюро Погоды».

Бюро Погоды Red Collar

Цели и задачи

Проблемы старого сайта:

  • устаревший дизайн;
  • отсутсвие каталога кондиционеров — приходилось скачивать каталог в формате Excel;
  • не рассчитан на розничных покупателей.

Основная задача, поставленная перед разработчиками из Red Collar — сделать такой сайт, который бы позволил компании выйти на новых покупателей, а именно  на физические лица.

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

Третьей задачей было обновить устаревший дизайн сайта.

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

Выбор платформы

Перед Red Collar не стояла проблема выбора платформы, так как они работают только на UMI.CMS. И главная причина этого, по словам мастеров из digital-агентства,  то, что UMI.CMS интуитивно понятна для клиента и удобная и гибкая для разработчика.

Сайт «Бюро погоды» разработан на редакции UMI.CMS Shop и интегрирован с Яндекс.Маркетом.

Реализация

Рассмотрев все задачи с позиции обычного пользователя, Red Collar пришли к выводу, что самым важным в выборе кондиционера на сайте является удобный фильтр. Для этого было проанализировано множество различных сайтов. После чего стало понятно, что стандартного решения не существует. И Red Collar пошли по пути желаний обычного человека и характеристик кондиционеров, которые он понимает: марка, площадь комнаты, цена.

Фильтр

В зависимости от ширины окна браузера фильтр перестраивается в 2 или в 4 строки.

ширина

В каталоге мы реализовали удобный фильтр для подбора кондиционеров с использованием технологии Ajax. Пользователь может выбрать марку кондиционера, указать площадь комнаты и ограничить цену. Когда пользователь что-то выбирает в фильтре, над кнопкой «Подобрать» появляется красный кружок с количеством товаров, соответствующих условиям фильтра. Это очень удобно — пользователь сразу видит, сколько кондиционеров ему подходит, и может изменить параметры фильтра, чтобы сузить поиск или, наоборот, расширить. Также была исключена ситуация, когда пользователь произвел фильтрацию товаров и получил страницу «Кондиционеры не найдены».

фильтр
кнопка

Все кнопки сделаны с помощью CSS3 и их можно увеличивать без пикселизации. Даже на retina-дисплеях кнопки будут четкими.

Покупка кондиционера

Для наиболее удобной покупки кондиционера при создании сайта было предусмотрено 2 варианта.

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

Также для удобства использования в каталоге на больших мониторах отображается по 4 кондиционера в ряд.

Большой экран

На маленьких — по 3.

Небольшой экран

Скорость работы сайта

Для того, чтобы пользователю было максимально комфортно, разработчики уделили особое внимание скорости работы каталога. Было написано специальное решение, которое оптимизирует выборку товаров из базы данных. Благодаря данному решению появилась возможность выбирать практически любое количество товаров из базы всего в несколько запросов! И если до оптимизации для выборки 100 товаров требовалось 300 запросов, то теперь всего 2!

Что в итоге

Редизайн сайта помог компании наладить отношения с розничными покупателями. Благодаря новому сайту компания «Бюро Погоды» не только получила новых клиентов, но и закрепила свои позиции на рынке розничной торговли кондиционерами в Воронеже. Сайт получился настолько удобным, что даже менеджеры компании при выезде к клиенту берут с собой планшетный компьютер, чтобы на сайте подобрать кондиционер.

«

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

»

Денис Ломов,

Арт-директор Red Collar

 

Денис Ломов