Разработка веб сайтов приложений: почему это одна задача, а не две
Валерий Котелов
CEO
Вашему бизнесу нужен сайт. И еще приложение. Звучит как два отдельных проекта? На практике – головная боль. Разные подрядчики срываются в споры, данные не синхронизируются, пользователи открывают приложение и видят что-то совершенно другое, нежели на сайте. Мы в KOTELOV занимаемся разработкой комплексных digital-продуктов, где web и mobile – это единый организм.
Что внутри? Разберём, когда нужны оба продукта, а когда достаточно чего-то одного. Плюс реальные примеры из нашей практики за последние годы.
Комплексная разработка сайтов и приложений – что это вообще такое
Один подрядчик, один backend, одна команда. И понятное дело, один человек, которому вы звоните, когда что-то идёт не так. Вот и вся суть комплексной разработки сайтов и приложений.
Почему это работает лучше, чем раздельная разработка? Попробуйте связать две системы от разных команд – это боль, особенно когда обе стороны уверены, что «у нас всё правильно, проблема на той стороне». Был случай, когда клиент пришёл к нам после года мучений с двумя подрядчиками. Сайт показывал одни остатки товаров, приложение – другие. Пользователи оформляли заказы на то, чего нет в наличии. Представляете, какой там был уровень возвратов?
Что входит в fullstack разработку такого типа:
Веб-сайт
Витрина, через которую приходит основной трафик из поисковиков
Мобильное приложение
iOS и Android – удерживает лояльных клиентов, иконка на экране напоминает о вас
Единый backend
API связывает сайт и приложение воедино
Админка
Контроль над контентом без привлечения программистов
Интеграции
CRM, платёжки, склады, доставки – превращают разрозненные системы в единый механизм
Кейс
Буше: экосистема для сети кафе
Для сети кафе «Буше» мы создали полную экосистему: нативное мобильное приложение, backend, интеграции с POS-системой Tillypad и программой лояльности. До нас они работали на Xamarin – кроссплатформенное решение, которое уже не тянуло нагрузку и не давало добавлять новые фичи. Переход на натив открыл возможности, которые раньше были технически нереализуемы.
195 000+
активных пользователей
Разработка веб и мобильных приложений – чем они отличаются и когда нужны оба
Веб-приложения давно переросли стадию «просто сайт с формой обратной связи». SPA грузится один раз и потом работает как настольная программа – быстро, без перезагрузок страниц. PWA вообще можно поставить на телефон без захода в магазин приложений. Зачем это нужно? Попробуйте объяснить App Store, почему ваше приложение для B2B-портала заслуживает публикации.
Мобильные приложения бывают нативными и кроссплатформенными.
Нативные
Swift для iOS и Kotlin для Android. Быстрее, плавнее, дороже в разработке и поддержке – по сути это два разных приложения с разным кодом
Кроссплатформенные
Flutter или React Native – компромисс, который иногда оправдан, а иногда экономия на старте оборачивается переписыванием через два года
Когда точно нужны оба продукта?
E-commerce с большой аудиторией – без вариантов. Сервисы доставки – люди заказывают с телефона, но курьеры часто работают через веб-интерфейс. Банковские продукты. Программы лояльности – попробуйте удержать клиента без пуш-уведомлений.
Интеграция сайта и приложения через общий backend решает главную проблему – синхронизацию. Клиент бросил товар в корзину на сайте, открыл приложение в метро – товар там. Не нужно вспоминать, что хотел купить. Это кажется очевидным, но многие до сих пор этого не умеют.
Кейс
Концепт для онлайн-магазина
Для крупного онлайн-магазина мы делали концепт мобильного приложения с четырьмя интеграциями: Firebase, эквайринг, Яндекс Карты и Яндекс Метрика.
10 млн
пользователей в месяц
Разработка веб сервисов – та часть айсберга, которую никто не видит
Сервисы – невидимая часть любого продукта. API, микросервисы, облачная инфраструктура. Без них сайт и приложение – красивые картинки, которые ничего не умеют.
Технологии:
REST API или GraphQL – для обмена данными между фронтендом и бэкендом
Node.js, Python, Java – зависит от задачи и предпочтений команды
Docker и Kubernetes – контейнеризация, чтобы не зависеть от конкретного сервера
AWS, Google Cloud, Яндекс.Облако – хостинг с автомасштабированием
Сложно? Не особо, если понимаешь зачем. А вот когда нужны веб-сервисы – вопрос интереснее.
01
Несколько систем, которые не умеют общаться
CRM тут, склад там, бухгалтерия вообще в другом месте. Связка через API превращает зоопарк в экосистему.
02
Нагрузка растёт, монолит не справляется
Микросервисная архитектура позволяет масштабировать только те части системы, которые нагружены, а не всё целиком.
03
Проект слишком большой для монолита
Если в команде больше 10 разработчиков, работать над одним репозиторием становится невозможно.
Кейс
TFL: система мониторинга контейнеров
Для логистической компании TFL мы разработали систему мониторинга контейнеров с интеграцией в существующий backend.
1000
перевозок в месяц
25 000 т
грузов отслеживаются онлайн
x5
быстрее оформление заявки
Разработка маркетплейса – когда хотите стать площадкой, а не продавцом
Маркетплейс – платформа, где продавцы встречаются с покупателями, а вы берёте комиссию за каждую сделку. Ozon, Wildberries, Авито — все работают по этой модели. Хотите свой? Давайте разберёмся, что внутри.
Регистрация
Отдельная для продавцов и покупателей – разные роли, интерфейсы, права
Каталог с поиском
Без вариантов – пользователи не будут листать тысячи товаров вручную
Корзина и checkout
В маркетплейсе сложнее: товары от разных продавцов, разные условия доставки, split-платежи
Расчёты с продавцами
Комиссии, возвраты, задержки выплат. Без автоматизации утонете в ручной работе
Рейтинги и отзывы
Защищают покупателей от недобросовестных продавцов
Модерация в админке
Защищает площадку от недобросовестных участников
Кейс
Маркетплейс «Поле» для аграриев
Платформа с аукционами, оформлением кредитов прямо в системе, интеграцией с Demeter Holding – крупнейшим поставщиком зерновых. Для отказоустойчивости внедрили Temporal – технологию, которая автоматически восстанавливает выполнение задач после сбоев. Когда сделки идут на миллиарды рублей, система не имеет права падать.
13 000+
производителей и потребителей сельхозпродукции
Разработка SaaS платформы – подписочная модель, которая работает пока вы спите
SaaS – Software as a Service. Slack, Notion, любая современная CRM. Клиент платит ежемесячно, данные хранятся в облаке, обновления приходят сами. Красиво, но технически это сложнее, чем кажется.
Что нужно продумать:
Мультитенантность
Сто клиентов работают в одной системе, но каждый видит только свои данные. Безопасность тут – не опция, а фундамент.
Биллинг
Автоматические списания, разные тарифы, пробные периоды, апгрейды, даунгрейды, возвраты. Stripe или похожие решения закрывают часть задач, но интеграция всё равно требует внимания.
API для интеграций
SaaS-продукт, который не умеет интегрироваться с другими сервисами, проиграет конкуренцию тому, который умеет.
Масштабируемость с первого дня
Сегодня сто пользователей, через год – десять тысяч. Digital студия разработки должна закладывать это в архитектуру изначально, иначе потом переписывать дороже, чем начать заново.
Мониторинг
SaaS работает 24/7 или не работает вообще. Клиенты не готовы ждать, пока вы проснётесь и почините.
Нужно ли делать отдельно сайт и приложение – честный разбор
Иногда – нет. Иногда достаточно чего-то одного.
Только сайт подойдёт, если:
У вас информационный контент – блог, лендинг, корпоративная визитка
Клиенты заходят редко, раз в месяц или реже
Бюджет на старте ограничен и нужно выбирать
Только приложение редко, но бывает:
Когда весь сценарий использования мобильный – фитнес-трекеры
Внутренние корпоративные инструменты для сотрудников в полях
Оба продукта нужны когда:
E-commerce с большой аудиторией – часть людей покупает с компьютера, часть с телефона. Сервисы с регулярным использованием: такси, доставка еды, подписочные сервисы. B2C с программой лояльности – пуш-уведомления о бонусах и акциях реально повышают возвращаемость.
Альтернатива – PWA
Progressive Web App устанавливается на телефон, работает оффлайн, отправляет пуши. При этом не требует публикации в App Store и Google Play. Зато не заблокируют и не удалят из магазина – бывает и такое.
Сколько стоит разработка сайта и мобильного приложения
Вопрос, на который невозможно ответить без понимания задачи. Слишком разные бывают проекты.
От чего зависит цена:
Сложность компонентов
Лендинг на пять экранов и SPA с личным кабинетом, историей заказов и интеграцией с ERP – это разные вещи
Количество платформ
Только iOS, или iOS плюс Android, или ещё веб-версия для планшетов
Интеграции
От нуля до двадцати и больше внешних сервисов. Каждая интеграция – это время на изучение документации, согласование форматов данных, тестирование, поддержка
Дизайн
Стандартный UI Kit или уникальный визуальный язык с кастомными анимациями
При комплексном подходе экономия реальна
Единый backend вместо двух разных. Переиспользование компонентов дизайна. Одна команда вместо двух – меньше времени на коммуникации и согласования.
Аукцион автомобилей и маркетплейс для аграриев – порядки бюджетов отличаются в разы. Поэтому мы не называем цифры до разговора о конкретной задаче.
Получите оценку вашего проекта – обсудить задачу.
Почему выбирают KOTELOV
Мы digital интегратор разработки полного цикла. 13 лет на рынке. Сто с лишним человек в команде. Web, mobile, backend – всё под одной крышей.
13
лет на рынке
100+
человек в команде
20+
интеграций в проектах
Что мы реально умеем?
Экосистемы на практике, а не в презентациях
Буше – приложение с 195 000 пользователей и интеграцией с POS-системой. Маркетплейс «Поле» – 13 000 аграриев, аукционы, кредитование в системе. Магазин с аудиторией 10 млн в месяц.
Сложные интеграции нас не пугают
Делали проекты с двадцатью плюс интеграциями. Temporal, микросервисы, highload – всё это уже проходили не раз.
Прозрачный процесс
Демо каждые две недели. Клиент видит прогресс, даёт обратную связь, влияет на результат. Никаких сюрпризов за два дня до дедлайна.
Смотрите наши кейсы:
Разработка веб и мобильных приложений в комплексе – это не про экономию ради экономии. Это про правильную архитектуру с первого дня. Один подрядчик, общий backend, синхронизированные данные. Пользователям удобно. Бизнесу выгодно, и поддерживать проще.