RIVENO STUDIO
EN Обговорити проєкт →
Каталог робіт

Роботи, які можна
відкрити.

Дев’ять проєктів, і всі дев’ять працюють: вісім можна відкрити прямо звідси, один живе в Telegram. У шести з них не тільки сайт, а й програма, у якій власник веде роботу: облік клієнтів, візитів, записів, оплат і замовлень. У кожного — розбір, що саме зроблено руками, і цифри, які можна перевірити. Натисніть «Детальніше», щоб розкрити кадри.

ERETNIK: закрита книга з пентаграмою на дубовому столі, череп, свічки, армілярна сфера ЖИВИЙ · VERCEL
Проєкт 01 · Езотерика · Сайт-книга

ERETNIK — сайт, який не скролять, а гортають

Для таролога-практика замість сторінки зробили гримуар: закрита книга на столі, натиснув — розгорнулась, далі листаєш як справжню. Кожен розворот — живий HTML на фактурі пергаменту, а не картинка. Літери підпалюються і зникають, з-під обкладинки летить попіл, поруч — приглушений ембієнт.

Книга на StPageFlip · живий HTMLЛітери згорають по графемахПопіл і жар на canvasRU / UKЗвук, який можна вимкнути
Відкрити сайт ↗
Розвороти книги · гортайте
Відкритий розворот: гравюра з воронами і чашею, рукописний епіграф
01 Книга відкрилась — розділ «Книга тіней»
Текст пишеться на сторінці «від руки», рядок за рядком
02 Текст пишеться «від руки» — літера за літерою
Нижні рядки сторінки спалахують і згорають знизу вгору
03 Перед перегортанням текст згорає — знизу вгору, з іскрами
Сторінка в момент перегортання: розділ «Обряди»
04 Гортання — сторінка в русі
Лупа: поверх затемненої книги випливла панель «Обряди» з докладним текстом
05 Лупа — натиснув на гравюру, випливло тлумачення
Лупа: панель «Діагностика» з описом і ціною
06 Лупа на послузі — опис, термін і ціна
Розворот «Захист» і «Вартість», гравюра терезів
07 «Вартість» — терези і ціни
0розділів книги: обряди, захист, вартість, про майстра, зв'язок
0мови — RU і UK, перемикач у шапці, вибір запам'ятовується
0кириличні гарнітури: Forum, Cormorant, EB Garamond, Bad Script
0картинок із текстом — усе, що читається, лишається HTML

Штуки, яких немає в шаблонах

  • Пергамент без фотошопу. Текстури сторінок отримані з реального фотокадру книги зворотною гомографією — сторінки «випрямлені» в прямокутник, тому текст лягає в площину листа, а не поверх.
  • Спалення по буквах. Слово ріжеться на графеми через Intl.Segmenter, кожна згорає з власною затримкою, іскри малює окремий canvas. Пергамент цілий — горить лише текст.
  • Лупа-панель. Натиснув на гравюру — випливає пояснення поверх книги, повторно — зникає. Не з'являється від випадкового руху курсора.

Зроблено руками

  • Типографіка масштабується від висоти сторінки (em, не vh) — на телефоні книга не «пливе»
  • Навігація по розділах, стрілки, свайп; позиція запам'ятовується
  • Попіл і жар — окремий canvas, розрідженіший на телефоні
  • Ембієнт і звук перегортання — з кнопкою вимкнення
  • Контент — реальні тексти майстра з його Instagram
  • Заявки летять у Telegram через Cloudflare Worker: токен бота не в сторінці

Рівень у калькуляторі

Це «Сайт-фільм» на максимумі: $2500–3000+, 2 тижні. Ціни на самому сайті — драфт, погоджуються з майстром. Порахувати схожий →

Перший екран SVI CHU English: чорно-золотий дизайн, заголовок і картки з відео авторки ЖИВИЙ · VERCEL
Проєкт 02 · Освіта · Сайт + CRM

SVI CHU English — сайт, кабінет і бот для школи англійської

Тут закінчується «зробили сторінку». Дизайн сайту й кабінету — один і той самий стиль, а не типова адмінка поверх красивого лендингу. Заявка з сайту або з Telegram-бота одразу лягає в базу, у кабінеті видно воронку, учнів, оплати й дохід за місяцями.

