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

Эстетика неоклассицизма: имиджевый сайт Leviev Group

Заказчик: Leviev Group
Разработчик: Red Collar
Платформа: UMI.CMS Corporate
Сайт: leviev-group.com

О компании

Проект добился сверхзадачи:
с новым сайтом количество отказов снизилось в 2 раза.

Больше двадцати лет Leviev Group проектирует и воплощает эксклюзивные интерьеры, производит изысканную мебель и строит объекты под ключ. 

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

Ассоциация находит партнеров для маркетинговых акций

Целевая аудитория ― премиум сегмент

Для взыскательной целевой аудитории — высочайший уровень проекта.

Leviev Group работает в премиум сегменте. Клиенты компании — взыскательные люди, именитые бизнесмены, которым не так важна стоимость проекта, как его качество.

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

Разработка сайта в премиум-сегменте.

Почему понадобился новый сайт

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

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

Новый сайт должен соответствовать эстетике компании

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

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

Адаптивный дизайн

Создание сайта

Поиск креативной идеи

В креативе Red Collar отталкивались от сути компании: специалисты Leviev Group с помощью 3D-модели тщательно прорабатывают все нюансы, чтобы интерьер был идеальным.

Чтобы показать задумку, использовали сайт мавзолея Августа в Риме: чистый, лаконичный, с объемной интерактивной фигурой. Взяли за основу эту отличительную черту, а основными объектами на сайте Leviev Group стали предметы из реальных интерьеров компании.

Объемные визуальные эффекты

Командная работа — залог успеха

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

Фотографии проектов заказчика

Симметрия, ритмичность, баланс, элегантность.

 

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

Элемент дизайна разработанного сайта

Неоклассика как лейтмотив в дизайне

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

Интерьеры Leviev Group чаще всего выполнены в неоклассическом стиле, поэтому при разработке сайта придерживались положенных в основу классики принципов симметрии, ритмичности и баланса. Это проявляется в явно считываемых линиях сетки и расположении элементов; меню-бургер размещено слева по центру экрана и уравновешено сверху и снизу логотипом и иконкой звука.

Неоклассицизм в дизайне при создании сайта

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

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

Шрифт — это почерк бренда

Подобрали шрифтовую пару под образ компании: сильный контраст заголовка и основного текста.

Для заголовков использован декоративный Prata. В паре к нему Cormorant Garamond, острый и звонкий. Чтобы успокоить такое смелое сочетание, для пунктов меню, кнопок и мелких подписей добавлен строгий и простой PT Sans.

Использование шрифтов при создании сайта

Удобство добавления новых проектов

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

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

Удобство управления созданным сайтом

«

Для сайта Leviev Group было важно создать простой в использовании механизм добавления новых кейсов. Платформа UMI.CMS позволила реализовать удобный модуль для заполнения портфолио: страница состоит из разных блочных элементов, а их порядком и количеством управляет контент-менеджер.

  »

Богдан Лотарев,

 backend-разработчик
Red Collar
Веб-разработчик Богдан Лотарев

Интерактивная анимация

Сайт Leviev Group обязан быть технологичным и передовым, под стать самой компании. И Red Collar единственные в стране работают в направлении Creative Frontend Development. От обычного frontend-разработчика CFD-специалиста отличает то, что он не стремится решить задачу шаблонным способом, а придумывает и реализует совершенно новые вещи.

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

Интерактивные эффекты в разработке сайта

Изображения на сайте при наведении покрываются объемной триангулярной сеткой. Она ассоциациируется с полигональной сеткой, используемой в процессе 3D-моделирования интерьера. А еще интерактивная анимация показывает, что любое целое состоит из деталей, и настоящий профессионализм кроется во внимании к каждой из них.

Интерактивная анимация создает нужные эффекты на сайте

Эксклюзивные визуальные эффекты отражают образ бренда, добавляя к ему приставку "wow".

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

Команда заказчика участвовала в разработке сайта

Уникальный алгоритм адаптивности сайта.

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

Создана адаптивная версия сайта

Что в итоге

6 наград на конкурсах.
В 2 раза меньше отказов.
Wow-образ бренда. 

Агентство сделало имиджевый сайт, который наглядно демонстрирует уровень компании и рассказывает о том, как она работает. У Leviev Group уже был сложившийся визуальный образ, и новый сайт стал его прямым отражением. Сайт производит нужное впечатление даже при просмотре на смартфоне, сохраняя интерактивность и эффекты.

Итоги превзошли все ожидания. Для Red Collar этот сайт стал первым клиентским проектом, который взял награды сразу на трех наиболее престижных международных площадках: Awwwards, CSS Design Awards и FWA. В России он покорил Рейтинг Рунета, взяв сразу два золота — в «Строительстве» и «Мебели и интерьере».

Проект добился сверхзадачи: с новым сайтом количество отказов снизилось с 30-35% до 15-20%. Этот показатель напрямую отражает пользовательскую заинтересованность: количество посещений сайта, когда пользователь перешел на его и сразу ушел (находился на сайте менее ее 15 секунд и просмотрел только одну страницу).

Команда агентств, участвовавшего в разработке сайта==