Избранный кейс · Генеративный продукт

О проекте

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

  • Продуктовая стратегия
  • UX/UI
  • Разработка
  • ИИ-сценарий
  • КлиентOvirex
  • ФорматИИ-сервис · Web
  • Первая версия30–60 минут
  • СтатусЗапущен
Ovirex

01 — Клиент и задача

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

ИИ-продукт · Генерация сайтов

02 — Наше решение

Мы превратили заказ в последовательный конструктор: клиент выбирает одно из 24 внешних визуальных направлений или передаёт собственное, сравнивает три формата, фиксирует структуру и заполняет бриф. Интерфейс заранее объясняет сроки, цену, состав первой версии и этапы после согласования.

  • Продуктовая модель и позиционирование сервиса
  • Каталог референсов и четырёхшаговый конструктор
  • UX/UI лендинга, брифа и рабочего пространства
  • Агентная генерация, проверка и выгрузка результата

03 — Скорость должна быть объяснима

Site.Ovirex начинает не с обещания «ИИ всё сделает», а с понятных входных решений. Пользователь выбирает визуальное направление, формат сайта, состав блоков и способ передачи задачи — анкету или готовое техническое задание.

Для каждого формата честно зафиксирован объём первой версии: прототип структуры лендинга за 30 минут, главной многостраничника за 45 и витрины магазина за 60. Финальные страницы, формы и интеграции подключаются после согласования макета.

Главная страница Site.Ovirex с оффером, карточками референсов и кнопкой сборки сайта
Главная страница сразу показывает продукт, диапазон сроков и визуальный способ выбора направления

Выбор и сроки без скрытых условий

  • 0124внешних сайта-референса в каталоге
  • 0230 минутпрототип структуры лендинга
  • 0345 минутпрототип главной многостраничника
  • 0460 минутпрототип витрины магазина

Этапы работы

  1. 01Выбрать визуальное направление в каталоге, по изображениям или ссылке
  2. 02Определить формат сайта и увидеть его объём, срок и стоимость
  3. 03Проверить базовую структуру и при необходимости добавить секции
  4. 04Передать задачу через подробную анкету или готовое ТЗ
  5. 05Получить первую версию, согласовать её и перейти к финальной сборке

04 — Визуальное направление выбирают глазами

Самая субъективная часть брифа — разговор о стиле. Слова «минимально», «современно» и «дорого» каждый понимает по-разному, поэтому продукт заменяет абстрактные определения 24 живыми внешними сайтами-референсами.

Карточки показывают композицию, типографику, плотность и характер движения. Это не шаблоны и не портфолио Ovirex: референс задаёт общие принципы, а новый интерфейс собирается с нуля без копирования чужого бренда, контента и уникальных элементов.

Каталог визуальных референсов Site.Ovirex с фильтрами и карточками сайтов
Первый шаг конструктора — каталог из 24 направлений с фильтрами по характеру интерфейса
Окно подробного просмотра референса Stripe в конструкторе Site.Ovirex
Подробное превью помогает оценить принцип композиции до выбора направления

Три способа передать визуальную задачу

  1. 01Выбрать один из 24 внешних сайтов в каталоге
  2. 02Загрузить до трёх собственных изображений или макетов
  3. 03Оставить URL страницы для структурного и визуального разбора
  4. 04Сочетать выбранный стиль с собственными брендом, текстами и материалами

05 — Объём виден до начала сборки

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

Так лендинг обещает прототип структуры, многостраничник — прототип главной, а магазин — прототип витрины. Внутренние страницы, формы, корзина, оплата и CRM не маскируются под часть часовой генерации.

Экран выбора лендинга, многостраничного сайта или интернет-магазина в Site.Ovirex
Три формата сопоставлены по сроку, объёму полной версии и следующим этапам

Границы полной услуги

  • 011 страницаи до 8 секций в лендинге
  • 02До 6страниц в многостраничной версии
  • 03До 100товаров в каталоге магазина
  • 043 правкибесплатно в течение 7 дней после запуска

Что отделяет прототип от финальной версии

  1. 01Первая автосборка показывает одну ключевую страницу
  2. 02Внутренние страницы создаются после согласования визуального направления
  3. 03Формы, аналитика, оплата и CRM подключаются на следующем этапе
  4. 04Полная цена видна заранее, предоплата после анкеты составляет 990 ₽

06 — Структура согласуется до подробного брифа

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

Отдельная ссылка может задать структурный ритм: порядок секций, сетку и плотность. Визуальный язык при этом остаётся связан с направлением первого шага, а весь чужой контент заменяется материалами клиента.

Экран настройки структуры сайта с базовыми и дополнительными секциями
Конфигуратор делает состав страницы видимым и оставляет место для дополнительных секций

