Веб-приложение – это не сайт. Сайт показывает картинки и текст, а приложение работает с данными, автоматизирует рутину, связывает системы между собой. CRM для отдела продаж, маркетплейс для фермеров, портал с восемью интеграциями – всё это веб-приложения, и разница между ними и обычным лендингом примерно как между калькулятором и Excel.
Мы в KOTELOV сделали больше 50 таких проектов: SaaS-платформы, корпоративные системы, маркетплейсы. Ниже – полный список услуг по разработке web приложений, этапы работы, технологии и примерные цены.
13
лет на рынке
100+
сотрудников
50+
крупных проектов
8
интеграций в проекте
Какие услуги входят в разработку веб-приложений
Написать код – 40% работы. Остальное – аналитика, дизайн, тестирование, запуск, поддержка. Пропустишь что-то – получишь проблемы на следующем этапе.
Аналитика и консалтинг
Зачем это нужно? Чтобы понять, что строить. Бизнес-анализ, исследование рынка, техническое задание, проектирование архитектуры. Был у нас случай: клиент пришёл с готовым ТЗ на 200 страниц, а после discovery-фазы выяснилось, что половина требований противоречит друг другу. Хорошо, что разобрались до старта разработки, а не после.
UX/UI дизайн
А что с дизайном? UX/UI – это не про красивые кнопки. Это про то, будут ли люди вообще пользоваться приложением. Проектирование пользовательского опыта, визуал, прототипы, дизайн-система. Для УЮТ мы делали конструктор с миллиардом комбинаций товаров, и он должен был оставаться понятным для менеджеров, которые до этого работали с бумажными каталогами.
Frontend-разработка
Всё, что видит пользователь. React, Vue.js, Angular. Выбор зависит от задачи. Адаптивная вёрстка, оптимизация, работа с состоянием. Скучно звучит? Зато когда интерфейс тормозит – это сразу заметно.
Backend-разработка
Мозги приложения. Серверная логика, API, базы данных, интеграции. Тут происходит вся магия обработки данных.
Тестирование
На проекте маркетплейса «Поле» ошибка в сделке по кредитованию могла стоить миллиарды. Без серьёзного QA такие проекты не запускают. Функциональное тестирование, нагрузочное, проверка безопасности – всё это часть услуг разработки web приложений.
DevOps и развёртывание
CI/CD, облака, мониторинг. Автоматизация экономит время и убирает человеческий фактор.
Поддержка и развитие
Приложение не заканчивается на запуске. Обновления, исправления, новые фичи.
Полный цикл веб-разработки
Как это работает на практике? От первой встречи до поддержки – всё под одной крышей.
01
Discovery-фаза
Погружаемся в бизнес заказчика. Кто будет пользоваться? Какие задачи решаем? Какие ограничения? На «Агрополии» за два месяца подготовили документацию для портала, который объединял шесть разрозненных сервисов. Без discovery это заняло бы полгода и три переделки.
02
Проектирование
Архитектура, UX-схемы, технические спецификации. Монолит или микросервисы? Какие интеграции нужны? Как масштабировать потом? Решаем здесь.
03
Дизайн
Концепция, UI, интерактивный прототип. Проверяем гипотезы на реальных пользователях до написания кода – исправить макет в десять раз дешевле, чем переписывать приложение.
04
Разработка
Двухнедельные спринты, регулярные демо. Заказчик видит прогресс, может корректировать курс. Никаких сюрпризов через полгода, когда уже поздно что-то менять.
05
Тестирование
Идёт параллельно. На каждом спринте проверяем новое, перед релизом – финальный прогон всей системы.
06
Запуск
Продакшен, мониторинг, обучение пользователей. Первые дни после старта – самые напряжённые.
07
Поддержка
SLA, обновления, масштабирование. Об этом подробнее ниже.
SPA разработка
Single Page Application загружается один раз. Потом только данные гоняет туда-сюда с сервером. Страница не перезагружается. Быстро? Очень.
Когда выбирать? Интерактивные приложения с частыми действиями пользователя. Dashboard и админки с кучей данных. SaaS, где скорость отклика – это всё.
React – самый популярный выбор. Vue.js проще и гибче. Angular – для enterprise с жёсткой архитектурой. Выбор зависит от команды и задачи.
PWA разработка
Progressive Web App – это веб с возможностями мобильного приложения. Работает офлайн, ставится на устройство, шлёт push-уведомления. И не надо проходить модерацию App Store.
Для чего подходит? Контентные сервисы, новости. E-commerce с мобильным трафиком. Проекты, где нужно быстро обновляться без ожидания модерации сторов.
Один код для web и mobile – экономия ощутимая.
Интеграция веб-приложений
Приложение редко существует само по себе. Ему надо общаться с платёжками, CRM, ERP, аналитикой, почтой, мессенджерами.
Типовые интеграции: ЮKassa, Stripe, банковские API. Bitrix24, amoCRM, Salesforce. 1С, SAP. Google Analytics, Mixpanel. SendGrid, SMS-шлюзы, Telegram.
На «Агрополии» было восемь интеграций, включая ЕСИА и госреестры. Портал получил статус официального источника данных Минсельхоза Татарстана.
Маркетплейс «Поле» – пять с плюсом интеграций. Самая сложная – связка с учётной системой на базе 1С. Пришлось делать отдельный микросервис-мост между двумя закрытыми системами. Нетривиальная задача, мягко говоря.
Технически это выглядит так: REST API – классика, работает везде. GraphQL – когда нужна гибкость запросов. Webhooks – для событийной архитектуры. Очереди сообщений – для асинхронной обработки.
Как обеспечиваем надёжность? Обработка ошибок, повторные попытки, fallback-сценарии, логирование, мониторинг. На «Поле» внедрили Temporal – система сама восстанавливает задачи после сбоев.
Безопасность веб-приложений
OWASP Top 10 не абстракция. SQL-инъекции, XSS, CSRF, дыры в аутентификации – это происходит каждый день с реальными проектами.
Как защищаем? Secure coding на этапе разработки. Шифрование при передаче и хранении. Многофакторная аутентификация. Регулярные аудиты.
Стандарты: 152-ФЗ для персональных данных в России. GDPR, если есть европейские пользователи. PCI DSS для платёжных данных.
Для Microsoft мы делали корпоративный безопасный мессенджер. Требования к безопасности там были такие, что половина команды первый месяц только читала документацию по compliance.
Поддержка веб-приложений
Запустили – и что дальше? Баги всплывают. Нужны обновления безопасности. Пользователи хотят новые фичи. Нагрузка растёт.
Что входит в поддержку: мониторинг 24/7, исправление багов, патчи безопасности, бэкапы, оптимизация производительности.
Базовый SLA
Реакция за 24 часа
Стандартный SLA
Реакция за 8 часов
Premium SLA
Реакция за 2 часа
Зачем платить за поддержку? Проблема, которую мониторинг поймал в три ночи и починили до утра, – это копейки. Та же проблема, которую нашли клиенты утром, – это потерянные деньги и репутация.
Стоимость услуг веб-разработки
Сколько стоит? Зависит от масштаба.
Ориентиры по стоимости
Аналитика и ТЗ
от 300 тысяч
UX/UI дизайн
от 500 тысяч
MVP
от 1,5 миллиона
Полноценное приложение
от 3 до 10 миллионов
Поддержка
от 50 тысяч/месяц
Fixed Price
Когда скоуп понятен и зафиксирован. Подходит для проектов с чётким ТЗ. Минус – сложно менять требования по ходу.
Time & Material
Платите за часы. Гибко, можно менять приоритеты. Подходит для проектов, которые эволюционируют.
Dedicated Team
Выделенная команда надолго. Люди погружаются в продукт, работают как часть вашей компании.
Почему выбирают KOTELOV
Цифры: 13 лет на рынке. Больше 100 сотрудников. 50+ крупных проектов от полугода. Среди клиентов: Сбер, VK, МТС, S7 Airlines, Microsoft, Газпромбанк, Т-Банк.
Маркетплейс для аграриев
Платформа для 13 000+ пользователей с аукционами, финансовыми услугами, интеграциями с поставщиками зерновых. Разделили монолит на микросервисы, внедрили Temporal.
Агрополия
Единый портал агропромышленного комплекса Татарстана. Восемь интеграций, дизайн-система, архитектура для 2500 организаций. Проект получил государственный статус.
Конструктор для УЮТ
Личный кабинет с онлайн-конструктором на миллиард комбинаций. Интеграция с базой данных, которую писали 25 лет. Скорость создания заказа выросла в пять раз.
Что общего у этих проектов: полный цикл услуг, экспертиза в сложных интеграциях, поддержка после запуска.
Как начать
Полный цикл – от аналитики до поддержки – это не просто удобно. Это единая ответственность за результат. Не надо координировать трёх подрядчиков и выяснять, кто виноват.
Выбирайте партнёра, который доведёт проект от идеи до работающего продукта. И останется рядом после запуска.