Как объединить обучающий инфопортал и объемный каталог. Сайт компании KADO

О заказчике

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

Задача

Компания попросила digital-агентство Red Collar провести ребрендинг сайта.

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

Это пространство — слияние информационного портала об обучении и объемного каталога продукции.

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

«Мы работаем с платформой UMI.CMS: гибкая для разработки, она позволяет создавать индивидуальные конструкции для любых задач за короткие сроки. Административная часть сайта всегда интуитивно понятна владельцу, и, при желании, в будущем он своими силами сможет обновлять и добавлять контент на сайте.

Кроме того, мы позаботились о размещении сайта на современном сервере с поддержкой протокола http2 для высокой скорости работы и усиленной защиты данных», — говорит Богдан Лотарев, back-end разработчик Red Collar.

Решение

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

Дизайн-концепция

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

Большинство выбирают статичность, строгость и незамысловатость. Red Collar же сделали динамичный, нетривиальный, стильный сайт. Это качественно выделяет компанию среди конкурентов и одновременно точно отражает её суть.

Цвета сайта сложные и мягкие, создают приятное, обволакивающее ощущение уюта и сбалансированно контрастируют с жесткими и регулярными формами фоновых узоров. Это сочетание отражает само пространство дома: нежные пастельные оттенки подобны множеству текстильных мягких подушек, а в наложении блоков видится многослойность материала драпировок. Одновременно структурность и четкость форм передает строгие очертания мебельной гарнитуры.

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

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

Каталог

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

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

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

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

Анимация

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

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

Сбалансированное сочетание анимированных и статичных элементов вкупе с их «умной» составляющей — большая редкость для отечественных сайтов. Между тем динамичный дизайн делает сайт более удобным для пользователей и задает новый тренд в оформлении сайтов подобной тематики.

Помощник по сайту

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

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

Личный кабинет

Вы уже являетесь партнером KADO? Погрузиться в мир и высокого стиля, и качественного дизайна интерьеров поможет личный кабинет. Здесь можно просматривать внутреннюю документацию, коммерческие предложения, прайсы и другие документы и новости. Раздел с командой позволяет заочно познакомиться со своими коллегами со стороны дистрибьютора. Тут каждый может почувствовать себя важным и ценным клиентом, участником элитарного клуба и наслаждаться легким, понятным и чистым интерфейсом.

Логотип

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

Название KADO созвучно с французским словом «подарок». Переплетение линий в логотипе символизирует ленты — атрибут красивой упаковки. Также знак напоминает перекрещенные ножки мебели, нити текстиля и букву «К». Основные цвета: серебристый, глубокий черный и сложный серый. Совмещение геометрии и элегантности.

Что в итоге

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

Digital-агентству Red Collar удалось создать сайт, отражающий активный рост компании на рынке, передать ее лидерские позиции и продемонстрировать расширение сфер деятельности KADO. У проекта четкий, современный образ, масштабное пространство спроектировано с максимальным удобством для пользователя, а дизайн соответствует трендам в digital.