[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fGnc44-9gc-LbUDUHBqjVhB-j_KbOJjumqDv-QPECaSc":3},{"id":4,"channelUsername":5,"channelTitle":6,"slug":7,"title":8,"description":9,"bodyHtml":10,"media":11,"lang":16,"publishedAt":17,"ogImageUrl":14,"tgViews":18},"2271a4a7-e754-48e9-a836-ef7e3e5d9194","hereagency","Креативное агентство Here","vaybkoding-kak-peresobrat-strukturu-it-produkta-za-tri-dnya-298","Вайбкодинг: как пересобрать структуру IT-продукта за три дня","Кейс обновления HereCRM в режиме живого потока. Рассказываем, как развести b2b-клиентов и партнеров на одном сайте, внедрив расчет экономики и описание AI-стека.","\u003Cp>Вайбкодинг: как мы за 3 дня пересобрали лицо продукта\u003C\u002Fp>\u003Cp>Последние трое суток я практически жил в редакторе кода. Обновлял сайт HereCRM в режиме чистого потока — без макетов в Figma, долгих согласований и ТЗ. Просто брал и делал («вайбкодил»), чтобы нащупать идеальную структуру.\u003C\u002Fp>\u003Cp>Главная задача была сложной: на одном домене нам нужно было охватить две совершенно разные аудитории — клиентов (бизнес) и партнеров (разработчиков), не смешивая их смыслы в кашу.\u003C\u002Fp>\u003Cp>Что получилось:\u003Cbr>Теперь сайт выглядит как две разные страницы внутри одной экосистемы. Мы визуально и логически развели потоки, чтобы каждый находил только то, что ему нужно.\u003C\u002Fp>\u003Cp>Разбор обновления по блокам:\u003C\u002Fp>\u003Cp>1) режим «Продукт» (для Клиентов):\u003Cbr>🎯 упор на боли: блок «Взгляд на реальность» бьет в проблемы хаоса в мессенджерах, ночных потерь заявок и рисков блокировок;\u003Cbr>👀 демонстрация решения: добавили детальный обзор интерфейса (шаги входа, чаты, настройки), чтобы показать простоту и эстетику системы;\u003Cbr>💸 понятная экономика: сравнили стоимость сотрудника (40к) и подписки (10к), сделав выбор очевидным.\u003C\u002Fp>\u003Cp>2) режим «Инженерия» (для Партнеров):\u003Cbr>💎 прозрачность условий: блок «Будущий партнер» сразу показывает наши вакансии и финансовую модель, где команда забирает до 95% бюджета проекта;\u003Cbr>🧠 хардкорные технологии: расписали нашу гибридную AI-архитектуру (YandexGPT + локальная Gemma 2) и суверенный стек (собственный Git, Docker, NestJS);\u003Cbr>👥 команда и планы: открыли лица ключевых сотрудников (меня, Паши, Саши, Максима) и показали дорожную карту развития продукта.\u003C\u002Fp>\u003Cp>Итог:\u003Cbr>Сайт стал интуитивно понятным инструментом. Мы донесли нужные посылы обеим ЦА, сохранив единый стиль. Теперь это не просто лендинг, а полноценный хаб проекта.\u003C\u002Fp>\u003Cp>Оценить результат:\u003Cbr>https:\u002F\u002Fhereagency.ru\u002FHereCRM\u003C\u002Fp>",[12],{"alt":13,"url":14,"type":15},"Интерфейс обновленного сайта HereCRM с разделами для клиентов и разработчиков","https:\u002F\u002Fmedia.hereagency.ru\u002Fhere-crm-storage\u002F5b92057d-9fda-4a0f-ad41-f8c4c820ee67\u002Ftelegram\u002F0b5fd692-a6b8-410a-ac7b-ae8321654939.jpg","photo","ru","2026-02-03T01:47:43.000Z",577]