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

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

Заказчик: производитель дверей Viporte
Разработчик: Red Collar
Платформа: UMI.CMS Corporate
Сайт: viporte.ru

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

Клиенту требовался необычный и уникальный сайт, который отразит престижность продукта, продемонстрирует стабильность и высокий уровень компании. Это должен быть сайт-марка, запоминающийся и инновационный.

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

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

О заказчике

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

Цели и задачи

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

Старый сайт Viporte - лендинг

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

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

Решение

UMI.CMS

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

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

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

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

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

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

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

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

Главная страница сайта Viporte на движке UMI.CMS

Всё в деталях

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

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

Дизайн-концепция сайта Viporte, разработанного на UMI.CMS

Оживите сайт

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

На Viporte:

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

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

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

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

На Viporte:

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

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

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

Каталог дверей и галерея работ разработаны на модулях UMI.CMS "Каталог" и "Фотогалереи"

Что в итоге

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

1 место премии "Рейтинг Рунета"

Слово разработчику

«

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

»

Денис Ломов,

арт-директор
Digital-агентства Red Collar
Денис Ломов, партнер системы для разработки сайтов UMI.CMS

Слово заказчику

«

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

»

Андрей Киселёв,

директор
Viporte
Андрей Киселёв, заказчик сайта Viporte на системе UMI.CMS