Базовая структура лендинга

  1. 01Обложка с главным предложением
  2. 02Блок о компании
  3. 03Услуги и цены
  4. 04Преимущества
  5. 05Отзывы — если клиент предоставляет материалы
  6. 06FAQ
  7. 07Контакты и форма

07 — Бриф разбит на конкретные решения

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

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

Подробная анкета Site.Ovirex с разделами о компании, аудитории, услугах и материалах
Последний шаг конструктора собирает бизнес-контекст, материалы и согласия в одном сценарии

Что фиксирует анкета

  1. 01Название и конкретное описание деятельности
  2. 02Аудиторию проекта
  3. 03Услуги, товары и цены
  4. 04Публичные контакты и способ связи с менеджером
  5. 05Логотип и фотографии — при наличии
  6. 06Цель сайта и особые пожелания
  7. 07Права на материалы и согласие с условиями обработки данных

08 — Быстрый сценарий остаётся управляемым

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

Лендинг объясняет этот путь теми же шагами, что и конструктор: выбрать референс, заполнить анкету, получить макет. Срок, бесплатные правки и личный менеджер показаны рядом, а не спрятаны в условиях заказа.

Сценарий Site.Ovirex: выбрать референс, заполнить анкету и получить макет
Три шага и четыре ключевых условия собраны в одном обзорном экране

Принципы прозрачности

  1. 01Результат первого этапа описан отдельно для каждого формата
  2. 02Макет показывается на согласование до полной оплаты
  3. 03Стоимость и предоплата остаются видимыми на шагах конструктора
  4. 04Три бесплатные правки и работа личного менеджера заявлены до заказа

09 — Условия передачи результата закреплены заранее

Экран состава услуги отвечает на главный вопрос после генерации: что именно происходит с первой версией. Макет согласуется, адаптируется под телефон, планшет и десктоп, а затем доводится до финальной версии и публикации.

После согласования в услугу входят домен, SSL и хостинг на первый год. После запуска клиент получает семь дней поддержки и до трёх бесплатных правок.

Экран Site.Ovirex с составом услуги, адаптивом, правками и условиями публикации
Состав услуги разделён на выбор направления, бриф и работу после согласования

Что получает клиент

  1. 01Макет для предметного согласования до полной оплаты
  2. 02Адаптив под телефон, планшет и десктоп
  3. 03Финальную сборку после утверждения первой версии
  4. 04Домен, SSL и хостинг на первый год после согласования
  5. 05До трёх бесплатных правок в течение семи дней после запуска

10 — Проверка продолжает сценарий генерации

Первая версия не отправляется напрямую в публикацию. Сначала клиент согласует структуру и визуальное направление, затем команда проверяет адаптив, формы, уведомления и ключевые пользовательские сценарии.

После запуска остаётся короткое окно поддержки. Эта последовательность превращает генерацию из эффектной демонстрации в контролируемую услугу с понятной ответственностью на каждом этапе.

Три этапа контроля Site.Ovirex: макет, проверка и поддержка
Контроль разделён на макет, техническую проверку и поддержку после запуска

Три уровня контроля

  1. 01Сначала — структура и визуальное направление до полной оплаты
  2. 02Потом — адаптив, подключённые формы, уведомления и сценарии
  3. 03После — до трёх бесплатных правок в течение семи дней

11 — Технический результат остаётся переносимым

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

Сначала версия открывается в изолированном превью, где её можно проверить на десктопе, планшете и мобильном экране. После согласования проект выгружается архивом с семантическим HTML, CSS, локальными изображениями и JavaScript только там, где он действительно нужен. Автоматической внешней публикации без согласования нет.

Инженерные границы продукта

  1. 01Отдельное рабочее пространство для каждого проекта
  2. 02Контролируемый разбор URL-референса в desktop и mobile-представлениях
  3. 03Проверки HTML, адаптива, фокуса, SEO и отсутствия внешних зависимостей
  4. 04Изолированное превью перед публикацией
  5. 05Выгружаемый ZIP-архив статического сайта с локальными ассетами

12 — Результат

Site.Ovirex получил не просто форму заказа и не демонстрацию генерации, а прозрачный продуктовый маршрут. Визуальный вкус переводится в конкретный референс, объём — в выбранный формат и структуру, а бизнес-контекст — в последовательный бриф.

Пользователь ещё до оплаты понимает границы первой версии, цену полной услуги и дальнейшие шаги. Быстрый прототип становится предметом для согласования, а не обещанием готового сайта без контроля — именно это делает скорость убедительной.

Обсудить похожую задачу

Расскажите, что нужно запустить.

← Предыдущий / Cambridge Mile
Следующий кейс

Ovirex AI Bot