# Как Omma собирает 3D-сайт из одного промпта

Плоские AI-лендинги уже выглядят одинаково: заголовок, градиент, карточки, кнопка, ещё карточки. Omma от Spline предлагает другой вход: описываешь не «красивый сайт», а интерактивный 3D-продукт — сцену, сайт, приложение или мини-игру, которую можно открыть в браузере и потрогать.

Плоские AI-лендинги уже выглядят одинаково: заголовок, градиент, карточки, кнопка, ещё карточки. Omma от Spline предлагает другой вход: описываешь не «красивый сайт», а интерактивный 3D-продукт — сцену, сайт, приложение или мини-игру, которую можно открыть в браузере и потрогать.

Кодовое слово: `3D`

## Что такое Omma

- [ ] Omma — инструмент от Spline для генерации 3D-сцен, сайтов, игр и приложений по описанию.
- [ ] В отличие от обычного AI-конструктора, Omma собирает не только внешний вид, но и интерактивную сцену.
- [ ] Внутри работает несколько агентов: код, изображения, 3D-модели и данные собираются параллельно.
- [ ] На выходе можно получить live preview / live URL, а не просто картинку для презентации.

## Когда Omma имеет смысл

- [ ] Когда продукт сложно объяснить плоской карточкой.
- [ ] Когда нужно показать механику, объект, процесс, симуляцию или интерактив.
- [ ] Когда сайт должен не просто выглядеть дорого, а помогать человеку понять продукт.
- [ ] Когда нужен быстрый прототип 3D-лендинга, мини-игры, product demo или интерактивной презентации.

## Когда Omma не спасёт

- [ ] Если в продукте нечего показывать, 3D станет просто декором.
- [ ] Если CTA спрятан за красивой сценой, сайт будет хуже обычного лендинга.
- [ ] Если текст не читается на мобильном, вау-эффект не имеет значения.
- [ ] Если сцена долго грузится, человек уйдёт раньше, чем увидит идею.
- [ ] Если промпт звучит как «сделай современный красивый сайт», результат будет таким же шаблонным.

## Формула хорошего промпта

Не проси Omma «сделай красиво». Описывай опыт.

Формула:

```text
3D-промпт = продукт + сцена + действие + CTA + ограничения
```

Что должно быть в промпте:

- [ ] что за продукт;
- [ ] что пользователь должен понять за 5 секунд;
- [ ] какой объект или процесс показываем в 3D;
- [ ] как сцена реагирует на скролл, курсор или hover;
- [ ] где находится CTA;
- [ ] что нельзя делать;
- [ ] как проверить результат перед публикацией.

## Стартовый промпт для Omma

```text
Создай интерактивный 3D landing page для [продукт].

Цель страницы: [что должен понять пользователь за 5 секунд].

3D-сцена: [главный объект / процесс / мир].
Объект должен быть частью смысла продукта, а не декоративной игрушкой.

Интеракции:

- движение камеры при скролле;
- реакция объекта на курсор;
- hover states для важных элементов;
- понятный CTA, который не перекрывается 3D-сценой.

Структура:

- hero;
- короткое объяснение продукта;
- 3 преимущества;
- один понятный CTA;
- блок доверия или примеры использования.

Ограничения:

- не делай generic AI gradient cards;
- не перегружай сцену;
- текст должен читаться на мобильном;
- 3D не должно мешать кнопке;
- добавь fallback для слабых устройств.

На выходе дай live preview и список того, что нужно проверить перед публикацией.
```

## Порядок действий

1. Открой Omma: https://omma.build/
2. Выбери формат: website, 3D scene, game, app, presentation или demo.
3. Не начинай со всего сайта. Сначала собери одну сильную сцену.
4. Вставь промпт по формуле: продукт → сцена → действие → CTA → ограничения.
5. Проверь первый результат не по красоте, а по смыслу: стало ли понятнее, что ты продаёшь.
6. Попроси Omma упростить сцену, если она мешает чтению или кнопке.
7. Проверь мобильную версию.
8. Проверь скорость загрузки.
9. Сохрани удачный вариант и только потом расширяй его до полноценного сайта.

## Что можно сделать первым тестом

- [ ] 3D hero для SaaS — показать механику продукта через объект или процесс.
- [ ] Интерактивную карточку продукта — дать покрутить объект, увидеть детали, выбрать вариант.
- [ ] Мини-игру для лид-магнита — заменить обычный PDF коротким взаимодействием.
- [ ] 3D dashboard — показать данные как живую сцену.
- [ ] Продуктовую инструкцию — объяснить процесс через движение.
- [ ] Scroll-story — менять сцену по мере чтения страницы.
- [ ] 3D-презентацию — заменить скучные слайды интерактивом.
- [ ] Интерактивную карту — показать маршрут, систему, процесс или структуру.

## Проверка перед публикацией

- [ ] За 5 секунд понятно, что это за продукт.
- [ ] 3D-сцена объясняет смысл, а не просто украшает экран.
- [ ] CTA видно без поиска.
- [ ] Текст читается на телефоне.
- [ ] Сцена не перекрывает кнопку.
- [ ] На обычном ноутбуке всё открывается без тормозов.
- [ ] Есть fallback для слабых устройств.
- [ ] Нет ощущения «красиво, но непонятно».

## Какие файлы и данные можно использовать

Omma может работать не только с текстовым описанием. В проект можно закладывать данные и ассеты:

- [ ] CSV;
- [ ] JSON;
- [ ] DOC;
- [ ] GLB / GLTF;
- [ ] OBJ;
- [ ] PNG;
- [ ] SVG;
- [ ] MP4.

Идея простая: 3D должно опираться на продукт, данные или объект. Не «красивый шарик на фоне», а сцена, которая помогает понять, что происходит.

## Полезные ссылки

- Omma: https://omma.build/
- Generate a 3D website with AI: https://omma.build/solutions/generate-3d-website
- Design in 3D with AI: https://omma.build/solutions/design-in-3d
- Анонс Omma от Spline: https://updates.spline.design/changelog/meet-omma-create-3d-websites-and-apps-with-ai-agents.

## Короткий вывод

Omma стоит тестировать не как «ещё один генератор сайтов», а как инструмент для проверки интерактивной идеи. Если продукт можно показать движением, объектом, сценой или симуляцией, плоский лендинг может быть худшим способом объяснить его ценность.

Начни с одной сцены. Если она помогает человеку быстрее понять продукт — разворачивай её в сайт. Если она просто красиво двигается — выкидывай.

---

Источник: https://localhost:3000/m/3d-sayty-omma