1
Контекст
Разбираем рабочий процесс пользователей и границы первой версии приложения.
Сервис под процессы
Веб-приложения с понятной сметой.
Берём запутанный рабочий процесс и превращаем его в спокойный интерфейс. Начинаем с решений пользователя, а затем строим надёжный продукт вокруг данных, ролей и интеграций.
Telegram
Онлайн
t.me/meretti_pro
Обычно отвечаем за 15 минут
WhatsApp
Пн–Пт 10–19
+7 993 600-62-23
Альтернативный способ связи
Вы также можете отправить запрос на нашу почту hello@meretti.pro
Сценарии до экранов
Роли без путаницы
API как фундамент
Запуск по частям
01 — Состав
Что входит.
Аудит целей и ограничений веб-приложения
Карта пользовательских сценариев и ролей
Информационная архитектура и модель данных
Интерактивный UX-прототип ключевых экранов
Визуальная система интерфейса
Адаптивная frontend-разработка
Backend, API и необходимые интеграции
Тестирование сценариев, прав и ошибок
Настройка аналитики и мониторинга
Документация, передача и план развития
02 — Метод
Метод разработки веб-приложения: от решения к системе
Не начинаем с экрана. Сначала проверяем, какое решение должен ускорить веб-приложение, затем собираем опыт, данные и технологический контур.
2
Модель
Описываем роли, данные и события, на которых строится логика.
3
Сценарии
Проверяем пользовательские сценарии в прототипе до дорогой разработки.
4
Сборка
Собираем приложение инкрементами с демо рабочих экранов.
5
Проверка
Тестируем роли, интеграции, доступы и производительность.
6
Развитие
Запускаем приложение, измеряем использование ролей и дорабатываем сценарии.
Квиз по проекту
Быстрый расчёт проекта.
Заполните заявку и получите расчёт на ваш проект — и скидку 20% на разработку.
Скидка 20% за заполненную заявку
Шаг 1 / 6
Что нужно сделать?
Шаг 2 / 6
Какая главная цель проекта?
Шаг 3 / 6
Сайт или система уже есть?
Шаг 4 / 6
Какие интеграции понадобятся?
Шаг 5 / 6
Когда нужен результат?
Шаг 6 / 6
Ориентир по бюджету?
Последний шаг — куда прислать расчёт
Расчёт почти готов.
Оставьте номер — пришлём расчёт и скидку 20% в течение 15 минут. Без презентаций и давления.
03 — Процесс
Этапы работы.
01
Фиксируем задачу, риски и критерии успеха веб-приложения.
02
Согласуем структуру, роли, данные и интеграционный контур.
03
Создаём интерфейс и проверяем рабочие сценарии в прототипе.
04
Собираем приложение спринтами, показывая рабочие экраны каждую неделю.
05
Тестируем роли и интеграции, переносим данные и обучаем команду.
06
Отслеживаем использование ролей и развиваем приложение по сценариям.
04 — Интеграции
Интеграции для веб-приложения
REST APIПроектируем REST API как основу для веб- и мобильного клиента без дублирования логики.
GraphQLОтдаём фронтенду только нужные поля через GraphQL — меньше лишних запросов и переливов данных.
SSOПодключаем единый вход через SSO, если приложение живёт внутри корпоративного контура.
1ССинхронизируем справочники и документы приложения с учётной системой на 1С.
TelegramУведомляем пользователя о событиях в приложении через Telegram-бота, без лишнего интерфейса.
EmailОтправляем транзакционные письма — подтверждения, чеки, восстановление доступа — из приложения.
BIВыгружаем данные приложения в BI для аналитики, не нагружая продуктовую базу отчётами.
05 — Стек
Технологии проекта.
06 — Сравнение
Какой путь выбрать для веб-приложения
| Критерий | meretti.pro | Шаблонное решение | Фриланс без команды |
|---|---|---|---|
| Соответствие процессу | Проектируем под ваш сценарий | Ограничено возможностями платформы | Зависит от исполнителя |
| Интеграции | Проверяем и тестируем контур | Часто через плагины | Без системной гарантии |
| Развитие | Архитектура и план следующих версий | Рост усложняется | Зависит от доступности |
| Ответственность | Команда и прозрачный процесс | Поддержка платформы | Один исполнитель |
07 — Цифры
Почему с нами.
1
команда от стратегии до запуска
7 дней
ритм прозрачных демо
100%
прав на код и материалы у клиента
48 ч
на предварительную оценку
Бесплатная консультация 15 минут
Оставьте номер — перезвоним.
Перезвоним в течение 2 часов в рабочее время (Пн–Пт, 10:00–19:00 МСК) — коротко разберём объём, сроки и порядок цифр. Без продаж и обязательств.
Ответим за 2 часа
Менеджер проекта, а не отдел продаж
Никакого спама
08 — Стоимость
Тарифы и ориентиры.
Основа
от 450 000 ₽
10–14 недель
- Ключевой сценарий цифровизации сложного процесса
- UX-прототип
- Адаптивная разработка
- Тестирование перед запуском
Популярный
Рост
от 710 000 ₽
14–22 недели
- Всё из «Основы»
- Интеграции с сервисами
- Расширенная аналитика
- Подготовка команды клиента
Масштаб
от 1 200 000 ₽
22–32 недели
- Всё из «Роста»
- Нагрузочное тестирование
- Роли и безопасность
- План развития продукта
Оценка зависит от интеграций и объёма данных; фиксируем состав работ до старта.
Дополнения
Контент и редактураМиграция данныхМультиязычностьПоддержка после запуска
09 — Портфолио
Практика разработки веб-приложения
B2B-опт · Telegram Mini App
Selly — агрегатор опта
Агрегатор оптовой торговли внутри Telegram: заявки от селлеров, каталог поставщиков, real-time чаты и подписки — без отдельного сайта и установки приложения.
Next.js · NestJS
Кейс →
Полиграфия · Локальный сервис
Принт-сервис — печать и розыгрыш в Telegram
Сервис онлайн-печати документов и модуль розыгрыша призов внутри Telegram: калькулятор цены, оплата ЮKassa и автоматические уведомления мастерской.
Next.js · NestJS
Кейс →
10 — FAQ
Частые вопросы
Когда нужно веб-приложение, а не сайт?
Когда пользователи регулярно выполняют работу внутри системы: создают объекты, меняют статусы, считают, согласовывают, загружают файлы. Сайт в основном сообщает и собирает заявки; веб-приложение — рабочий инструмент. Признак: без авторизации и ролей продукт теряет смысл. Если сомневаетесь — опишите ежедневный сценарий пользователя в брифе, подскажем формат.
Сколько стоит разработка веб-приложения?
Цена определяется ролями, сложностью доменной логики, отчётами, интеграциями и требованиями к безопасности. «Экран с таблицей» и «система согласований с аудитом» — разные порядки бюджета. Смету считаем по user stories и ограничениям MVP, а не по числу макетов. Ориентир — калькулятор, фиксация — estimate.
Как выбрать стек для веб-приложения?
От команды сопровождения, нагрузки, интеграций и time-to-market. Часто React/Next или Vue/Nuxt на фронте, Node/Python/.NET на бэке, PostgreSQL как основная БД. Стек — следствие ограничений, а не мода. Если уже есть сильная PHP-команда, иногда рациональнее остаться в экосистеме. Варианты смотрите в технологиях.
Нужен ли отдельный мобильный клиент?
Сначала проверяем, хватает ли адаптивного веба. Нативное или React Native приложение имеет смысл при офлайне, пушах, тяжёлой камере/геолокации или привычке аудитории «только в приложении». Иначе вы платите за второй клиент без прироста ценности. Мобильный трек можно заложить во вторую очередь — мобильная разработка.
Как защитить данные и доступы?
Роли и least privilege, шифрование на транспорте, секреты вне репозитория, аудит критичных действий, резервное копирование, разделение сред. Для персональных данных учитываем 152-ФЗ на уровне архитектуры и процессов. Безопасность закладываем в модель угроз на discovery, а не «антивирусом в конце». Объём требований фиксируем в договоре и чеклисте приёмки.
Можно ли интегрировать приложение с 1С и CRM?
Да — через API, очереди и явные контракты обмена. Сначала определяем master-данные и сценарии рассинхрона, иначе получите две «правды» о клиенте или заказе. Типовые связки: CRM для лидов/сделок, 1С для номенклатуры и документов. См. интеграции и 1С.
11 — Блог
Материалы по теме
Веб-приложение: от идеи до продакшена
Как веб-приложение проходит путь от брифа и прототипа до продакшена: этапы, факторы стоимости и на чём срываются проекты.
7 мин чтения
Читать
Что такое веб-приложение и чем оно отличается от сайта
Разбираемся, что такое веб-приложение, из каких частей оно состоит и чем принципиально отличается от сайта-визитки или лендинга.
6 мин чтения
Читать
Следующий шаг
Спланируем
веб-приложение вместе.
На первой встрече разберём рабочий процесс, риски и состав первой версии.