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

Разбираемся, как в семь шагов сделать мобильное приложение на iOS и Android для своего стартапа собственными силами.

Технический директор BrightMobile рассказывает как создавать мобильные приложения на iOS и Android для Вашего стартапа.

Я не буду рассказывать как программировать, а буду давать материалы как и что делать своими руками или кого нанять за приемлемую цену.

Не делайте первую версию больше 10-и экранов, лучше выделить что-то очень важное, то что вы хотите протестировать в режиме минимально рабочей версии.

1 шаг, структура экранов

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

Например вот так он может выглядеть:

  1. Авторизация (ввод номера мобильного и ввод кода из смс);
  2. Профиль клиента (имя, фамилия, город);
  3. Оплата (список карт для оплаты поездок, привязка карты для оплаты);
  4. Вызов такси (откуда, куда, опции, цена поездки);
  5. Поездки (история поездок);
  6. Детали поездки (информация о прошлых поездках и возможность поставить оценку водителю);
  7. Пользовательское соглашение (информация о правилах сервиса).

Что удобно, сначала вы напишете экранов 30-50 и будете убирать то что можно отложить на вторую версию.

2 шаг, прототипирование

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

Приведу типовые цифры:

  • трудозатраты на один экран 1,5 часа;
  • цена на FL 300р x 1,5ч = 450р за экран.

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

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

3 шаг, дизайн

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

Приведу типовые цифры:

  • трудозатраты на один экран 4 часа;
  • цена на FL 300р x 4ч = 1 200р за экран.

4 шаг, серверная часть и админка

Параллельно дизайну можно заняться серверной частью, я для себя нашел идеальное решение 1С-Битрикс: Управление сайтом, которое без программирование поддается конфигурированию. По сути все сводится к проектированию нужных таблиц, тут они называются инфоблоками. Вам нужна редакция Старт, которая стоит всего 5 400 рублей. Для того чтобы освоить данный инструмент понадобиться порядка 16 часов, для этого есть отличные материалы, после которых можно пройти экзамен с получением сертификата.

5 шаг, верстка

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

Приведу типовые цифры:

  • трудозатраты на один экран 8 часов;
  • цена на FL 300р x 8ч = 2 400р за экран.

6 шаг, сборка функционала

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

Приведу типовые цифры:

  • трудозатраты на один экран 8 часов;
  • цена на FL 300р x 8ч = 2 400р за экран.

7 шаг, сборка приложения

Остается последний штрих, обернуть мобильный сайт в приложение для iOS и Android, а также выложить в Google Play и AppStore.

Приведу типовые цифры:

  • трудозатраты 2 часа на обертку и столько же на публикацию;
  • цена на kwork 4000р за iOS и Android.

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

А как же опыт и экспертиза?

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

И тут у меня как раз и возникла идея закрытого клуба стартаперов, в котором можно давать эту экспертную обратную связь. Как считаете хорошая идея? На базе чего лучше сделать? ВКонтакте, Telegram, Facebook, Whatsapp?

Итоги

Давайте подведем итоги для 10-и экранного приложения в экономичном варианте с наймом специалистов на FL:

  • прототип 4 500;
  • серверная часть 5 400;
  • дизайн 12 000;
  • верстка 24 000;
  • сборка 24 000;
  • приложение 4 000;
  • итого: 73 900 рублей.

В следующих статьях расскажу:

  • как составлять структуры и выкидывать ненужное на примерах;
  • как более точно считать трудозатраты, расскажу как оценку по среднему заменить на простой, средний и сложный экран;
  • как можно обойтись без дизайна и отложить на потом, сэкономив для MVP версии;
  • как нанять специалиста для прототипирования и дизайна и не потерять деньги;
  • как нанять верстальщика и получить результат;
  • разберемся с полнофункциональной сборкой;
  • как собрать в мобильное приложение, которое можно разместить в AppStore и Google Play;
  • публикуем свое первое приложение в AppStore и Google Play, разбираемся с ньюансами.

Всем успешного взлета стартапа!

3434
46 комментариев

7 шаг. Apple не очень любит приложения-сайты и, вероятно, не пропустит такое в AppStore

11
Ответить

Поэтому далеам PWA и экономим 90% бюджета. Не благодарите.

1
Ответить

Игорь пропускает без проблем. Напишу какие секретики использовать в одной из следующих статей.

Ответить

Комментарий недоступен

Ответить

Комментарий недоступен

Ответить

От качества реализации всё зависит, а вообще он их без проблем пропускает.

Ответить

За 300₽ в час будут работать только студенты;)

Потом этот код только выбрасывать в помойку

4
Ответить