Откажись от привычного — будь трендмейкером! Витрина элитных дверей Viporte

Могут ли двери быть интересными? В вебе существует немало мебельных сайтов, наполненных каталогами разнообразных коллекций, всевозможных дизайнов и видов дерева. Большинство компаний имеют свое производство, почти все продают услуги по замеру и установке. Лишь немногие из них готовы предложить уникальную вещь, сделанную с душой. И лишь единицы держат высокий уровень сервиса и качества, а не создают шаблонные товары.

Напишите в любом поисковике «Купить двери» и откройте десяток первых ссылок. Вы увидите только два типа сайтов: первый встретит вас каталогом товаров на приветственном слайде, второй ― фото дизайна интерьера. Композиции могут быть более или менее приятны взгляду, фото могут быть разного качества. Но все они однотипны.

Типовые дизайн-концепции выбираются по очевидным причинам: «все так делают, следовательно, это работает». Традиционные решения кажутся эффективными и вызывают уверенность. Новые же заставляют сомневаться. Но кто не рискует, тот не получает призы.

О заказчике

Компания Viporte создает уникальные двери премиум-класса с использованием итальянских лекал и обладает собственной торговой сетью по всей России. Получившийся сайт бренда работы Digital-агентства Red Collar обогнал конкурентов и задал свежий курс в веб-дизайне в своем сегменте.

Цели и задачи

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

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

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

Решение

UMI.CMS

Для создания сайта была выбрана платформа, наиболее подходящая для сложного сайта с полноценным каталогом — UMI.CMS. Она позволяет строить структуру объекта из административного интерфейса, не прибегая к программированию, поэтому сайт создается быстро, не переполнен громоздкими конструкциями и впоследствии работает с высокой скоростью.

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

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

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

V-I-P-O-R-T-E — качество в каждой букве

Основной раздел рассказывает о Viporte, здесь каждый слайд сделан в виде буквы. Символика дополнена красивыми визуальными элементами: сами двери и петли, ручки и розетки; показывается обилие текстур и деталей. Тут нет длиннотекстов, только небольшие комфортные для чтения и восприятия абзацы о главном.

Одного этого решения могло быть достаточно, чтобы проект выделялся. Но если вы стремитесь к уникальности — идите дальше.

Всё в деталях

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

Позиционирование транслируется даже через самые мелкие детали. Собрали всё, что отражает стабильность и образцовость: изящные линии, традиционные формы, круги и квадраты. Оставили много «воздуха»: пространство легкое и удобное для восприятия.

Оживите сайт

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

На Viporte:

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

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

Red Collar уделили внимание всем деталям: как появляется контент, эффекты, кнопки и переходы. За счет движения пространство дышит и живет, устанавливает эмоциональную связь с посетителем.

На первом месте — удобство

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

На Viporte:

• Удобная навигация достигнута за счет бокового меню. Можно выбрать нужный слайд с любой части страницы.
• В «About» находится интерактивное изображение двери из пяти фрагментов, она показывает обилие стилей и фактур. Интерактив наглядно знакомит пользователя с моделями.
• «Умный подвал» ускоряет навигацию от одного раздела к другому.
• Сайт адаптирован под мобильные устройства и десктопы. Это и внимание к удобству посетителя, и гарантия высоких позиций в поисковой выдаче.

Гордость сайта — галерея интерьеров

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

Что в итоге

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