Next.js + SupabaseCRM з аналітикоюTelegram-бот приймає заявкиPWA — ставиться на телефонУКР / RU
Відкрити сайт ↗
Сайт і кабінет · гортайте
Перший екран: чорно-золотий дизайн, картки з відео авторки
01 Хіро — чорно-золотий дизайн, картки з живими рілсами авторки
Відео-картки «Знайомство зі Світланою» і «Короткі розбори» на головній
02 Відео просто в сторінці — знайомство і розбори, без переходу в Instagram
Три кроки: отримуєте завдання, відповідаєте у своєму ритмі, отримуєте feedback
03 Як це працює — три кроки одним поглядом
Кабінет у тому ж чорно-золотому стилі, що й сайт
04 Кабінет — той самий стиль, що на сайті, а не типова адмінка
Аналітика: воронка лідів, джерела заявок, дохід за місяцями
05 Аналітика — воронка, джерела заявок, дохід за місяцями
Розділ лідів: таблиця заявок із фільтрами, у кабінеті власниці
06 Ліди — пошук, фільтри, статуси, додати заявку вручну
Розділ учнів: база з програмами і оплатами, у кабінеті власниці
07 Учні — програма, рівень, оплата, остання активність
0Lighthouse на десктопі — і 100 за SEO, доступністю та практиками
0рілсів у веєрі на першому екрані — з її живого Instagram
0мови інтерфейсу: українська і російська
0сторонніх сервісів для заявок — свій бот і своя база

Що вміє система

  • Заявка не губиться. З форми, з бота або внесена руками — усе в одній базі зі статусами й SLA на відповідь
  • Аналітика без Excel. Воронка, джерела, дохід за місяцями, активність за 14 днів — рахується само
  • Бот-адміністратор. Відповідає на /start, питає рівень, підказує ціни й одразу створює лід із поміткою, звідки прийшов
  • Ставиться як застосунок — PWA, іконка на екрані телефона

Зроблено руками

  • Веєр із п'яти вертикальних відео: наведення обирає, клік вмикає звук
  • Текст по всьому лендингу друкується при появі на екрані
  • Окремий мобільний вигляд CRM: рядки таблиць стають картками
  • Дві мови через cookie, українська за замовчуванням
  • Юридичні сторінки, SEO-файли, заголовки безпеки, обмеження частоти запитів до бота

Рівень у калькуляторі

Це вже не сайт, а сайт + система: $3000–6000, 14–21 день. Обсяг цього проєкту — близько 150–220 годин роботи. Порахувати схожий →

ЖИВИЙ · VERCEL
Проєкт 03 · Медицина · Запоріжжя

My Doctor — сайт-прогулянка стоматологією

Замість «послуги — ціни — форма» відвідувач гортає сторінку і йде коридором: вхід, рецепція, кабінет, результат. Відео зняте в клініці та розкадроване під скрол; ціни з'являються там, де відбувається процедура.

33 с відео → сценарійDesktop і Mobile окремоUA / RUПрайс по процедурах
Відкрити сайт ↗
Кадри сценарію
Вхід до клініки
01 Вхід00:02
Рецепція
02 Рецепція00:06
Кабінет
03 Кабінет00:10
Результат
04 Результат00:31

Зроблено руками

Розкадровка по позиціях скролу, окремий монтаж для телефону, прайс із JSON, кастомний курсор, картки лікарів з відео за наведенням, приватність, sitemap, robots.

Навіщо клініці

Пацієнт боїться невідомого. Коли він «пройшовся» кабінетами і побачив лікаря за роботою — дзвінок стає простішим. Сайт продає довіру.

Рівень у калькуляторі

Це «Сайт-фільм»: $1800–3000+, 10–14 днів. Порахувати схожий →

Перший екран сайту ПІНА: «Диван як новий. За 90 хвилин» і слайдер до/після ЖИВИЙ · VERCEL
Проєкт 04 · Послуги · Дніпро

ПІНА — хімчистка меблів, яку можна спробувати на екрані

Сайт не розповідає про чистку — він дає її зробити: пальцем стираєш бруд із дивана, курсором водиш «прожектором» по темній кімнаті, секундомір відлічує 90 хвилин разом зі скролом. Кожна картка послуги сама переходить із «до» в «після».

Canvas: стираєте бруд пальцемПрожектор за курсором12 відео-вставокКалькулятор у гривнях
Відкрити сайт ↗
Екрани з живого сайту
Картки послуг · до → післяКартки послуг ПІНА з цінами: дивани, матраци, крісла, килими
Прожектор за курсоромТемна секція: промінь прожектора відкриває чистий диван
Секундомір по скролуТемна секція з таймером 23:20 і трьома фактами
0пар «до/після» на реальних фото предметів
0коротких відео-вставок у сторінці
0хвилин — секундомір іде разом зі скролом
0блокерів у pre-launch аудиті: SEO, CSP, JSON-LD

Зроблено руками

Два шари canvas і стирання пальцем, маска-прожектор за курсором, слайдери до/після, sticky-етапи з відео, калькулятор по предметах, JSON-LD LocalBusiness + FAQ, CSP, sitemap, privacy.

Навіщо бізнесу

