Кейс · Продуктовый редизайн лендинга

Vazera: как проверка кода помогла построить лендинг, которому можно верить

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

РольUX-дизайн + продуктовый анализ

РезультатРедизайн лендинга

ИсходникStaging-сайт + репозиторий

Год2026

Задача

Продукт работает. Лендинг не объясняет что он делает.

Vazera — сервис для флористов: загружаешь одно фото букета, получаешь 4 видео и 4 фото с брендированной карточкой цены для всех форматов соцсетей. Без фотографа, штатива и монтажа. Продукт запущен.

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

Выбор сцены и эффектов — не существовал на страницеВ продукте 7 сцен и 4 эффекта с настройкой силы. На оригинальном лендинге этого не было вовсе — ключевые фичи были скрыты от пользователя.
«Завести магазин» — не тот CTA для новичкаЗвучит как открытие бизнеса, а не регистрация в сервисе. Флорист которому нужно просто видео — пугается и уходит.
Сцены показаны как «результаты», а не как выборРаздел «Снято сервисом» показывал 4 готовые работы. Из них не следовало что сцена — опция которую выбирает пользователь.
«8 файлов» упомянуто, но не расшифрованоНигде не объяснялось: 4 видео и 4 фото, в каких форматах, для каких площадок.

Подход

Сначала — код. Потом — тексты.

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

Не для того чтобы писать код — а чтобы точно знать что обещать пользователю. Каждое утверждение на лендинге должно было быть технически правдой.

# Проверка: баланс сгорает или нет?
# Смотрю модель LedgerEntry в ledger.py

class LedgerEntry(Base):
    __tablename__ = "ledger_entries"
    amount_kopecks: Mapped[int]
    created_at:     Mapped[datetime]
    # expires_at — поля нет. Совсем.
    # Значит «деньги не сгорают» — факт системы, не слоган.

Находки

4 вещи которые расходились с реальным продуктом

Находка 01

Цветов карточки — 4, а не 5

Дизайнер нарисовал 5 кружков. В коде — 4 пресета (сливовый, белый, чёрный, кремовый) и colour picker для любого HEX.

Исправлено

Находка 02

Сцены — это фоны, а не «поводы»

«1 сентября» и «8 марта» — названия фонов-сцен. Флорист выбирает атмосферу, а не привязывается к дате праздника.

Переформулировано

Находка 03

Пересборка меняет только плашку и эффект

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

Уточнено

Находка 04

«Деньги не сгорают» — техническая правда

В модели журнала нет поля expires_at — ни в схеме, ни в миграциях. Это гарантия архитектуры, а не просто слоган.

Подтверждено кодом

До / После

Что изменилось и почему

Пара 1 — Главный экран

До

Тёмный прототип. CTA «Завести магазин» — звучит как открытие бизнеса, а не регистрация в сервисе.

После

Тёплый, объяснительный. «Загрузить фото букета» — флорист сразу понимает следующий шаг.

Пара 2 — Как работает сервис

До

«Снято сервисом» — 4 готовые работы без UI выбора. Непонятно: это примеры или варианты?

После

Шаг 2 — «Выберите фон из галереи. 7 сцен на выбор под любой повод». Сцена — это опция пользователя.

Пара 3 — Персонализация: сцены, эффекты, цвет карточки

До — этого не было

⊘ Секция отсутствовала На оригинальном лендинге не было ни выбора эффектов, ни настройки цвета карточки, ни объяснения что такое «плашка»

Пользователь не знал об этих возможностях до регистрации.

После

Редизайн — рецепт, цвет карточки, эффекты

Показаны 4 эффекта (блёстки, лепестки, блики, свечение) + сила 1–3. Цвет карточки — 4 пресета и свой HEX. Всё доступно до оплаты.

Итоговый лендинг

Во что это всё сложилось

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

Шаги сервиса + выбор сцены

Рецепт контента + цвет карточки + эффекты

Форматы: 4 видео и 4 фото для всех площадок

Галерея готовых роликов по сценам

Открыть живой сайт vazera.ru

Результат

Что изменилось и почему это лучше продаёт

Скрытые фичи стали видимымиВыбор сцены, эффекты и цвет карточки — теперь показаны до регистрации. Пользователь понимает за что платит.
Лендинг честныйКаждое утверждение проверено по коду. Ни одного обещания которого продукт не даёт.
Правильный CTA для аудитории«Загрузить фото букета» вместо «Завести магазин». Флорист понимает с первого взгляда что от него ожидается.
Тексты без брифаЗаказчик не написал ни одной строки. Все тексты получены из анализа кода продукта.

Нужен лендинг, который не обманывает пользователя?

Я разбираюсь в продукте до того как начинаю проектировать. Тексты, структура и визуал — из одного источника. Брифинг не обязателен.

Продуктовый анализ UX-копирайтинг Дизайн лендингов IT-продукты Посмотреть живой сайт