Update
Онлайн-журнал МегаФона о технологиях для предпринимателей
кейс
Leviev Group
Дизайн и разработка сайта для компании, создающей и воплощающей уникальные интерьеры высшего уровня
задача
Сформировать имидж профессионалов с высоким уровнем сервиса и показать реализованные проекты. Сайт должен содержать «wow-эффект», вызывать желание у взыскательных и состоятельных людей показать его своим знакомым.
клиент
Leviev Group
отрасль
Архитектура и недвижимость
год запуска
2018
что сделали
Дизайн сайта
Frontend-разработка
Backend-разработка
награды
Red Dot Awards
Red Dot, Screen Design, 6 августа 2019
The Webby Awwwards
Webby, 13 мая 2019
The FWA
FWA of the Day, 18 января 2018
Awwwards
Site of the Day, 17 января 2018
CSS Design Awards
Website of the Day, 17 января 2018
Рейтинг Рунета
Золото, «Строительство», 15 мая 2018
Рейтинг Рунета
Золото, «Мебель и интерьер», 15 мая 2018
Рейтинг Рунета
Серебро, «Лучший сайт на иностранном языке», 15 мая 2018
Ключевая идея
Максимально технологичный и эстетичный сайт, отражающий лидерство компании в своей отрасли. Ряд интерактивных впечатляющих решений и строгий, монохромный дизайн с симметричным, но нетипичным расположением деталей — отражают неоклассическую направленность проектов компании.
Первое впечатление
Приветственный интерактивный экран с первых секунд погружает в мир изысканных интерьеров. Зажимаете курсор, и полигональная иллюстрация становится объёмным интерьером — так дизайн-проект в руках профессионалов воплощается в дом мечты.
Не надо ждать загрузки: пока вы взаимодействовали с интерактивом — сайт подготовился к работе.
3D-меню
Для каждой категории услуг выбрали физический предмет из интерьеров и получили рендеры от клиента. Так мы привязали дизайн к реальным проектам, но сделали это эффектно.
Контраст заголовка и основного кегля передают стиль и настроение компании.
Позиционирование в дизайне
Компания работает с премиум плюс сегментом, но в работе не упортебляет термины «люкс», «богатство» и «элита». Они определяют ценность работы своим высоким уровнем сервиса. В дизайне мы старались передать этот подход, не уйти в пошлое «лакшери»: соблюли баланс строгости и изящности и тщательно проработали каждую деталь.
Анимации
При переходах и ховерах на изображениях появляется триангулярная сетка. Она ассоциируется с полигонами в рендерах моделей интерьеров. Так мы эстетично показали, что даже самые красивые и сложные вещи состоят из маленьких частей и долгой кропотливой работы профессионалов.
Незаметная загрузка
Сайт помогает презентовать проекты на встрече с клиентом. Для удобства сделали в дизайне акцент на фотографиях выполненных работ. Изображения загружаются в момент открытия сайта и при плавном переходе между проектами — так не приходится ждать загрузки в момент открытия страниц.
Умный адаптив
Реализовали систему наследования на нативных web-компонентах, благодаря чему слайдеры и изображения принципиально меняют свое поведение в зависимости от устройства.
Составная страница
Страница проектов собирается из повторяющихся групп четырех основных блоков, некоторые из которых при желании можно пропускать. Это помогает сотрудникам компании самостоятельно собирать привлекательные и разнообразные рассказы о проектах, сохраняя общий стиль сайта.
Все визуальные эффекты разработали с нуля на OpenGL шейдерах под задачи проекта.
технологии
Vanilla JS
JavaScript
Three.js
WebGL
OpenGL
UMI
PHP
отзыв
Диана Левиев
Генеральный директор
«Leviev Group»
Более 20 лет мы работаем в сфере дизайна и архитектуры, постоянно совершенствуя свои профессиональные навыки и в целом развивая ведение бизнеса в этой сфере.
Работа в премиальном сегменте обязывает всегда быть лучшими и эксклюзивными. И мы удерживаем самую высокую планку, диктуя тренды и оставаясь на вершине долгие годы, не упуская ни одной даже малейшей детали в нашей работе.
Подойдя к работе над нашим новым сайтом мы исходили из того, что он станет частью нашего имиджа, сформирует правильный образ и даст возможность рассказать о наших принципах и подходе к работе.
Red Collar своей профессиональной работой доказали, что являются одной из сильнейших команд разработчиков контента в этом сегменте. Используя богатый опыт в создании продуктов превосходного качества и умение грамотно взаимодействовать с клиентом, Red Collar создали сайт, который не просто находится на острие современных технологий и дизайна, но и задает высочайшую планку нашим конкурентам.
Red Collar — Браво!
смотрите также
связаться