Клієнт клінінгу не вірить словам «відчистимо». Коли він сам стер пляму на екрані — сумнів знято, лишається натиснути «Розрахувати».

Рівень у калькуляторі

Це «Кастомний сценарій»: $1000–1800, 7–10 днів. Порахувати схожий →

Кабінет Nails Room Vibe із картою стоп і сайт студії на телефоні ЖИВИЙ · VERCEL
Проєкт 06 · Краса і подологія · Сайт + програма обліку

Nails Room Vibe — сайт і програма, у якій майстер веде облік

Головне тут — не сайт, а програма обліку. Майстер манікюру й подології у Гданську працювала так, як працює більшість: записи в Booksy, історія клієнток у голові й у нотатках, фото «до і після» — в галереї телефону. Ми зробили власний кабінет: картка клієнтки, картка кожного візиту з шести вкладок, фото у приватному сховищі, згода з підписом, календар і облік послуг. Запис — теж свій, на сайті та в Telegram-боті, без маркетплейсу й його комісії. Бізнес у Польщі, сайт і кабінет — чотирма мовами.

Програма обліку візитівСвоя онлайн-запис замість BooksyTelegram-бот: запис і нагадуванняNext.js + Supabase4 мови: PL / UK / RU / ENPWA — ставиться на телефонБізнес за кордоном
Відкрити сайт ↗
Кабінет і сайт · гортайте
Карта стоп у кабінеті: мітки мозолів, тріщин і кератозу
01 Карта стоп — мітка ставиться дотиком, її можна тягнути, масштабувати й обертати. Типи: мозоль, тріщини, бородавка, кератоз, натоптиш
Картка клієнтки: згода з PDF, протипоказання та історія візитів
02 Картка клієнтки — підписана згода з PDF, протипоказання й уся історія візитів із висновками та станом стоп
Календар тижня в кабінеті з записами
03 Календар — тиждень із записами, ручний запис і статуси. Час рахується в часовому поясі Варшави
Розділ послуг у кабінеті: ціни, тривалість, видимість на сайті
04 Послуги — майстер сама змінює ціну, тривалість і видимість; сайт і запис оновлюються слідом
Список клієнток у кабінеті з пошуком
05 Клієнтки — пошук за імʼям і телефоном, мова клієнтки, дата останнього візиту
Головна кабінету: клієнтки, візити на сьогодні, послуги у прайсі
06 Головна кабінету — хто сьогодні, останні візити й цифри під рукою. Ставиться на телефон як застосунок
Перший екран сайту: веєр із відео робіт майстра
07 Сайт — веєр із власних відео майстра, наведення вмикає відтворення
Колесо стилів: кільце з мініатюр, у центрі відео обраного стилю
08 Колесо стилів — вісім стилів манікюру, у кожного своє відео й кнопка «записатися на цей стиль»
Онлайн-запис: крок 1 із 4, вибір послуги
09 Запис у чотири кроки — вільний час рахується з робочих годин майстра, без Booksy
Розділ подології у шалфейних тонах
10 Подологія — окремий блок у клінічному тоні зі своїм записом
Сайт на телефоні: лента робіт із прокруткою
11 Телефон — окремий сценарій першого екрана: не зменшений веєр, а лента з прокруткою
0вкладок у картці візиту: стопи, пальці, руки, системи, фото, висновок
0послуга з ціною й тривалістю — майстер редагує їх сама
0мови сайту, кабінету й бота: польська, українська, російська, англійська
0комісій і підписок маркетплейсу — запис свій

Програма обліку — головне в проєкті

  • Картка візиту з шести вкладок. Стопи з інтерактивною мапою підошв і мітками, ряд із десяти нігтів, руки, коригувальні системи з номером, фото, висновок і дата наступного візиту
  • Новий візит копіює попередній. Змінилось мозолі й ніготь — правите два поля, а не заповнюєте картку з нуля
  • Фото до і після. Кожне фото — у приватному сховищі, галерея за датами й колаж сіткою, який можна зберегти або надіслати клієнтці
  • Згода з підписом. Клієнтка підписується пальцем на екрані, PDF збирається одразу й лягає у приватне сховище
  • Календар і оплати. Тиждень із записами, ручний запис, статуси; на головній — хто сьогодні і останні візити
  • Диктування голосом. Висновок і нотатки можна проговорити, а не набирати між процедурами
  • Ставиться на телефон. Кабінет — PWA: іконка на екрані, працює як застосунок, а не як закладка

