Назад

Сколько стоит разработка приложения и из чего она складывается

Люди которые никогда не сталкивались с IT сферой, не имеют ни малейшего представления о том, сколько стоит разработка приложения. Эта статья будет полезна тем, кто хочет понять, из каких этапов складывается процесс разработки приложений, что влияет на цену и самое важное — где можно сэкономить, но не упустить в качестве.

Время чтения: 13 минут

сколько стоит разработка приложения
Содержание

    Мы компания по разработке мобильных приложений и мы искренне топим за React Native и считаем, что на 2021 год это лучшее решение для разработки MVP в плоскости цена-качество. И мы не стесняемся это признавать. Что уж тут поделаешь, когда действительно веришь в свое дело.

    Что такое React Native и как он помогает снизить цену

    Сначала разберемся, на чем пишутся мобильные приложения, за что мы и наши заказчики уважаем React Native и как он помогает сэкономить в разработке мобильных приложений. Для этого нужно будет немного погрузиться в процесс разработки приложений. Но не переживайте, чтобы понять эту статью, вам не придется просить вашего друга программиста перевести, что мы написали.

    Как происходит разработка мобильных приложений

    Сейчас приложения в основном разрабатывают под две операционные системы: Android и iOS. Говоря о языках, которые они используют: Android — Kotlin, iOS — Swift. Это нативная разработка мобильных приложений и для обывателя это значит следующее: нужно будет найти минимум двух программистов, которые будут писать код параллельно. В итоге у вас получится одно приложение для Play Market и другое для App Store. Переиспользовать код или сократить время на разработку не получится. Один код — одна система.

    React Native: кто ты такой?

    React Native — это инструмент, который позволяет писать один код, а на выходе получать приложения для Android и iOS. Это кроссплатформенная разработка, а значит достаточно найти одного программиста. Код будет один, но в итоге у вас получится два приложения: одно для Play Market и другое для App Store. Один код — две системы. С React Native получится сэкономить как раз потому что не нужно будет вести разработку двух продуктов параллельно. Продукт один, команда одна и быстрый ответ на вопрос «сколько стоит разработка приложения на React Native» такой: дешевле, чем на Kotlin и Swift.

    Услуги по разработке мобильных приложений на React Native оказывают не только веб студии. Есть еще фрилансеры, а можно вообще собрать свою команду, как например сделал в свое время Airbnb. Каждому свое, как говорится.

    Почему лучше обратиться в компанию по разработке мобильных приложений?

    Разберем основные плюсы работы с компаниями по разработке мобильных приложений.

    Понятная коммуникация

    В веб студиях общением и координацией проектов занимается проектный менеджер (ПМ). Его задачи следующие: 

    • максимально понять, чего хочет заказчик;
    • транслировать понимание заказчика команде;
    • сделать так, чтобы команда разработала нужный продукт в обещанный срок;
    • проконтролировать релиз и прием результата со стороны заказчика.

    По сути для заказчика это значит, что можно рассказать ПМу все, что хотите видеть в приложении, а дальше это уже его задача перевести все на язык понятный разработчикам, согласовать с вами сроки и проконтролировать разработку мобильного приложения. Если же нет ПМа, тогда выстраивать работу команды придется самому.

    Анастасия Енина,

    Для заказчика мы поддерживаем абсолютную прозрачность в процессе разработки приложения. Достигаем этого за счет: созвонов 2 раза в неделю на этапе дизайна; демо раз в 2 недели в ходе разработки мобильного приложения; ежедневных статус-апдейтов на протяжении всего проекта; созвонов чаще при необходимости; системы открытой документации: резюме созвонов и демо, доступ в Jira и Hubstaff. Так заказчик на протяжении всего проекта понимает, что было сделано сегодня и когда будет готово все приложение. Никаких неприятных сюрпризов, все происходит планомерно и прогнозируемо.

    Анастасия Енина, 
    руководитель проектного менеджмента

    Экспертиза 

    Лучше обращаться в веб студии, которые четко и емко определяют свою экспертизу и работают на рынке от 5 лет. Это немного, но достаточно для того, чтобы понять, насколько жизнеспособна бизнес модель веб студии и сколько проектов у нее уже за плечами.

    Purrweb уже 7 лет на рынке и у нас в копилке более 250 успешных проектов. Успешных — значит, что продукт был сделан и принят заказчиком. Не все из них дошли до рынка и словили свою минуту славы и на то есть много причин: неэффективная маркетинговая кампания, сильные конкуренты или нехватка денег. Но большинство из приложений, которые мы сделали, приносят прибыль нашим заказчикам. Наша сильная сторона — это грамотный и цепляющий UI/UX дизайн. А с технической стороны мы наработали солидную экспертизу в React, React Native, Electron и Node.js.

    Пост релизная поддержка

    Разработка — это вершина айсберга, если смотреть на продукт в масштабах года. После релиза в сторах его еще надо поддерживать в рабочем состоянии. Приходят первые пользователи, вылезают баги, их нужно чинить. Не многие фрилансеры берутся за это, так как на этом этапе начинается реальная проверка продукта. Безответственные подрядчики предпочитают «как-то» сделать, провести демо, чтобы заказчик подписал акт приемки и по-быстрому смыться.

    Если ребята из веб студии с самого начала обещают взяться и за пост релизную поддержку — это хороший знак. Значит они уверены в своих силах и знают, что сделают хороший продукт, который нужно будет лишь немного докрутить с обратной связью от реальных пользователей.

    Прозрачный документооборот и налоги 

    Фрилансеры, предлагающие услуги по разработке мобильных приложений, как правило, оформляются как самозанятые. Есть и те, которые работают в черную, а платежи принимают на карту.

    С веб студией работа идет полностью в белую: заключается договор, проговариваются условия и сроки. А если нужно, подписывается договор о неразглашении. Ответственность несет не один человек, а вся компания по разработке мобильных приложений. Все закрывающие документы, акты приемки также предоставляются, поэтому проблем с налогами не будет.

    Заряженная команда

    Собирать команду для разработки мобильного приложения самому — сложно. В особенности когда не знаешь, кто нужен. От слова совсем. PHP, SQL, Python: много непонятных слов, а вам просто нужно разработать мобильное приложение.

    Лучше воспользоваться услугами по разработке мобильных приложений от веб студии, ведь она забирает эту головную боль на себя. У веб студии уже есть UI/UX дизайнеры, ПМы, аналитики, разработчики, тестировщики.

    Если вам недостаточно этих аргументов и вы хотите углубиться в тему выбора команды для разработки мобильного приложения, загляните в одну из наших статей. Там мы сравнивали штатную команду, фрилансеров и услуги по разработке мобильных приложений от веб студий, выделяли их преимущества и недостатки.

    Сколько стоит разработка приложения и из каких этапов состоит

    Перейдем к главным вопросам: сколько стоит разработка приложения на React Native и из чего она состоит. У всех компаний по разработке мобильных приложений свой подход к процессам дизайна, разработки и управления проектами.  Процесс разработки приложения в Purrweb состоит из 5 этапов.

    Оценка проекта и приоритизация функциональности

    Чтобы понять, сколько стоит разработка приложения, нужно оценить функциональность, которую заказчик хочет заложить в приложение. Мы сторонники подхода MVP, поэтому с самого начала советуем заказчикам фокусироваться только на самых необходимых фичах. Так дешевле проверяется основная гипотеза: есть ли спрос на основную функциональность приложения или нет.

    Мы опираемся на экспертизу заказчика во всем, что касается понимания рынка и нужд потенциальных пользователей. Но если нужно, можем сами провести исследование и поделиться результатами. Когда заказчик утверждает нужные фичи, бизнес аналитик в связке с тимлидом и ведущим UI/UX дизайнером оценивают объем работ.

    Антон Сопотов,

    Самый частый вопрос, который задают заказчики — «сколько стоит разработка приложения». Это самая непростая часть в оценке проекта. Она таит в себе кучу подводных камней: начиная с интеграций, требований заказчика, необходимого стека, и заканчивая опытом команды в подобных проектах и реалистичностью реализации такого решения. Заказчики ждут четких цифр с самого начала (ну а как иначе). Наша задача — дать оценку максимально приближенную к реальности и создать правильные ожидания у заказчика.

    Антон Сопотов, 
    бизнес аналитик

    Когда проект оценен, и появляется ясный ответ на вопрос «сколько стоит разработка приложения» нужно еще раз спросить себя: «А точно ли все фичи нужны на старте?». Почти всегда от чего-то можно отказаться. Есть основные функции, без которых не обойтись и из-за которых пользователь в первую очередь зайдет в приложение, а есть дополнительные, которые лучше убрать на начальном этапе, чтобы сэкономить на разработке мобильного приложения.

    Например, в чате приложения Avito, когда пишешь фразу «уже продал», выскакивает предложение убрать публикацию из активных. Это мелкая фича, которая безусловно помогает пользователю выполнять нужные действия быстрее. Но при этом она не критически важна. Когда Avito выпустил первую версию приложения, такой фичи там не было. Для начала хватило просто связать людей в чате и дать им возможность обмениваться текстом и фото.

    сколько стоит разработка приложения

    Конечно, не Purrweb решать, какие фичи выкинуть, а какие оставить — это задача заказчика. Со своей стороны мы можем только оценить, сколько стоит разработка приложения, которое хочет заказчик, а потом предложить варианты, как урезать стоимость.

    ⚙️ Инструменты: Google Sheets

    В Google Sheets мы собираем детальную оценку разделенную на юзер сторис. Это очень помогает заказчику, так как становится понятно из чего складывается стоимость и где можно сэкономить. На этапе приоритизации можно смело жонглировать фичами, чтобы влезть в бюджет.

    Что нужно от заказчика?

    • Максимально полная информация о проекте.
    • Портрет аудитории.
    • Понимание, какие фичи должны быть в приложении.

    💰 Цена

    Бесплатно.

    💸 Где сэкономить?

    Нигде. Бесплатно же.

    UI/UX дизайн

    В Purrweb мы не верим в ТЗ. Это уже прошедший век каскадного подхода к программированию, когда заранее прописывали, что будет в приложении и как оно будет работать. Если говорить о создании MVP, то гибкий подход намного более жизнеспособен. В особенности когда сам заказчик не до конца понимает, что ему нужно, лучшее ТЗ — это дизайн. Так еще до разработки вскрываются нестыковки, а ненужные фичи отпадают.

    У нас уже есть отлаженный процесс создания дизайна. Если хотите ознакомиться с тем, как мы пришли к эффективному дизайн-процессу, тогда прочитайте эту статью.

    Коротко опишем основные этапы и что на них происходит. Процесс такой:

    1) Негативные референсы — примеры дизайна приложений, которые не нравятся заказчику. В самом начале дизайна это помогает нам понять, что точно не нравится заказчику. Когда есть рефы, можно переходить к структуре приложения.

    2) Майндмэп — схема, отражающая логику работы приложения. Дизайнеры конвертируют юзер сторис из  таблички с оценкой в шаги пользователя внутри приложения, закладывают навигацию. Это занимает всего 8-10 часов, но помогает попасть в ожидания заказчика. Из майндмэпа рождаются вайрфреймы.

    сколько стоит разработка приложения

    3) Вайрфреймы — малодетализированные макеты приложения. На них показываем, где будут кнопки, а где контент. После того как заказчик утверждает вайрфреймы, время накидывать визуал и проектировать концепт.

    сколько стоит разработка приложения

    4) Концепт — один из флоу приложения, проработанный полностью визуально. Это не отдельные экраны в Figma, а конкретное флоу приложения. С помощью этого заказчик при минимальных затратах видит уже готовую часть приложения. Если концепт понравился, дело за малым — доделываем оставшиеся экраны. Если нет, переделываем. 

    5) Готовые макеты — экраны приложения, согласованные с заказчиком и готовые к разработке

    сколько стоит разработка приложения

    6) UI-kit — визуальные компоненты интерфейса. Это облегчает работу разработчиков, экономит время на поиск нужной кнопки или иконки. Экономия времени = экономия денег заказчика. 

    сколько стоит разработка приложения

    Мы занимаемся кроссплатформенной разработкой мобильных приложений. Это значит, что дизайн у нас гибридный: подходит для iOS и Android. У App Store и Play Market есть свои руководства — это своего рода рекомендации по тому, каким лучше делать дизайн мобильных приложений. Они помогают делать дизайн интерфейсов так, чтобы ничего не сыпалось на телефоне. Мы учитываем все ключевые моменты: отступы, кликабельные области, размеры кнопок. Но если следовать только им, то будут получаться безжизненные, шаблонные приложения. Поэтому гайдлайны мы знаем и следуем им, но и свой креатив никто не отменял. А еще есть требования сторов. Если их не соблюдать, тогда приложения просто не опубликуют. Их мы соблюдаем.

    Может возникнуть резонный вопрос: «А как один дизайн может подойти и для iOS и для Android?». Требования же наверняка разные: из-за разрешений экранов и их формы. Чтобы ничего не сыпалось на разных платформах, мы делаем две вещи: 

    1. Советуемся с разработчиками в случае если есть сомнения, можно ли это реализовать на обеих платформах или нет. 
    2. Заходим на сервис Mobbin — это библиотека 50,000+ экранов приложений. Там можно найти лучшие UX практики — расположение кнопок, строк поиска и других элементов. Креатив нужен в визуальной части интерфейса, а в плане UX лучше не изобретать велосипед и делать так, как привыкли пользователи.

    ⚙️ Инструменты: Figma

    Есть много графических редакторов: Sketch, Photoshop, Illustrator. Все интерфейсы мы проектируем в Figma, потому что:

    Все версии в одной ссылке

    Команда дизайнеров работает в одном месте в облаке, а значит вероятность потерять что-то — ниже, нежели в том же Sketch или Photoshop. Все изменения сохраняются автоматически. Для клиента польза в том, что все макеты в одном месте: можно увидеть разные версии дизайна и если нужно, вернуться к старому варианту.

    Централизованная работа с замечаниями

    Без Figma работа с правками шла следующим образом.

    • Дизайнер готовит макеты. 
    • Менеджер созванивается с заказчиком, показывает и высылает архив. 
    • Заказчик выдает замечания на созвоне, а затем пишет текстом в WhatsApp или на email. 

    В результате к концу проекта заказчик не понимает, где какая версия. Дизайнер не понимает, какой именно экран поменять. А менеджер не понимает, что происходит. 

    В Figma вся работа с правками идет в одном месте. Заказчик просто указывает на макете место, которое не нравится, комментирует. Дизайнер все видит, менеджер спокоен, что все всё поняли.

    Прототипирование

    Дизайн — лучшее ТЗ. А в случае с мобильными приложениями, прототип — лучшее ТЗ. В Figma с недавних пор можно собирать нелинейные прототипы. Это позволяет полностью симулировать работу приложения на макетах.

    Юлия Вакуленко,

    Полный прототип всего приложения не всегда нужно делать. В проектах на 300-400 часов дизайна создание такого прототипа может занять очень много времени. А время — деньги заказчика. Поэтому мы предлагаем прототипировать только супер сомнительные моменты в флоу. Для этого в стандартную оценку мы закладываем 4 часа на создание прототипа. Как правило, этого хватает.

    Юлия Вакуленко, 
    лид UI/UX дизайнер

    Что нужно от заказчика?

    • Присутствовать на демо
    • Давать обратную связь 
    • Прислушиваться к дизайнерам

    Согласовывать все до разработки. Вносить кардинальные изменения в флоу во время разработки — возможно, но обойдется дорого.

    💰 Цена

    $2,000 — $10,000

    💸  Где сэкономить?

    • Не делать прототип всего приложения
    • Отказаться от подхода «сделать несколько вариантиков»

    Разработка приложения

    Разработку мы ведем двухнедельными спринтами по фреймворку Scrum. В конце каждого спринта показываем одну или несколько готовых фичей. При таком подходе заказчик видит промежуточные результаты работы и всегда остается в курсе событий по ходу разработки. 

    Процесс разработки приложения мы планируем и отслеживаем в Jira и Hubstaff. Jira позволяет нам декомпозировать задачи, мониторить ход их выполнения и планировать спринты. На доске Kanban мы отслеживаем статус выполнения: в процессе, готово к деплою, оттестировано. Иногда заказчик хочет наблюдать, как двигаются карточки по доске. Не проблема, мы можем дать доступ к проекту.

    сколько стоит разработка приложения

    С Hubstaff нам легко контролировать процесс разработки приложения. Там мы фиксируем общее время работы над проектом и на основе этого выставляем счета заказчикам. В начале проекта мы прокидываем интеграцию с Jira и видим, сколько времени ушло на ту или иную задачу. Также эта информация нужна для того, чтобы просчитать скорость первых спринтов и понять, насколько быстро будут продвигаться следующие спринты.

    Анастасия Енина,

    Мы начинаем измерять скорость выполнения задач по итогам первых 3 спринтов и дальше делаем замеры по каждому спринту. Это позволяет нам рассчитывать производительность команды, понимать погрешность в оценке исходя из узких мест на проекте, а также управлять ожиданиями заказчиков. Условно, мы оценили весь проект в 1000 часов и планировали справиться за 8 спринтов. Проходит 3 спринта и мы видим, что справились с задачами за 300 часов вместо 360 по оценке — это круто. Значит, на этапе оценки мы предусмотрели основные узкие места и оперативно справлялись с затруднениями по ходу.

    Анастасия Енина, 
    руководитель проектного менеджмента

    Обычно мы сразу просим заказчика зарегистрировать аккаунт разработчика в Apple, чтобы мы с самого начала тестировали приложение в TestFlight. Также на демо заказчик сам может пощупать готовую часть приложения и если нужно, попросить что-то поменять. Android версию мы выгружаем в Google Play Console, откуда заказчик скачивает приложение на свое устройство. Это позволяет нам готовить две рабочие версии приложения и показывать результаты спринта.

    ⚙️ Инструменты: React Native

    Мы не удерживаем за собой никаких прав интеллектуальной собственности на приложения. Все, что мы разрабатываем, с первого же дня принадлежит заказчику. Работу над кодом мы ведем в Github. С первого дня разработки у клиента есть доступ к репозиторию. В конце спринта мы пушим готовые фичи заказчику.

    Что нужно от заказчика?

    • Появляться на демо 
    • К началу первого спринта зарегистрировать аккаунт в App Store и Play Market

    💰 Цена

    $15,000 — $100,000. Разброс цен настолько большой, так как все зависит от количества фичей в приложении. Нарисовать на дизайне можно все что угодно, но в реализации это может стоить дорого.

    💸 Где сэкономить?

    Не вносить кардинальных изменений в флоу и дизайне в процессе разработки приложения.

    QA тестирование

    Чтобы фичи в приложении работали каждый раз, а не по принципу «как Бог даст», нужно тестировать приложение. Для этого и нужны QA тестировщики. Задача тестировщика — попробовать поломать приложение, воспроизвести самый невообразимый пользовательский сценарий и указать на проблему разработчикам.

    В конце каждого спринта мы закладываем 2 дня на починку багов. А каждые 2 спринта проводим регрессионное тестирование: смотрим, как все фичи работают вместе. Это нужно, чтобы убедиться в том, что фичи из предыдущих спринтов не ломают друг друга. В прод не попадает ничего лишнего, все баги отсеиваются до этого.

    ⚙️ Инструменты: Vercel, Postman 

    Postman — это инструмент для тестирования Rest API. Он предназначен для проверки запросов с клиента на сервер. Например, Postman говорит: «Дай мне дату рождения этого пользователя». А бэк отвечает: «Да пожалуйста, вот он». Это позитивный кейс, но может быть и по-другому: «Пользователь не найден».

    Для того, чтобы показывать стабильно работающие фичи, каждый спринт мы используем Vercel. В нем можно тестировать отдельные готовые фичи. То есть разработчик закончил работать над корзиной покупок в одной ветке кода, маякнул тестировщику. Тот начинает тестить, а разработчик идет в другую ветку, делать новую фичу. Поэтому тестирование идет параллельно с разработкой.

    Екатерина Трактирова,

    Мы отвечаем еще и за то, чтобы приложение смотрелось красиво на всех устройствах. В нашем арсенале все максимально популярные девайсы: от iPhone 5C до iPhone 12 и от ZTE до Samsung. Если что-то «едет» на одном из смартфонов, просим разработчиков исправить.

    Екатерина Трактирова, 
    QA инженер

    Что нужно от заказчика?

    Практически ничего. QA инженеры знают, что делать, чтобы ни один баг не пробрался в приложение.

    💰 Цена

    30% от стоимости разработки.

    💸 Где сэкономить?

    К сожалению, нигде. Чем лучше тестируется приложение, тем меньше вероятность, что реальные пользователи увидят поехавшие кнопки на Android или сообщение «Связь с сервером утеряна».

    Релиз и поддержка

    Мало разработать приложение, его еще нужно правильно опубликовать в App Store и Google Play. Главное — следовать требованиям сторов и учитывать это на стадии дизайна. Иначе получится ситуация, когда на день рождения пекли всю ночь черемуховый торт, но не знали про то, что у именинника аллергия на черемуху. Мы знаем про все аллергии App Store и Google Play и учитываем это в дизайне.

    Как бы хорошо ни знал заказчик свою аудиторию, приложение никогда не получается идеальным с первого релиза. Пользователи всегда сами знают, что именно им нужно и начинают делиться обратной связью по продукту. Подсказывают, что можно сделать лучше или каких фичей не хватает — это все пища для ума владельца продукта. Чаще всего, к нам возвращаются после релиза и просят добавить несколько фичей.

    Чтобы после релиза приложение работало стабильно, нужно чтобы разработчик регулярно мониторил нагрузку на сервера. Если к моменту релиза вы еще не обзавелись своей командой для развития приложения, мы можем выделить нашего разработчика и тестировщика для поддержки. Они будут проверять ошибки в коде и исправлять баги.

    Что нужно от заказчика?

    Список новых фичей.

    💰 Цена

    $500 — до бесконечности. Зависит от того, насколько сложные фичи вы хотите реализовать и хорошо ли они вписываются в уже имеющуюся архитектуру приложения. 

    💸 Где сэкономить?

    Делать меньше фичей или находить компромиссные решения. Например, вместо отправки любых типов в файлов в чат, добавить только отправку фото.

    И все-таки, сколько стоит разработка приложения на React Native?

    Резюмируем, «сколько стоит разработка приложения». Есть много факторов влияющих на цену: объем функционала, сроки, масштабируемость решения. Но в среднем, мы разрабатываем приложения за 3 месяца с бюджетом около $40,000. В это входит детальная оценка стоимости, UI/UX дизайн, подготовка макетов к разработке, профессиональная разработка, QA тестирование и менеджмент.

    Чтобы составить детальную оценку конкретно вашего приложения, нам нужно прежде всего понять, какая у вас идея, затем созвониться и обсудить все детали в Zoom. Когда будет понятен объем функциональности, тогда мы сможем оценить объем работ и подобрать необходимый для этого технологический стек.

    P.S Сколько стоит разработка приложений как Tinder и Headspace

    Чтобы у вас было большее понимание того, сколько стоит разработка приложения на React Native, советуем вам заглянуть в раздел “Мобильная разработка” на нашем сайте. Мы собрали 10 оценок популярный приложений. Там есть маркетплейсы, соц. сети, мессенджеры, доставка еды и многое другое.

    Но всех чаще нас спрашивают, сколько стоит разработка приложений как Tinder или Headspace. Коротко расскажем об этом ниже.

    Tinder 

    Разработать приложение как Tinder — не дешевое удовольствие. Для этого нужна команда из 6 человек и $80.000 — $100.000 для полного цикла разработки. В него входит прототип, UI/UX дизайн, iOS и Android версии приложения, тестирование и релиз. Такое приложение можно выпустить за 5 месяцев, если хватает информации от заказчика и понятны требования к приложению.

    Headspace 

    По бюджету и размеру команды очень схож с Tinder. В сумме для такого приложения тоже понадобится команда из 6 человек, $85.000 и 5 месяцев на дизайн, разработку и релиз.

    У нас есть удобный калькулятор для расчета примерной стоимости приложения. А если нет времени объяснять письменно, просто заполните форму ниже, мы свяжемся с вами в течение 12 часов и обсудим детали проекта.