Вайбкодинг: как пересобрать структуру IT-продукта за три дня

Вайбкодинг: как мы за 3 дня пересобрали лицо продукта

Последние трое суток я практически жил в редакторе кода. Обновлял сайт HereCRM в режиме чистого потока — без макетов в Figma, долгих согласований и ТЗ. Просто брал и делал («вайбкодил»), чтобы нащупать идеальную структуру.

Главная задача была сложной: на одном домене нам нужно было охватить две совершенно разные аудитории — клиентов (бизнес) и партнеров (разработчиков), не смешивая их смыслы в кашу.

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

Разбор обновления по блокам:

1) режим «Продукт» (для Клиентов):
🎯 упор на боли: блок «Взгляд на реальность» бьет в проблемы хаоса в мессенджерах, ночных потерь заявок и рисков блокировок;
👀 демонстрация решения: добавили детальный обзор интерфейса (шаги входа, чаты, настройки), чтобы показать простоту и эстетику системы;
💸 понятная экономика: сравнили стоимость сотрудника (40к) и подписки (10к), сделав выбор очевидным.

2) режим «Инженерия» (для Партнеров):
💎 прозрачность условий: блок «Будущий партнер» сразу показывает наши вакансии и финансовую модель, где команда забирает до 95% бюджета проекта;
🧠 хардкорные технологии: расписали нашу гибридную AI-архитектуру (YandexGPT + локальная Gemma 2) и суверенный стек (собственный Git, Docker, NestJS);
👥 команда и планы: открыли лица ключевых сотрудников (меня, Паши, Саши, Максима) и показали дорожную карту развития продукта.

Итог:
Сайт стал интуитивно понятным инструментом. Мы донесли нужные посылы обеим ЦА, сохранив единый стиль. Теперь это не просто лендинг, а полноценный хаб проекта.

Оценить результат:
https://hereagency.ru/HereCRM