Запис без маркетплейсу

  • Свій рушій вільного часу. Крок 15 хвилин, буфер між візитами, горизонт 30 днів; вільні слоти рахуються з робочих годин і вже наявних записів
  • Чотири кроки і все. Послуга (можна кілька, час і ціна складаються), день, час, контакти
  • Бот у Telegram. Запис прямо в чаті, нагадування за добу, повідомлення майстру про нову заявку, скасування кнопкою
  • Працює для бізнесу за кордоном. Час рахується в часовому поясі Варшави, мова інтерфейсу — польська за замовчуванням, ціни в злотих. Так само налаштовується під будь-яку країну
  • Booksy більше не обовʼязковий. Записи, клієнтки й історія — у власній базі, а не в чужому сервісі з комісією й чужими правилами

Рівень у калькуляторі

Це сайт + програма: $3000–6000, 14–21 день. Сам сайт без кабінету — від $1000. Порахувати свій варіант →

Кабінет закритий логіном, тому кадрів кабінету тут немає — показуємо його на демонстрації.

Перший екран сайту RIVENO ERP ЖИВИЙ · VERCEL
Проєкт 05 · B2B / SaaS

RIVENO ERP — сайт, у який вбудована жива система

Дев'ять сторінок у чистій «яблучній» подачі. Замість картинок системи — сама система у вікні сторінки: можна натискати, гортати, відкривати розділи. Маршрут замовлення на першому екрані рухається по реальній схемі процесу.

9 сторінок · 3 галузіЖива ERP в iframeКалькулятор з друкомGSAP-маршрут
Відкрити сайт ↗
Екрани системи всередині сайту
ERP · Дашборд продажівДашборд RIVENO ERP
ERP · Виробництво, канбанКанбан виробництва RIVENO ERP
0розділів системи відкриваються на сайті
0етапів замовлення в анімованому маршруті
0ролі — власник, менеджер, майстер
0скріншотів: усе можна натиснути
Три екрани застосунку Єви Ланської в Telegram: меню, знайомство з Євою і сторінка особистої роботи ЖИВИЙ · TELEGRAM
Проєкт 07 · Наставництво · Mini App + бот + CRM

Єва Ланська — застосунок у Telegram, бот і CRM для наставниці

Єва (ім’я змінено) — авторка програми про самооцінку, стосунки й самореалізацію; її аудиторія приходить з Instagram. Ми зібрали шлях Instagram → Telegram → користь → діагностика → особиста робота в одну систему: застосунок відкривається просто в Telegram, бот веде розмову, а в CRM Єва бачить кожну людину, пише їй із картки й виставляє рахунок.

Telegram Mini App на Next.jsБот на grammYCRM: переписка, статуси, рахункиSupabase з RLSВхід через підпис Telegram
Порахувати схожий →
Застосунок і CRM · люди й цифри в CRM на кадрах — демо · гортайте
Перший екран застосунку, знайомство з Євою і меню з темами
01 Відкрив бота — і застосунок уже тут: знайомство з Євою й меню з темами
Сторінка теми «Самооцінка», розділ практик і гайд із п’яти запитань до себе
02 Три теми — самооцінка, стосунки, самореалізація; у кожній короткі матеріали й практики
Мінідіагностика: перший крок, третій крок і результат із темою та матеріалами
03 Мінідіагностика — п’ять кроків, а в кінці тема й матеріали саме під неї
Сторінка особистої роботи, анкета на знайомство і екран подяки
04 Особиста робота — анкета з чотирьох кроків, заявка одразу потрапляє в CRM
CRM Єви: дашборд — хто чекає відповіді, нові заявки, дзвінки, клієнти і воронка за день
05 CRM — з чого почати день: хто чекає відповіді, нові заявки, призначені дзвінки
CRM: список людей із фільтрами за статусом, пошуком і таблицею
06 Люди — фільтри за статусом і пошук; на телефоні таблиця стає картками
Картка людини в CRM: статус роботи, переписка з Telegram, оплати й нотатки
07 Картка людини — статус, переписка з Telegram просто в CRM, рахунки й нотатки
Воронка: скільки людей дійшло від Instagram до заявки на кожному кроці
08 Воронка — скільки людей доходить від Instagram до заявки на кожному кроці
0частини — застосунок, бот і CRM — працюють з однією базою
0кроків мінідіагностики — у підсумку тема й матеріали під неї
0статусів роботи з людиною — від нової заявки до завершення
0ключів доступу до бази в браузері — дані тільки через сервер

Що вміє система

  • Одна людина — один запис. Написала боту, потім відкрила застосунок — у CRM це та сама людина з усією історією кроків.
  • Бот, який розмовляє. Три запитання кнопками, коротка відповідь від імені Єви, практика на тему просто в чаті — і посилання на матеріали в застосунку.
  • Переписка з картки. Єва пише людині з CRM — повідомлення приходить від бота в Telegram, а відповідь з’являється в картці.
  • Рахунки. Формат, сума, спосіб оплати — людина в Telegram отримує кнопку «Оплатити», а статус сам змінюється на «Оплатила». Оплату карткою через WayForPay або monobank код уже підтримує, лишилося під’єднати ключі.

