Головна » Портфоліо » Elevate Vision - кінематографічний сайт і платформа продажів для студії архітектурної візуалізації

Site vitrine Архітектура / 3D-візуалізація

Elevate Vision - кінематографічний сайт і платформа продажів для студії архітектурної візуалізації

Elevate Vision Перейти на сайт

Клієнт Elevate Vision

Галузь Архітектура / 3D-візуалізація

Тип Site vitrine

Використані технології WordPress, custom theme, Pannellum 360°, Contact Form 7, Google Site Kit, RTL/LTR

Вебсайт elevatevision.co.il

Контекст

Завдання

Вивести студію, відому локально своїми рендерами, у міжнародну презентацію: дев’ять окремих послуг, вісім проєктів, три мови разом з івритом у RTL - і інтерактивна платформа продажів, якій на старому сайті не було місця взагалі.

Наш підхід

Що ми зробили

Майже чорна дизайн-система, де єдиний колір приходить із рендерів клієнта. Відеогерой, степер експертизи, 360°-тур усередині блоку процесу та повне правостороннє дзеркало для івриту.

Деталі проєкту

Від галереї рендерів до інструмента, який продає

Elevate Vision - ізраїльська студія, яка робить фотореалістичні візуалізації, фільми та інтерактивні тури для нерухомості високого сегмента. До них приходять забудовники, коли проєкт треба продати ще до того, як залито перший поверх.

Завданням було не портфоліо. Треба було дати студії сайт, який працює так само, як працює її власний продукт, - кінематографічно, занурюючи і придатний до справи просто перед покупцем.

Головна Elevate Vision: повноекранна аерозйомка і заголовок Visual Experiences for Real Estate

Перший екран - фільм, а не картинка. За заголовком іде аерозйомка, і єдина дія на екрані - шоуріл.

Про клієнта

Студія: Elevate Vision
Напрям: архітектурна візуалізація, 3D-фільми, інтерактивні тури
Ринок: Ізраїль і міжнародні забудовники
Мови: англійська, іврит, російська

Завдання

Вивести студію з локального портфоліо в міжнародну презентацію.
Показати дев’ять окремих послуг, не перетворивши сайт на прайс-лист.
Зробити так, щоб сайт сам демонстрував те, що студія продає, - рух, глибину, інтерактив.
Дати платформі продажів власне місце - як продукту, а не рядку в переліку послуг.

Роль Seganiko

Артдирекція та дизайн-система нового сайту.
Уся фронтенд-збірка: відеогерой, інтерактивні блоки, хореографія скролу.
Інформаційна архітектура: дев’ять сторінок експертизи, вісім сторінок проєктів, розділ платформи.
Тримовна структура з повним правостороннім дзеркалом для івриту.

Підхід і архітектура

Старий сайт був галереєю. Він добре показував рендери й нічого не пояснював - відвідувач міг помилуватися роботою і так і не зрозуміти, що саме можна замовити, на якій стадії та в якому вигляді. Для студії, яка продає забудовникам, це втрачена розмова.

Нова структура відповідає на три питання по черзі: що ви отримуєте, хто це вже отримав і як це відбувається. Експертиза, проєкти, процес. Кожен блок зібраний як взаємодія, а не як текст, - бо студія продає саме це: досвід розглядання того, що ще не збудовано.

Напрям дизайну: майже чорне тло, один холодний синій акцент, тонкий капітель із широким трекінгом. Інтерфейс навмисне мовчить. Усе яскраве на сторінці належить рендеру клієнта, а не нашому оформленню.

Дев’ять послуг в один рядок

Інтер’єри, екстер’єри, фільми, 3D-тури, планування, фізичні макети, брендинг, контент для соцмереж, просування. Дев’ять напрямів, які зазвичай перетворюються на дев’ять пунктів меню і стіну карток.

Натомість вони стали одним степером. Відвідувач іде по ньому як по таймлайну, кожен крок відкриває свій приклад, і при цьому в кожного напряму лишається повноцінна окрема сторінка - для пошуку і для прямого посилання в комерційній пропозиції.

Інтерактивний степер із дев’ятьма напрямами експертизи, відкрито крок 3D-планувань

Проєкти тримають сторінку

