Unicorn Brothers.
Дому технологических проектов — Railwind, Neums, Solia — нужен был сайт, который рассказывает одну историю: от патента до масштаба, вместе с партнёрами. Весь скролл несёт одна непрерывная 3D-сцена.
Клиентский проект · дизайн, 3D, разработка и админка · соло + ИИ
- Что
- Новый сайт Unicorn Brothers — индийской компании, которая развивает, финансирует и поддерживает технологические проекты вместе с партнёрской сетью.
- Зачем
- Старый сайт на Тильде рассказывал об одном проекте. Компания — дом из нескольких, и их становится больше.
- Моя роль
- Концепция, сценарий, арт-дирекшн 3D, дизайн, фронтенд, PHP-бэкенд и админка. Claude — как дизайн-команда и команда разработки.
- Результат
- 3 концепции рабочими страницами · одна выбрана и отполирована · админка, которой правит клиент · новости и статьи со своими страницами · ещё не запущено
Не лендинг продукта — сайт дома, который делает продукты.
Читать историю целиком
Началось с простой задачи: пересобрать сайт с Тильды в PHP-копию с простой админкой, чтобы команда правила его сама. Копия была готова за день — один в один, с всплывающими окнами, новостями и формой.
Потом проявился настоящий бриф. Unicorn Brothers — не один проект. Это Railwind (электричество от проходящих поездов), Neums (электромотор, уже опубликован патентным ведомством), Solia (ИИ-компаньон) — и следующие. Сайт должен был сказать это на одном дыхании и позвать партнёров в сеть.
Поэтому второй вариант проектировался от бизнеса, а не от старой страницы: одно утверждение на экран, одна непрерывная 3D-сцена, которая превращается в каждый проект, партнёрская сеть как глобус и единственный вход — открыть аккаунт на партнёрской платформе.
Три проекта, одна сеть, и ни одной общей истории.
У каждого проекта своя сфера и стадия. Сайт должен вместить их все — и оставить место следующему без перерисовки.
Railwind
Электричество из воздушного напора проходящих поездов. Патентные заявки в четырёх странах.
Neums
Электромотор. Опубликован в журнале патентного ведомства, идёт экспертиза.
Solia
ИИ-компаньон и цифровой двойник для ментального благополучия.
Следующие
Новые проекты присоединятся к дому. Форма на экране недостроена намеренно.
Одна сцена, пять глав.
Страница закреплена: скролл ведёт один 3D-объект через Дом → Модель → Проекты → Сеть → Вступление. Каждый экран — одно утверждение.
Модель — как растёт проект
Входит тонкая линия проекта; на каждом этапе вливаются ряды партнёров и остаются. 4 → 7 → 12 → 20 → 33. Поток и есть модель.
Проекты — Railwind
Воздух на входе, ток на выходе: придорожная установка каркасом с выносками — туннель, турбина, генератор, батарейный блок.
Проекты — Neums
Та же материя собирается в каждый проект. Мотор нарисован в разборе, как измеримый инженерный лист.
Проекты — Solia
Форма и её зеркальный двойник: компаньон и цифровой двойник — без единого скриншота приложения.
Дальше — новые проекты
Четвёртая форма намеренно недостроена: дом не останавливается на трёх.
Сеть — глобус
Одна платформа для партнёров: глобус с Нью-Дели, странами патентов и орбитами между ними.
Три рендера одного пути.
Сначала зафиксировали сценарий. Потом три направления отрисовали его — каждое рабочей страницей с настоящим скроллом, чтобы клиент выбирал на живых экранах, а не на досках.
Matter
3 188 стальных пластин — одно тело материи, которое пересобирается в каждую форму: глобус, установку, мотор, двойника.
Blueprint
Точечный глобус и патентные чертежи. Светлая тема — буквально патентный лист.
Field
Поле частиц, обтекающее каждую форму. Спокойно, воздушно, подписи антиквой.
Тёмная сцена, лист бумаги.
Та же сцена, те же тексты. Тёмная тема — сцена с золотом; светлая — чертёж на бумаге: рамка, штамп, заштрихованные двойники.
Дальше страница листается как страница.
Под закреплённой сценой: чем занимается дом, что уже случилось, кто за этим стоит — и один вход.
Тринадцать направлений
Иконки клиента перекрашены в золото через CSS-маску, чтобы жить в новой палитре в обеих темах.
Вехи со страницами
Каждая строка открывает свою страницу новости. Наведение показывает фото; список остаётся списком.
Четыре портрета
Чёрно-белые с линейным растром, цвет при наведении. Одна обработка для всех фото на сайте.
Один блок, одна кнопка
Без викторины «кто вы», без четырёх шагов онбординга. Открыть аккаунт на партнёрской платформе — и это весь призыв.
Тот же путь, в одной руке.
Сначала текст, под ним сцена; поток модели становится вертикальным; качество снижается само, когда кадры начинают проседать.
ДомОдно утверждение, одна кнопка.
МодельПоток идёт сверху вниз.
ПроектыПоле пересобирается.
НаправленияПлитки в одну колонку.
Собрано как продукт, а не как страница.
Внешних запросов
three.js и шрифты лежат локально. Хватило одного раза, когда CDN не открылся в сети клиента.
JSON + админка
Все тексты, фото и списки в одном файле контента. Админка RU/EN с загрузкой, бэкапами и защитой от перезаписи.
Новости и статьи
У каждой своя страница и чистый адрес. Новая запись в админке получает страницу при сохранении.
Кадра за проверку
Робот листает страницу настоящим колесом мыши в обеих темах и на телефоне; контактные листы смотрю сам.
Дизайнер в кресле, ИИ как команда.
Три агента параллельно собрали три концепции по одному брифу. Я направлял, смотрел кадры, вырезал то, что бизнесу не нужно, и подключил выбранную к админке.
В работе. Честно.
Редизайн ещё не запущен: два кандидата на экране у клиента, админка подключена к одному из них, старый сайт работает до переключения. Дальше — хостинг, финальные тексты проектов и запуск.