Зроблено руками

  • Застосунок впізнає людину за підписом Telegram — видати себе за чужий акаунт не вийде
  • Ключ бази лише на сервері, у всіх таблицях увімкнено RLS
  • Вебхук бота перевіряє секрет Telegram
  • Бот сам відповідає, поки Єва не написала людині особисто, — далі не втручається
  • Політика конфіденційності й окрема згода; згода зберігається в історії людини разом із версією документа
  • Автотест проходить усю воронку на живому застосунку і прибирає за собою тестового ліда

Рівень у калькуляторі

Простий Telegram Mini App у калькуляторі — від $250. Тут до нього додано бот із розмовою і CRM із перепискою та рахунками, тож це вже сайт + система: $3000–6000, 14–21 день. Порахувати схожий →

Три екрани сайту Mobil: головна, сторінка послуги і застосунок зі звітами в Telegram ЖИВИЙ · VERCEL
Проєкт 08 · Автосервіс · Сайт + бот + застосунок

Mobil — сайт автосервісу, який сам нагадує клієнту про ТО

Автосервіс у Дніпрі: дванадцять послуг, ціни на видноті й запис без дзвінка. Заявка з сайту падає адміністратору в Telegram з кнопками — «Підтверджено», «Передзвонюю», «Інший час», «Відхилено», — і вся зміна бачить, хто її вже взяв. Система сама пам’ятає, коли клієнту час на обслуговування, а власник дивиться звіти у застосунку просто в Telegram.

Next.js 1612 сторінок послугОнлайн-запис без дзвінкаБот із кнопками підтвердженняНагадування про ТОЗвіти власнику в Telegram
Відкрити сайт ↗
Сайт, запис і звіти · цифри у звітах на кадрах — демонстраційні · гортайте
Перший екран сайту Mobil: автомобіль на підйомнику, заголовок і кнопка запису
01 Перший екран — чим займаються, де знаходяться і як записатися
Сітка з дванадцяти послуг із фотографіями: діагностика, двигун, КПП, ходова, шиномонтаж
02 Дванадцять послуг — і в кожної своя сторінка, а не рядок у списку
Блок цін із таблицею послуг і калькулятор вартості за маркою та моделлю авто
03 Ціни одразу на сайті, поруч — калькулятор під конкретне авто
Сторінка послуги «Ремонт двигуна»: опис, перелік робіт і кнопка запису
04 Сторінка послуги — що входить, скільки коштує, кнопка запису
Три екрани телефона: головна, форма запису і сторінка послуги
05 На телефоні — те саме: обрати послугу, дату й час за півхвилини
Застосунок зі звітами: заявки за день і тиждень, найближчі нагадування, останні записи
06 Звіти власнику — застосунок відкривається просто в Telegram, без паролів
0послуг, і в кожної окрема сторінка з описом та ціною
0кнопки в заявці: підтверджено, передзвонюю, інший час, відхилено
0секунд на запис: послуга, дата, час — без дзвінка й очікування на лінії
0паролів у власника — застосунок впізнає його за підписом Telegram

Що вміє система

  • Запис без дзвінка. Людина обирає послугу, дату й час на сайті — заявка одразу йде адміністратору, а не лежить у пошті.
  • Заявка з кнопками. В Telegram адміністратор тисне «Підтверджено», «Передзвонюю», «Інший час» або «Відхилено». Кнопки змінюються рядком статусу з іменем і часом — уся зміна бачить, що заявку вже взяли.
  • Нагадування про ТО. Система сама рахує, коли клієнту час на обслуговування, і пише йому в Telegram; хто не в Telegram — потрапляє в список на обзвон.
  • Звіти власнику. Окремий застосунок у Telegram: заявки за день і тиждень, найближчі нагадування, база клієнтів. Пароля немає — і в звичайному браузері сторінка не відкриється.

Зроблено руками

  • Натискання кнопок у заявці підписані секретом — сервер відхиляє неперевірені запити
  • Калькулятор рахує вартість за маркою, моделлю і послугою, не вимагаючи залишати заявку
  • Якщо канал доставки заявок не налаштований, форма чесно каже, що заявку не надіслано, замість фальшивого «дякуємо»
  • Розмітка для пошуку: автосервіс, каталог із дванадцяти послуг і сім питань у FAQ
  • llms.txt і окремі правила для AI-ботів у robots.txt — щоб моделі читали сайт правильно
  • Юридичні сторінки на місці: політика конфіденційності, cookie й умови

Рівень у калькуляторі