Сітка проєктів навмисне ламає власний ритм: широкі картки чергуються з парами, тому скрол не перетворюється на каталог. У кожного проєкту є ім’я, тип і географія - Корфу, Єрусалим, Бейт-Шемеш - і своя сторінка за ним.

Сітка проєктів: Castello del Mare, Shmuel Hanavi, Rashi 9, Holyland Golden Heights

Процес показано, а не описано

Шість кроків від брифу до просування: задум, 3D-модель, візуалізація, анімація, 3D-тур, рілси. Сенс блоку не в переліку - він у п’ятому кроці, де інтерактивний тур вбудовано просто в сторінку. «Drag to explore» тут не підпис, а інструкція: відвідувач крутить камеру всередині готового інтер’єру, не йдучи з головної.

Шість кроків процесу з інтерактивним 3D-туром, вбудованим у п’ятий крок

AI-персонажі

Окремий розділ під те, чому раніше не знаходилося місця: фотореалістичні люди всередині рендерів. Не силуети для масштабу, а персонажі з мімікою та рухом, дібрані під аудиторію, якій забудовник продає.

Розділ AI-персонажів на майже чорному тлі з власним шоурілом

Платформа продажів як продукт

Найважливіша частина переробки. У студії була інтерактивна система презентації нерухомості - сенсорний стіл у відділі продажів, стенд на виставці, той самий проєкт, який відкривається з телефона. На старому сайті її не було взагалі.

Тепер у неї свій розділ із власним героєм, шоурілом і живим демо: три сценарії використання - відділ продажів, виставки, будь-який пристрій - і посилання, щоб спробувати, а не прочитати.

Сторінка Sales Platform: інтерактивна система презентацій для відділу продажів, виставок і вебу

Три мови і повне дзеркало для івриту

Англійська стала основною - студія працює з міжнародними забудовниками. Іврит і російська йдуть поруч, причому іврит тут не шар перекладу, а повне дзеркало: логотип іде праворуч, навігація розвертається, степер експертизи йде у зворотний бік, і кожен блок перевертається разом із ними.

Івритська версія сайту з повністю дзеркальною правосторонньою версткою

На телефоні тримається та сама хореографія: відеогерой, степер та інтерактивний тур продовжують працювати на вузькому екрані, а не згортаються в статичну заглушку.

Мобільна версія головної сторінки Elevate Vision

Як ішла робота

Етап 1

Позиціювання

Дев’ять послуг вибудувано в єдину розповідь, англійську обрано основною мовою, платформу продажів виділено як окремий продукт.

Етап 2

Артдирекція

Майже чорна база, один холодний акцент, тонкий капітель. Система, у якій єдине джерело кольору - рендери клієнта.

Етап 3

Інтерактивна збірка

Відеогерой, степер експертизи, 3D-тур усередині блоку процесу, хореографія скролу в усіх секціях.

Етап 4

Мови та масштаб

Тримовна структура, повне RTL-дзеркало для івриту, сімнадцять окремих сторінок експертизи та проєктів.

Технічний стек

Фронтенд

WordPress на власній темі. Відеогерой із керованим прелоадером, Pannellum для 360°-туру, анімація за скролом в усіх секціях, акордеон FAQ.

Структура

Дев’ять сторінок експертизи та вісім сторінок проєктів, кожна доступна за власною адресою - для пошуку і щоб надіслати одним посиланням у пропозиції.

Багатомовність

Англійська, іврит і російська на окремих адресах. Іврит зроблено повним RTL-дзеркалом верстки, навігації та типографіки, а не підміною тексту.

Що змінилося

Студія перестала бути галереєю картинок і стала презентацією того, що вона насправді продає. Забудовник, потрапивши на сайт, може подивитися фільм, покрутити камеру всередині готового інтер’єру, побачити, як проєкт збирається покроково, і відкрити платформу продажів - без жодного дзвінка.

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

Serhii Nikolaienko Seganiko CEO & Full-stack Developer · AI Enthusiast

Сергій Ніколаєнко (Serhii Nikolaienko) - засновник Seganiko, full-stack розробник і архітектор цифрових рішень із 2012 року. Проєктую вебплатформи, CRM-системи під ключ та інтернет-магазини, які дають вимірюваний результат, а не просто код. Захоплююся штучним інтелектом і його практичним застосуванням: інтегрую ШІ-асистентів, чат-ботів та інструменти автоматизації у проєкти клієнтів.