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

Разбираемся, как в семь шагов сделать мобильное приложение на 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, разбираемся с ньюансами.

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

0
46 комментариев
Написать комментарий...
Игорь Веденеев

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

Ответить
Развернуть ветку
Иван Колыхалов

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

Ответить
Развернуть ветку
Aleks B

это клей штоле

Ответить
Развернуть ветку
Иван Колыхалов

Можно и так, еще дешевле 😉

Ответить
Развернуть ветку
Aleks B

А на самом деле?)

Ответить
Развернуть ветку
Иван Колыхалов

Да ну Алексей, хорош, ну гугл же есть

Ответить
Развернуть ветку
Aleks B

webview тот же, только на новый лад

Ответить
Развернуть ветку
Иван Колыхалов

Зато крайне дешево, быстро и удобно для проектов описанных в статье

Ответить
Развернуть ветку
Иван Колыхалов

Кстати у vc довольно приятный pwa

Ответить
Развернуть ветку
Евгений Малаховский
Автор

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

Ответить
Развернуть ветку
John Woody

А есть каки-нибудь примеры приложений-сайтов? Хочу своими глазами посмотреть как это выглядит и проверить как быстро работает.

Ответить
Развернуть ветку
Евгений Малаховский
Автор
Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Евгений Малаховский
Автор

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

Ответить
Развернуть ветку
Georgy Ulyanov

я както простенький клон ленты из вк написал. год назад или чуть больше - пропустили. но с конца этого лета начали более жестко отслеживать такие заглушки - аппу забраковали.

Ответить
Развернуть ветку
Евгений Малаховский
Автор

По какому пункту заблокировали? Пробовали оправдаться?

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Ilya Marshev

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

Ответить
Развернуть ветку
Андрей Пронин

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

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

Ответить
Развернуть ветку
Антон Соловьев

Меня тоже больше всего порадовало, что автор за 300 в час решает любой вопрос. Какой-то digital аналог «мужа на час»? :)

Ответить
Развернуть ветку
Евгений Малаховский
Автор

:) да ну нет же, я же не с потолка пишу
в следующей статье наскриначу опыт с FL

Ответить
Развернуть ветку
Евгений Малаховский
Автор

реальные фрилансеры с FL.ru, нормальные специалисты
наши ребята в штате тоже по такой ставке работают

откуда такое мнение про специалистов?

Ответить
Развернуть ветку
Андрей Пронин

Значит они или не успели набрать портфолио или не ценят себя

300₽ в час - это меньше 50000 в месяц. А если ещё и налоги с них платить ...

Ответить
Развернуть ветку
Евгений Малаховский
Автор

с портфолио хорошим
во фрилансе мало кто платит налоги

Ответить
Развернуть ветку
Aleks B
Ответить
Развернуть ветку
Artem Voronov

А к чему все эти мытарства с оберткой сайта в приложение? не проще ли для MVP просто мобильный сайт использовать?

Ответить
Развернуть ветку
Евгений Малаховский
Автор

Для каких-то задач достаточно и мобильного сайта конечно. Но приложения дают дополнительный трафик с AppStore и Google Play. Push-уведомления, GPS, контакты телефонной книжки и много чего интересного.

Ответить
Развернуть ветку
Artem Voronov

Push, GPS доступно и для мобильных сайтов есть. Да и далеко не для всякого MVP нужны.
Может быть это и оправдано для B2C проектов, но для B2B выглядит оверинжинирингом.

Ответить
Развернуть ветку
Шухрат Мурадов

В поисках разработчика моб приложения! Пишите на почту: [email protected]

Ответить
Развернуть ветку

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

Развернуть ветку
Евгений Малаховский
Автор

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

Ответить
Развернуть ветку

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

Развернуть ветку
Евгений Малаховский
Автор

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

Ответить
Развернуть ветку

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

Развернуть ветку
Георгий Пятница

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

Ответить
Развернуть ветку
Кроко

Понятно. Хуяк-хуяк - и в продакшн.

Ответить
Развернуть ветку
Bogdan Novikov

Кажется, первую версию инстаграма так же делали

Ответить
Развернуть ветку
Dima Kotobotov
Уверен что появятся и инвесторы, которые готовы профинансировать вашу идею

давно прошло время инвестирований в идею

закрытого клуба стартаперов

а чем вас открытый клуб на VC не устраивает?

Ответить
Развернуть ветку
Евгений Малаховский
Автор

Инвестировать на этапе идеи выгодно, само собой это совсем небольшие деньги и это больше вера в человека или команду. Кто-то может инвестировать и не деньгами, а маркетингом например.

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

Ответить
Развернуть ветку

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

Развернуть ветку
Шухрат Мурадов

Добрый день, Друзья! Прочитал данный пост и дебаты и решил написать сюда, в общем поисках разработчика моб приложения для проекта! Пишите на почту: [email protected]

Ответить
Развернуть ветку
Шухрат Мурадов

Добрый день, Друзья! Прочитал данный пост и дебаты и решил написать сюда, в общем поисках разработчика моб приложения! Пишите на почту: [email protected]

Ответить
Развернуть ветку
Денис Гордиенко

Правила FFF для инвестирования на этапе идеи никто не отменял

Ответить
Развернуть ветку

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

Развернуть ветку
Art Moderator

Куда деньги на лечение скидывать?

Ответить
Развернуть ветку
Евгений Малаховский
Автор

все уже знают

Ответить
Развернуть ветку

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

Развернуть ветку
Stanislav Silnicki

Шаг 4: odoo.com имеет сайтбилдер с учетом верстки по мобильную версию

Ответить
Развернуть ветку
sergey s

O

Ответить
Развернуть ветку
Максим Кульгин
Ответить
Развернуть ветку
Шухрат Мурадов

Добрый день, Друзья! Прочитал данный пост и дебаты и решил написать сюда, в общем поисках разработчика моб приложения для проекта Стартап! Пишите на почту: [email protected]

Ответить
Развернуть ветку

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

Развернуть ветку
43 комментария
Раскрывать всегда