Сайт разом із ботом і звітами — це рівень сайт + система: $3000–6000, 14–21 день. Сам сайт без бота й застосунку — «кастомний сценарій» від $1000. Порахувати схожий →

Три екрани B.MUSE: головна магазину, сторінка моделі з вибором розміру і замовлення в кабінеті на телефоні ЖИВИЙ · VERCEL
Проєкт 09 · Бренд одягу · Магазин + CRM + бот

B.MUSE — магазин бренду одягу, який власниця веде з телефона

Український бренд жіночого одягу продавав через Instagram Direct. Зібрали магазин у стилі модного маркетплейсу: 21 модель прямо з Instagram бренду — з фото й відео, три мови, розмірна сітка й вибір розміру, «Нова пошта» з передоплатою 300 ₴. Власниця-дизайнерка встановила кабінет на телефон: там замовлення, залишки, знижки, а ще тканини й пошиття у швачок. Клієнти стежать за замовленням і пишуть менеджеру в Telegram-боті.

Next.js 1621 модель з InstagramUA · EN · RUРозмірна сітка і вибір розміруCRM-застосунок на телефонОблік тканин і пошиттяTelegram-бот із ТТН
Відкрити сайт ↗
Вітрина, кабінет і облік · замовлення й тканини на кадрах кабінету — демонстраційні · гортайте
Три екрани телефона: перший екран магазину, розділ «Костюми» і сторінка моделі з вибором розміру
01 Перший екран, розділи й модель — великі кадри й жирний гротеск, як у модному маркетплейсі
Головна магазину на комп’ютері: розділи «Костюми» і «Жакети» на весь екран з фото моделей
02 На комп’ютері — розділи на весь екран, у кожному відео з Instagram бренду
Розмірна сітка з обхватами, форма оформлення замовлення і вибір способу оплати
03 Розмірна сітка поруч із вибором розміру, оформлення з «Новою поштою» й передоплатою 300 ₴
Картка замовлення в CRM: товари, клієнт, доставка, статус і поле ТТН «Нової пошти»
04 Замовлення в CRM: статус і ТТН — клієнт одразу отримує їх у Telegram-боті
Кабінет на телефоні: огляд, залишки за розмірами з фото й артикулом і сторінка встановлення застосунку
05 Кабінет ставиться на телефон як застосунок: залишки за розмірами з фото й артикулом
Склад тканин: на складі, резерв під пошиття, вільно, очікується і стан кожного матеріалу
06 Тканини: скільки є, скільки зарезервовано під пошиття і що докупити — рахує система
Специфікація моделі з нормами тканин, список пошиття у швачок і закупівлі матеріалів
07 Від ескізу до складу: специфікація моделі, пошиття у швачок і закупівлі
0модель перенесено з Instagram бренду — з їхніми фото й відео
0мови сайту й бота: українська, англійська, російська
0статусів замовлення — і про кожен клієнт дізнається в Telegram
0етапи пошиття — заплановано, передано швачці, отримано; готові вироби самі стають на склад

Що вміє система

  • Каталог з Instagram. Кожна модель — з реальними фото й відео бренду, артикулом і розмірною сіткою; пошук розуміє три мови, синоніми й артикули.
  • Замовлення без передзвонів. Розмір кнопкою, «Нова пошта», передоплата 300 ₴ із накладеним платежем або переказ — заявка одразу в CRM і в Telegram власниці.
  • Кабінет у кишені. CRM встановлюється на телефон: замовлення, залишки за розмірами, знижки у відсотках — ціна перераховується сама, а на головній з’являється «Знижки до N%».
  • Тканини й пошиття. Специфікація моделі — скільки тканини й фурнітури йде на виріб; система рахує резерв, що докупити, собівартість і скільки ще можна пошити. Готові вироби від швачки самі стають у залишки потрібного розміру.
  • Бот для клієнтів. Каталог картками з переходом на сайт, розмірна сітка, статус замовлення з ТТН і кнопкою відстеження, питання менеджеру — відповідь реплаєм.

Зроблено руками

  • Оферта, обмін і повернення, конфіденційність і cookies — за законодавством України
  • Розмітка schema.org: магазин, товари, хлібні крихти, FAQ; три мови з hreflang і llms.txt для AI-асистентів
  • Тема зафіксована світлою — браузери з примусовим темним режимом не перефарбовують бренд
  • Статус замовлення в боті — лише за номером і чотирма цифрами телефону або за посиланням зі сторінки замовлення, не більше п’яти спроб на годину
  • Вебхук бота перевіряє секрет Telegram; кабінет не вбудовується в чужі сторінки й не зберігає дані на телефоні
  • Сторінки перевірено W3C-валідатором і клавіатурою, на телефоні й комп’ютері

Рівень у калькуляторі

