AI-enabled SaaS-платформа для маркетинга и работы риелторов
Metra.media объединяет инструменты для обработки фотографий недвижимости, подготовки объявлений и контента, работы с готовыми публикациями и решения повседневных задач риелтора. Я самостоятельно спроектировал и реализовал публичный сайт и SaaS-платформу — от продуктовой модели и пользовательских сценариев до ИИ-интеграций, базы данных, платежей и production-деплоя.
В эксплуатации с 1 июля 2026 года
Роль: продуктовая концепция, UX/UI, самостоятельная разработка публичного сайта и SaaS-платформы, frontend, backend, база данных, ИИ-интеграции, запуск и развитие
Стек
- Next.js
- React
- TypeScript
- Vite
- Tailwind CSS
- Supabase
- PostgreSQL
- Edge Functions
- OpenRouter
- Gemini
- ЮKassa
- Timeweb Cloud
- n8n
- Яндекс Метрика
- зарегистрированных агента
- 84зарегистрированных агента
- доступных ИИ-инструментов
- 10доступных ИИ-инструментов
- от проектирования до запуска
- 2 месяцаот проектирования до запуска
- приложения: публичный сайт и SaaS-платформа
- 2приложения: публичный сайт и SaaS-платформа
Контекст и проблема
У риелтора много повторяющихся задач вокруг фотографий объектов, объявлений, публикаций и продвижения. Для разных задач приходится использовать разрозненные сервисы и вручную переносить материалы между ними.
Частному специалисту или небольшой команде сложно одновременно заниматься сделками и поддерживать регулярный маркетинг: обычно для этого нужны отдельные люди и время, которого в работе со сделками нет.
Продукт должен был объединить рабочие ИИ-инструменты, готовый контент и пользовательский кабинет в одном месте. При этом интерфейс должен быть понятен человеку без технической подготовки и работать как реальный сервис, а не как набор AI-демонстраций.
Для кого создан продукт
- частные риелторы
- брокеры и специалисты по новостройкам
- небольшие агентства недвижимости
- специалисты, которые самостоятельно ведут объявления и социальные сети
- пользователи без технической подготовки
Два приложения — один продукт
Metra.media состоит из двух приложений. metra.media — публичный сайт с описанием продукта, тарифами, материалами и входом. lk.metra.media — личный кабинет с рабочими инструментами.
Вместе они образуют один путь: знакомство с продуктом, регистрация, работа с инструментами, управление профилем и доступом. Продукт закрывает не только генерацию изображений — в нём есть контент, новости рынка, база знаний, чат с ИИ, тарифная логика и административная часть.
Фото и объявления
Обработка фотографий объектов, улучшение изображений, работа с планировками и подготовка материалов для объявления.
Генератор контента
Создание текстов и визуалов для постов и сторис с настройками формата, подачи и исходных материалов.
Готовый контент
Публикации и материалы, которые пользователь может адаптировать для своей работы и социальных сетей.
Новости рынка
Отдельная лента отраслевых материалов с фильтрацией и подготовленными ИИ-пересказами источников.
Чат с ИИ и база знаний
Помощь по рабочим вопросам риелтора и доступ к структурированным справочным материалам.
Личный кабинет и онбординг
Регистрация, профиль, баланс генераций, пользовательские настройки и пошаговое знакомство с сервисом.
Тарифы и платежные сценарии
Бесплатный доступ, пакеты генераций, подписки, промокоды и управление доступом к возможностям продукта.
Административное управление
Управление контентом, тарифными механиками, промокодами и основными показателями продукта.
Моя роль
Я самостоятельно прошёл полный цикл создания продукта: от определения продуктовой модели и пользовательских сценариев до разработки двух приложений, настройки серверной части, ИИ-функций, платежей и production-инфраструктуры. AI-assisted development использовался как инструмент ускорения проектирования, написания кода и проверки сценариев, но требования, архитектурные решения, приёмка результата и развитие продукта оставались за мной.
- сформулировал продуктовую модель и структуру сервисов Metra.media
- определил основные пользовательские сценарии риелтора
- спроектировал информационную архитектуру публичного сайта
- спроектировал структуру и навигацию личного кабинета
- разработал UX/UI публичного сайта и SaaS-платформы
- самостоятельно реализовал frontend обоих приложений
- реализовал backend-сценарии и работу с данными
- спроектировал структуру базы данных и пользовательских сущностей
- настроил регистрацию, авторизацию, профиль и онбординг
- интегрировал ИИ-инструменты для текста и изображений
- реализовал серверное управление балансом генераций и доступом
- настроил тарифы, платежные сценарии и промокоды
- реализовал разделы с контентом, новостями и базой знаний
- подготовил административные интерфейсы
- выполнил production-деплой обоих приложений
- настроил базовый SEO/GEO-контур публичного сайта
- проверил ключевые пользовательские и технические сценарии
- продолжаю поддерживать и развивать продукт
Я создавал Metra.media не как набор разрозненных AI-демонстраций, а как единый продукт, в котором риелтор может зарегистрироваться, решить конкретную рабочую задачу и вернуться за следующим инструментом без переключения между разными сервисами.
От идеи до работающего SaaS-продукта
- Исследование
Потребности и продуктовая модель
Определил ключевые повторяющиеся задачи риелторов, структуру продуктовой линейки и путь пользователя от первого знакомства с сервисом до работы в личном кабинете.
- Проектирование
Два приложения и общая логика
Спроектировал публичный сайт, структуру SaaS-платформы, пользовательские роли, данные, тарифные сценарии и взаимосвязь между основными разделами продукта.
- 2 месяца
Самостоятельная реализация
С помощью AI-assisted development самостоятельно реализовал frontend, backend, базу данных, ИИ-интеграции, платежные сценарии и административные функции.
- 1 июля 2026
Публичный запуск
Вывел публичный сайт и SaaS-платформу в production. После запуска продолжаю поддерживать инфраструктуру, улучшать инструменты и развивать продуктовые сценарии.
Технологии и подход
Продукт состоит из двух самостоятельных приложений и общей серверной инфраструктуры. Архитектура должна была поддерживать регистрацию пользователей, работу ИИ-инструментов, хранение данных и изображений, тарифные ограничения, платежи и регулярное развитие продукта.
Публичный сайт
Next.js и TypeScript используются для продуктовых страниц, блога, тарифов, SEO/GEO-разметки и перехода пользователя в личный кабинет.
SaaS-платформа
React, Vite и TypeScript используются для личного кабинета, рабочих экранов, пользовательских сценариев и административных интерфейсов.
Backend и данные
Supabase и PostgreSQL обеспечивают авторизацию, хранение пользовательских данных, работу с файлами, серверные операции и разграничение доступа.
ИИ, платежи и production
OpenRouter используется для подключения текстовых и визуальных моделей, ЮKassa — для платежных сценариев, а Timeweb — для размещения приложений и серверной инфраструктуры.
Результат
Metra.media был выведен в production как единый продукт из публичного сайта и SaaS-платформы для риелторов.
- публичный запуск состоялся 1 июля 2026 года
- зарегистрировано 84 агента
- пользователям доступны 10 ИИ-инструментов
- работают все опубликованные пользовательские инструменты
- публичный сайт и личный кабинет связаны в единый продуктовый путь
- реализованы регистрация, профиль, тарифы и управление доступом
- работают ИИ-сценарии для текста, изображений и материалов недвижимости
- реализованы разделы готового контента, новостей, чата и базы знаний
- продукт размещён в production и поддерживается
- после запуска проект продолжает развиваться
Галерея
Текущий статус
Публичный сайт и SaaS-платформа работают в production. Все опубликованные пользовательские инструменты доступны, а в сервисе зарегистрировано 84 агента. Я продолжаю поддерживать инфраструктуру, улучшать пользовательские сценарии и развивать продукт.
Следующие этапы связаны с развитием инструментов, улучшением качества пользовательского опыта и расширением сценариев для самостоятельных риелторов и агентств недвижимости.