О проекте
Описание деятельности заказчика
Компания ООО «Аквадеми» - является эксклюзивным поставщиком и представителем немецких брендов hansgrohe и AXOR на территории РФ и Белоруссии. 20 лет на рынке, занимается оптовыми продажами сантехнических изделий hansgrohe и AXOR, а также развивает сеть сервисных центров, осуществляющих послепродажное обслуживание изделий.
Задача от заказчика
-
Сделать раздел Shopfinder с точками магазинов на карте и карточками магазинов. Такую карту нужно было сделать в двух разделах, Где купить и Сервисные центры. Чтобы посетитель сайта мог найти ближайший для себя магазин в своем городе и посмотреть модели представленных брендов “вживую”. Для тех кому нужен ремонт, он мог найти ближайший лицензированный сервисный центр в своем городе.
-
Сделать редизайн шапки сайта, поместив в него 3 логотипа и подпись, а также перенести боковое меню над контентом.
-
Доделать все недостающие разделы, Сервис, Новости, Главную страницу и привести в порядок раздел Продукция и в целом все страницы сайта, очистив их от всевозможных багов и недочетов.
-
Сделать сайт в максимально короткие сроки, чтобы можно было его перенести на основной домен и открыть для посетителей, т.к. заказчик должен был участвовать на выставке, где на буклетах был уже написан адрес сайта.
Виды работ:
- дизайнерские работы
- ручное наполнение контентом
- программные работы
- верстка
Подробнее
1. Еще нужно сделать удобную загрузку и выгрузку адресов магазинов и сервисных центров с сайта и на сайт. Кол-во Магазинов насчитывало более 600 штук по всей России, а также еще были Сервисные центры. И они могли периодически меняться. Решение: встроить в админ-панель Битрикса дополнительный модуль Экспорта/Импорта для возможности редактирования и быстрой загрузки такого большого кол-ва точек на сайт, без привлечения программных разработчиков в дальнейшем.
2. Сделать максимально удобную навигацию и поиск нужного адреса на карте в разделах Где купить и Сервис.
Решение 1: сделать поиск по городу.
Решение 2: сделать фильтр по представленному бренду
Решение 3: сделать фильтр по типу продукции (для ванны, для кухни)
Решение 4: сделать переход между магазинами и сервисными центрами непосредственно на самой странице
Решение 5: магазины, в которых представлена расширенная экспозиция данных брендов, выделять их первыми в списке, и делать пометку (Расширенная экспозиция Axor/Hansgrohe)
3. Сделать возможным из админ-панели править дополнительные программные доработки самостоятельно в дальнейшем.
Решение: Вывод дополнительных полей в админке для возможности редактирования: лого на баннере, изменения цветов кнопок, названия кнопок и добавление привязки каталогов к кнопкам, превью каталогов.
Что было сделано
Подготовительная часть работ по обновлению дизайна:
1. Разработан новый дизайн шапки 3 варианта. Ниже - тот, что был выбран.
2. Разработан новый дизайн (бокового меню), который был перенесен над контентом (3 варианта). Ниже - тот, что был выбран.
С какой проблемой столкнулись
То, как выглядел контент на странице после переноса бокового меню наверх и изменения ширины шапки (для добавления логотипов с подписью), визуально заказчику не понравилось, т.к. тем самым смещался вниз основной контент страницы.
Было принято решение не менять местоположение меню, а одиночный логотип заменить тройным без изменения шапки. Но проблема с контентом на странице осталась, так как из-за очень широкого бокового меню, для контента оставалось мало места и плюс заголовки были очень большого размера и выглядели не на своем месте. Сроки поджимали и вариант с новым дизайном страниц был слишком долгим.
Было принято решение программно урезать боковое меню, заменить на фирменный шрифт, уменьшить заголовки в размере и переместить их по центру (и заголовок вниз, а хлебные крошки наверх), а также сделать серую плашку под заголовками подходящую по размеру.
Было:
Стало:
Работы выполненные на сайте
1. Для тех пользователей, кому необходимо узнать, где купить товары данных брендов, разработана страница поиска ближайшего Магазина в городе клиента на карте, с возможностью переключения на страницу Сервисные центры. А также добавлены фильтры для поиска нужного бренда и типа продукции, также магазины, где есть расширенные экспозиции выбранного бренда - выводятся сверху списка магазинов текущего города и отмечены текстом в карточке магазина (Большая экспозиция Axor/Hansgrohe).
Цвет флажков на карте перекрашен в корпоративный цвет:
2. Для пользователей, кому нужен ремонт сантехники представленных брендов, разработана страница поиска ближайшего Сервисного центра в городе клиента на карте, с возможностью переключения на страницу Магазины. В карточке магазина/сервисного центра и во всплывающем окошке на карте, в случае где есть телефон или сайт, они подсвечиваются при наведении, с возможностью перейти либо позвонить:
3. Для тех, кому интересны покупки Онлайн, на страницу Интернет магазины добавлен список магазинов с кликабельными ссылками и вшитой меткой (в дальнейшем в метрике сайт, на который идет ссылка будет видно, что пришли именно с этого сайта), а также сделана пометка о возможности увидеть продукт более подробно (Здесь есть свой шоу-рум):
4. Для удобства пользователей, на страницы раздела Продукция, выведены кнопки для перехода на другой сайт (за подробным каталогом) и кнопка с функцией прямого скачивания каталогов.
В соответствии с фирменным цветом бренда, изменен цвет кнопок и их название:
5. Для удобства заказчика, чтобы не приходилось каждый раз “угадывать с местоположением лого на баннере” - на Главной странице на больших баннерах, программно добавлен логотип, который прикрепляется в соответствии с нужным брендом и выводится в одном и том же месте(справа вверху) независимо от размеров экрана пользователя, в десктопной, либо мобильной версии.
6. Для визуального разделения между брендами на странице Каталоги, была добавлена программно возможность вставлять превью, загруженных каталогов:
7. Для того, чтобы упростить навигацию по сайту, и рассказать о всех достоинствах данной компании, разработана Главная страница в соответствии с возможными шаблонными блоками:
8. Заполнены все необходимые страницы предоставленным контентом, выполнены все правки, и все не шаблонные варианты решения, по итогу были доработаны программно в соответствии с ТЗ.
* Сайт создавался на временном домене, по его готовности, был перенесен на основной домен и установлен ssl-сертификат.
Результаты
-
Уложились точно, в обещанный заказчику, срок.
-
Сайт полностью соответствует целям заказчика и является информативным для всех категорий клиентов от обычных физ.лиц до профессионалов в области B2B.
-
По итогу созданного сайта, принято решение о дальнейшем его развитии в сторону расширения и добавление в него полноценного каталога продукции представленных брендов.