Магазин разом із CRM, ботом і обліком виробництва — верхня межа рівня сайт + система: $3000–6000, 14–21 день. Сам магазин без кабінету й бота — «кастомний сценарій» від $1000. Порахувати схожий →

Сайт MTECHPLAST на комп’ютері й телефоні: перший екран із прес-формою і сторінка заявки з перетягуванням креслення ЖИВИЙ · VERCEL
Проєкт 10 · Виробництво прес-форм · Сайт із заявкою кресленням

MTECHPLAST — сайт виробника прес-форм, де заявка починається з креслення

Виробник прес-форм для лиття та видування і металообробки на ЧПК. Головне тут не каталог: клієнт перетягує креслення або 3D-модель — STEP, STP, DWG, DXF, PDF чи ZIP — обирає, куди відповісти, і заявка з файлом одразу йде менеджеру в Telegram. Сайт на трьох мовах однією збіркою: українська без префікса, /ru і /en, по 21 адресі на кожну.

Next.js 16React 19UA · RU · ENЗаявка кресленнямTelegram-ботЧотири послугиРозділ «Пластик»
Відкрити сайт ↗
Сайт, заявка кресленням і три мови · знімків із цеху замовник не надавав, тому розділи показані ілюстраціями · гортайте
Перший екран сайту: заголовок про прес-форми для лиття та видування і чотири входи в розділи під ним
01 Перший екран говорить, що роблять, а під ним одразу чотири входи: лиття, видув, деталі за кресленням, пластик
Сторінка послуг: чотири картки — лиття під тиском, видувні форми, металообробка на ЧПК, ремонт форм
02 Чотири послуги, у кожної своя сторінка з питаннями й відповідями
Сторінка заявки: вибір Telegram або пошти, поле для перетягування креслення і три кроки роботи поруч
03 Серце сайту: перетягнути креслення, вибрати канал відповіді — і поруч видно, що буде далі
Сторінка робіт із фільтром за типом: усі, лиття, видув, деталі
04 Роботи з фільтром за типом — щоб не гортати все підряд
Розділ «Пластик»: вторинна гранула ПП, ПЕ, ПЕТ для лиття та виробничих задач
05 «Пластик» — окремий напрям: вторинна гранула ПП, ПЕ, ПЕТ
Три екрани телефона: головна, заявка з перетягуванням файла і розділ «Пластик»
06 На телефоні та сама заявка кресленням, а кнопка дії завжди під пальцем
0мови однією збіркою: українська без префікса, російська та англійська
0адреси в карті сайту — 21 сторінка на кожну мову
0форматів креслення приймає форма: STEP, STP, DWG, DXF, PDF, ZIP
0послуги, у кожної власна сторінка з питаннями й відповідями

Що вміє сайт

  • Заявка кресленням. Файл перетягується у форму або вибирається кнопкою; поруч видно список форматів і ліміт розміру, а нижче — три кроки: ви надсилаєте креслення, ми рахуємо вартість і строк, узгоджуємо та запускаємо.
  • Відповідь туди, де зручно. Клієнт сам обирає Telegram або пошту. Канал, для якого немає контакту, на сайті просто не показується — порожніх кнопок немає.
  • Заявка приходить у Telegram. Повідомлення власнику надсилає бот, разом із прикріпленим файлом.
  • Три мови без окремих сайтів. Українська основна й без префікса, російська та англійська — з префіксом; у кожної сторінки свої заголовок, опис, canonical і hreflang.
  • Питання й відповіді. FAQ на головній і на кожній сторінці послуги — і в розмітці для пошуку теж.

Зроблено руками

  • Переклад неможливо забути: український словник задає структуру, і якщо в російському чи англійському бракує рядка, збірка не проходить
  • Карта сайту збирається сама з переліку адрес — 63 адреси на три мови
  • Розмітка schema.org: організація, сайт, питання й відповіді
  • Підписи на помаранчевих кнопках темні: білий текст дав би контраст 3,1:1 і не пройшов би WCAG AA
  • Ефекти наведення працюють і на тач-екрані, де наведення немає
  • На екрані 375 px нічого не виїжджає за край — перевірено вимірюванням, а не на око

Рівень у калькуляторі

Багатосторінковий сайт на трьох мовах із формою-заявкою й ботом — рівень кастомний сценарій: від $1000. Сайт простіший, на одній мові й без заявки файлом, — «сайт під бізнес». Порахувати схожий →

Концепти · скоро

Односторінкові шаблони, які ось-ось стануть проєктами.

Це не клієнтські роботи, а заготовки під типові ніші: показуємо структуру, палітру й ритм, з яких стартує «Візитівка» чи «Сайт під бізнес». Наведіть — макет оживе.

Мурчик ДімЗабронювати
ГОТЕЛЬ ДЛЯ КОТІВ · ДНІПРОВідпустка для вас.
Курорт для кота.

