Личный проект Вайб-кодинг Telegram · ИИ 2026

Магазин, CRM
и ИИ- ассистент для мастера украшений

Задача

Собрать для мастера ручных украшений связку из трёх продуктов: витрину, помощника в переписке и CRM, в которой видно каждую заявку.

Всё спроектировано и собрано мной в вайб-код формате: дизайн, сценарии, промпты ассистента и интеграции — без команды разработки.

Роль
Продукт и дизайн
сценарии, UI, сборка
Продукты
Три связанных
магазин, CRM, визитка
Интеграции
Telegram-бот
Google Calendar, ИИ
Формат
Вайб-кодинг
от идеи до продакшена
Контекст

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

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

Как устроена связка

Три продукта работают как один поток: клиент приходит на витрину, разговаривает с ассистентом и попадает в CRM карточкой заявки.

01

Лендинг-магазин

Две коллекции, цены, кнопка покупки и запись на мастер-класс через Google Calendar.

02

ИИ-ассистент
в Telegram

Отвечает на вопросы о камнях и наличии, собирает контакты и детали заказа.

03

CRM с доской
заявок

Канбан по статусам, переписка целиком, контакты и приватные заметки мастера.

04

Сайт-визитка

Отдельная страница о мастере с анимацией — точка входа для соцсетей.

Мастеру достаточно одного окна: ассистент ведёт диалог, а Ольга подключается там, где нужна она.

01 — Витрина

Лендинг-магазин

Две коллекции — стекло лэмпворк и натуральные камни. У каждой пары своё имя, материал и цена, а кнопка «Купить» открывает Telegram с уже готовым текстом заказа.

Первый экран интернет-магазина украшений
Первый экран — крупный кадр изделия и один переход к коллекции
Раздел интернет-магазина с коллекцией украшений
Блок «Философия» объясняет, почему пары не повторяются
Карточка серьг «Морская симфония»
Карточка украшения из коллекции
Карточка украшения из коллекции
Карточка украшения из коллекции
Карточка украшения из коллекции
Покупка

Кнопка ведёт в Telegram с подставленным названием и ценой — клиенту не нужно ничего печатать.

Мастер-класс

Запись идёт через Google Calendar: клиент видит и выбирает свободные слоты сам, а Ольга видит свою занятость.

Ассистент

Кнопка чата на экране — вход в бота, который ведёт диалог вместо мастера.

02 — Рабочее место

CRM и доска заявок

Каждый диалог с ассистентом превращается в карточку. Мастер двигает её по статусам от лида до оплаты и видит всю переписку, не открывая Telegram.

Доска заявок CRM с колонками статусов

Шесть статусов вместо блокнота

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

Карточка заявки: переписка, контакты и заметки

Диалог, контакты и заметки в одной карточке

Телефон и Telegram ассистент вытаскивает из переписки сам. Заметки мастера клиент не видит, а ответить можно прямо из CRM.

Раздел CRM с рассылками по сегментам и предпросмотром сообщения в Telegram

Рассылки по сегментам

Вторая вкладка доски: сегменты «Купили» и «Интересовались» собираются из статусов сами, рядом с редактором — живой предпросмотр сообщения в Telegram. Перед отправкой можно послать тест себе, а история хранит дату, сегмент и сколько адресатов получили и сколько пропущено.

03 — Знакомство

Сайт-визитка мастера

Одна страница с плавной анимацией: имя, рассказ о материалах и галерея работ. Ссылка для соцсетей, где важнее не цена, а доверие к автору.

Открыть визитку
Первый экран сайта-визитки: портрет Ольги, имя и контакты
Первый экран — портрет, имя и три контакта, без каталога и цен
Серьги с красной бусиной лэмпворк
Серьги из натурального янтаря
Серьги с медовым янтарём в серебряном кольце
Серьги с каплями жемчуга «Майорка»
04 — Запуск

Собрала и подняла сама

Проект не остался макетом: я сама довела его до работающего сайта в интернете — от покупки домена до выложенного кода. Там, где не хватало инженерных знаний, разбиралась вместе с ИИ.

01

Домен

Выбрала имя, купила и зарегистрировала домен, привязала DNS к серверу.

02

Сервер

С помощью ИИ развернула сервер и настроила окружение, чтобы проект был доступен онлайн.

03

База данных

Подняла и настроила базу: товары, заказы и переписка с клиентами хранятся по‑настоящему.

04

Код на GitHub

Залила проект в репозиторий — история изменений и понятная передача разработчику.

Результат

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

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

3
продукта в одном контуре
18
пар украшений в двух коллекциях
0
заявок, потерянных в переписке
24/7
ассистент отвечает вместо мастера
Поговорим о проекте

Давайте
сделаем вместе

Написать мне на почту
Telegram Резюме PDF