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

О компании

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что в итоге

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

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

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