Окремі кімнати, камера 24/7, груминг.

Вільні дати →
СКОРО

Готель для котів

Візитівка · $300–450
BRIGADEЗаписатись
БАРБЕРШОП · ЦЕНТРСтрижка
як ритуал.

40 хвилин. Один майстер. Без черги.

Онлайн-запис →
СКОРО

Барбершоп

Візитівка · $300–450
Обсмажка №9Замовити
СВІЖА КАВА · ДОСТАВКАОбсмажили
у вівторок.

Зерно з датою. Підписка щомісяця.

Обрати зерно →
СКОРО

Кав'ярня-обсмажка

Сайт під бізнес · $500–900
ПростірПробне
ЙОГА-СТУДІЯ · РОЗКЛАДГодина
тільки для себе.

Ранкові й вечірні групи. Перше — безкоштовно.

Розклад →
СКОРО

Йога-студія

Сайт під бізнес · $500–900
Telegram Mini Apps · концепти

Магазин чи запис — прямо в Telegram. Без сайту й без установки.

Людина відкриває бота, натискає одну кнопку — і перед нею справжній застосунок усередині Telegram: каталог, кошик, запис на час. Замовлення прилітає власнику в чат або в CRM. Це не картинки: натискайте на телефони — усе працює.

9:41
‹T
TechnoBoxбот
Привіт! Я бот магазину техніки TechnoBox 👋
Каталог, кошик і оформлення — прямо тут, у Telegram. Без сайту й без реєстрації: ім'я та телефон уже є у вашому акаунті.
Натисніть кнопку внизу 👇
кнопка міні-застосунку · натисніть
КОНЦЕПТ · ІНТЕРАКТИВ

Магазин техніки в Telegram

Mini App + бот · від $300 · 4–6 днів

9:41
‹L
Lak Studioбот
Вітаю! Це запис у Lak Studio 💅
Оберіть послугу, майстра й час — усе за пів хвилини, без дзвінків. За добу нагадаю про візит.
Відкрийте запис кнопкою внизу 👇
кнопка міні-застосунку · натисніть
КОНЦЕПТ · ІНТЕРАКТИВ

Запис у манікюрний салон

Mini App + бот · від $250 · 3–5 днів

9:41
‹O
OSTERIA 9бот
Добрий вечір! OSTERIA 9 — доставка й замовлення до столика 🍕
Меню з фото й цінами тут, у чаті. Кур'єр — за 40 хвилин. За столиком — відскануйте QR і замовляйте без офіціанта.
Відкрити меню — кнопкою внизу 👇
кнопка міні-застосунку · натисніть
КОНЦЕПТ · ІНТЕРАКТИВ

Ресторан: доставка і столик

Mini App + бот · від $350 · 4–6 днів

Що входить

  • Бот і застосунок в одному. Бот вітає, відповідає на запитання й відкриває міні-застосунок однією кнопкою — каталог, кошик, календар запису
  • Замовлення — власнику. Кожне замовлення чи запис одразу в чат менеджера, у Google-таблицю або у вашу CRM, із поміткою, хто й коли
  • Оплата в чаті. Картка через Telegram Payments, LiqPay чи Monobank — або при отриманні
  • Нагадування й розсилки. «Завтра о 14:00 у Марини», «Замовлення відправлено», акції — без SMS і їхньої ціни

Навіщо бізнесу саме Telegram

  • Нічого не встановлюють. Telegram уже є на телефоні клієнта — застосунок відкривається за секунду, без App Store і Play Market
  • Без реєстрації. Ім'я й телефон Telegram передає сам — клієнт не заповнює форм і не вигадує пароль
  • Повідомлення читають. Нагадування в чаті відкривають набагато частіше за email, який летить у спам
  • Дешевше за застосунок. Один код працює на iPhone, Android і на комп'ютері — не потрібно двох команд розробників

Скільки це коштує

Дешевше за рік підписки на конструктор — і без абонплати й чужого бренду: запис у салон — від $250 (3–5 днів), магазин із кошиком — від $300, ресторан із доставкою і QR-столиками — від $350 (4–6 днів). У ціні: бот, міні-застосунок, замовлення у ваш чат чи Google-таблицю, розміщення на рік. Оплата карткою в Telegram — +$40, інтеграція з вашою CRM — +$50–100. Кабінет власника зі складом, клієнтами й аналітикою — це вже «Сайт + система», від $3000. Порахувати свій варіант →

Телефони вище — робочі концепти, а не клієнтські проєкти: товари й ціни вигадані, замовлення нікуди не відправляються.

Тут може бути ваш проєкт

Ескіз першого екрана — за 1 день, до оплати.

Порахувати вартість →