ОливаКрафт
Магазин ширм-перегородок ручной работы: каталог, карточки с характеристиками, корзина. Сюда же подключён ИИ-продавец из сцены 04.
оливакрафт.рфПортфолио, октябрь 2026
Студия веб-разработки. Делаем сайты на Tilda, веб-приложения, мобильные приложения на Flutter и ИИ-продавцов, которые отвечают клиентам в мессенджерах. Ведём проект от первого разговора до запуска.
- 5 сайтов на Tilda в работе
- ИИ-продавец в Telegram через amoCRM
- Flutter-приложение для Google Play и RuStore
- 3D-персонаж с тремя циклами анимации
Сцена 02
Монтажный лист
Все работы одним списком. Фильтр отбирает по типу, строка ведёт к сцене, где работа показана в движении.
- 01ОливаКрафт Интернет-магазин ширм ручной работыTilda, каталог, корзина Сцена 03
- 02Гостиница «Морская волна» 69 номеров у моря в ЛермонтовоTilda, бронирование Сцена 03
- 03Автокемпинг «Морская волна» Две локации: Лермонтово и ДжубгаTilda Сцена 03
- 04Brandlux Italy Курсы для байеров и владельцев магазиновTilda, оплата курсов Сцена 03
- 05Niti23 Печать на одежде и мерчTilda Сцена 03
- 06Ridge 75 концепт Лендинг механической клавиатурыHTML, Tailwind Сцена 03
- 07ИИ-продавец olivacraft Отвечает покупателям через amoCRMn8n, Dify, Postgres Сцена 04
- 08«Морская волна» для родителей Приложение детского лагеряFlutter, Firebase Сцена 05
- 09ORBIT 3D-робот с тремя циклами анимацииBlender, glTF Сцена 06
- 10Радар клиентов Собирает заказы с бирж и шлёт в Telegramn8n, OpenRouter Сцена 07
Сцена 03
Сайты на Tilda
Пять живых сайтов и один концепт. Прокручивайте страницу: сайты листаются в окнах вместе с вами, каждый со своей скоростью.
Гостиница «Морская волна»
69 номеров в Лермонтово, в 50 метрах от собственного пляжа. Номера, удобства, отзывы и бронирование.
гостиница-морская-волна.рф
Автокемпинг «Морская волна»
Две локации на черноморском побережье, Лермонтово и Джубга. Преимущества, фотографии, отзывы путешественников.
kempingm.ru
Brandlux Italy
Курсы для байеров, шопоголиков и владельцев магазинов: четыре тарифа с оплатой и поездки к поставщикам в Италию.
brandluxitaly.ru
Niti23
Печать на одежде и мерч. Тёмная витрина с крупной типографикой, гарантии и примеры работ.
niti23.tilda.ws
Ridge 75 концепт
Лендинг механической клавиатуры: история устройства, три отделки корпуса, характеристики и заказ.
Сцена 04
ИИ-продавец для olivacraft
Отвечает покупателям магазина ширм от имени менеджера. Цены и ссылки называет только из базы каталога, торг и жалобы сразу передаёт человеку.
- Каналы
- Telegram в работе, ВК и MAX на подключении. Вся переписка идёт через amoCRM
- Цены
- Только из базы. Валидатор сверяет каждую цифру и ссылку в ответе
- Скорость
- Сообщения склеиваются 10 секунд, первый ответ приходит через 15‑25 секунд
- Человеку
- Торг, жалобы и нестандартные размеры. Сделка переходит на этап «Ведёт менеджер», бот замолкает
- Стек
- amoCRM, n8n, Dify, Postgres 16 с pgvector, Python. 98 автотестов
olivacraftTelegram через amoCRM
- Покупатель: Здравствуйте! Есть ширма белая на 4 створки?
- Покупатель: Высота нужна около 175
- склейка 10 с
- Бот: Есть «Азия»: белая, 4 створки по 50 см, 175×200 см. Цена 5 500 ₽из базы
- Покупатель: А за 4 500 отдадите?
- Торг: диалог передан менеджеру
- Бот: Передал вопрос менеджеру, он ответит в этом чате.
Пример диалога. Цена взята с витрины оливакрафт.рф.
- Мессенджер
- amoCRM
- Очередь
- n8n
- Dify
- Валидатор цен
- Ответ
Сцена 05
Приложение лагеря «Морская волна»
Flutter-приложение для родителей: новости смены, расписание, меню, фотогалерея и документы. Заказчик тот же, что у гостиницы и автокемпинга из сцены 03.
- Платформы
- Android от 7.0 до 16, сборки для Google Play и RuStore, около 21 МБ
- Данные
- Firestore с обновлением в реальном времени, вход администратора через Firebase Auth, отчёты о сбоях в Crashlytics, фото и документы в Cloudinary
- Доступ
- Родители читают без регистрации, правит только администратор из белого списка
Чёрный экран в релизе
Отладочная сборка работала, релизная показывала системную заставку и больше ничего. Оптимизатор R8 вырезал классы, которые Firebase создаёт через отражение. Правила ProGuard вернули их, и приложение открылось. На телефоне слева этот дубль идёт по кругу.
Сцена 06
ORBIT
3D-персонаж для первого экрана лендинга devPremium. Модель, свет и три зацикленные анимации собраны в Blender, на сайт уходят одним файлом glTF. Покрутите робота мышью или пальцем.
- Треугольники
- 59 048
- Объекты
- 39
- Материалы
- 10
- Файл
- 1,7 МБ
- Частота
- 30 к/с
- Стык цикла
- 10−17
Сцена 07
Радар клиентов
Свой конвейер поиска заказов на n8n, работает на сервере с сентября 2026. Биржи проверяются каждые 10 минут, модель оценивает каждый проект, подходящие приходят в Telegram, итоги дня в 21:00.
- fl.ruRSS, каждые 10 минутдальше: отбор и дедуп
- freelancehuntAPI, каждые 10 минутдальше: отбор и дедуп
- OpenStreetMapкомпании по нише, в 9:00дальше: проверка сайта
- Бриф с сайтапошаговый мастер, вебхукдальше: Telegram
- Отбор и дедупключевые слова, уже виденные ссылкидальше: модель
- Проверка сайтадиагностика, есть ли проблемыдальше: модель
- Модель оцениваетOpenRouter, ответ в JSONдальше: порог
- Стоит отправлять?порог оценкидальше: Telegram
- Telegramсразу и сводкой в 21:00
Сцена 08
Кривые
Каждое движение на этой странице задано кривой. Потяните ручки и посмотрите, как меняется характер. Точки под дорожкой показывают, где окажется объект в каждом кадре при 24 кадрах в секунду.
transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);Сцена 10
Титры
- Разработка, дизайн и моушн
- devPremium
- Сайты
- Tilda
- Веб-приложения
- JavaScript, Node.js, Next.js
- Мобильные приложения
- Flutter, Dart, Firebase
- ИИ и автоматизация
- n8n, Dify, amoCRM, OpenRouter
- Данные
- PostgreSQL, pgvector, Neo4j
- 3D
- Blender, glTF, model-viewer
- Анимация этой страницы
- GSAP 3.15 с плагинами SplitText, MorphSVG, DrawSVG, MotionPath, Flip, Draggable, CustomEase и ScrollTrigger. CSS scroll-driven animations, View Transitions, @property, linear()
- Видео и GIF на странице
- Ни одного. Всё движение посчитано кодом
Нужен сайт, приложение или ИИ-продавец?
Опишите задачу в паре предложений. Мы зададим вопросы и предложим план.
Написать в TelegramTelegram @DevPremiumm