Главная » Portfolio » Elevate Vision - кинематографичный сайт и платформа продаж для студии архитектурной визуализации
Бизнес-сайт Архитектура / 3D-визуализация

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

Клиент Elevate Vision
Сфера Архитектура / 3D-визуализация
Тип Бизнес-сайт
Используемые технологии WordPress, custom theme, Pannellum 360°, Contact Form 7, Google Site Kit, RTL/LTR
Контекст

Задача

Вывести студию, известную локально своими рендерами, в международную презентацию: девять отдельных услуг, восемь проектов, три языка вместе с ивритом в 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
Этап 1
Позиционирование
Девять услуг выстроены в единое повествование, английский выбран основным языком, платформа продаж выделена как отдельный продукт.
2
Этап 2
Арт-дирекшн
Почти чёрная база, один холодный акцент, тонкий капитель. Система, в которой единственный источник цвета - рендеры клиента.
3
Этап 3
Интерактивная сборка
Видеогерой, степпер экспертизы, 3D-тур внутри блока процесса, хореография скролла во всех секциях.
4
Этап 4
Языки и масштаб
Трёхъязычная структура, полное RTL-зеркало для иврита, семнадцать отдельных страниц экспертизы и проектов.

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

Фронтенд

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

Структура

Девять страниц экспертизы и восемь страниц проектов, каждая доступна по своему адресу - для поиска и для отправки одной ссылкой в предложении.

Мультиязычность

Английский, иврит и русский на отдельных адресах. Иврит сделан полным RTL-зеркалом вёрстки, навигации и типографики, а не подменой текста.

Что изменилось

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

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


Похожий проект?

Обсудим ваши цели и найдём лучшее решение.

Запросить бесплатную оценку →
Есть вопросы?

Обсудим ваш
проект.

Первая консультация бесплатно, без обязательств.