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

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

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

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Евгений Малаховский", "author_type": "self", "tags": [], "comments": 48, "likes": 41, "favorites": 254, "is_advertisement": false, "subsite_label": "services", "id": 52792, "is_wide": false, "is_ugc": true, "date": "Mon, 10 Dec 2018 20:41:08 +0300" }
{ "promo": {"title":"\u0411\u0430\u043d\u043d\u0435\u0440\u044b \u0434\u043b\u044f \u043c\u0435\u0434\u0438\u0439\u043a\u0438","order_id":1528,"state":80,"description":"HTML5, GIF, \u0441\u0442\u0430\u0442\u0438\u043a\u0430, \u0432\u0438\u0434\u0435\u043e, Stories","email":"tolkunovdb@gmail.com","button_text_id":3,"link":"https:\/\/tolkunov.com\/?utm_source=vc&utm_medium=miniad&utm_campaign=january19","app_store_link":null,"google_play_link":null,"color_id":3,"rejection_reason_text":null,"image":"{\"type\":\"image\",\"data\":{\"uuid\":\"41176a71-6175-567c-225e-31e7709b4327\",\"width\":500,\"height\":500,\"size\":7289,\"type\":\"jpg\",\"color\":\"1c9cd4\",\"external_service\":[]}}","total":15000,"with_payment":true,"dates":"[{\"year\":\"2019\",\"month\":\"01\",\"day\":\"22\",\"available\":\"true\",\"price\":\"15000\",\"discount\":\"0\",\"format\":\"backend\"}]","hits_count":10542,"scrolls_count":0,"clicks_count":26,"hits_limit":0,"scrolls_limit":0,"clicks_limit":0}, "link": "https://vc.ru/redirect?hash=ffe3550907cac285bbe194e5cc0bfc4136b260de87ef16f5410a24c518617363&component=booster&id=106&type=daily&target=entry&url=aHR0cHM6Ly90b2xrdW5vdi5jb20vP3V0bV9zb3VyY2U9dmMmdXRtX21lZGl1bT1taW5pYWQmdXRtX2NhbXBhaWduPWphbnVhcnkxOQ==", "buttonText": "Заказать", "location": "entry", "id": "106" }
{ "id": 52792, "author_id": 53577, "diff_limit": 1000, "urls": {"diff":"\/comments\/52792\/get","add":"\/comments\/52792\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/52792"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 200396, "possessions": [] }

48 комментариев 48 комм.

Популярные

По порядку

Написать комментарий...
9

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

Ответить
1

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

Ответить
8

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

Ответить
2

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
2

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

Ответить
0

А зачем пользователям нужно приложение, которое копирует сайт?

Ответить
0

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

Ответить
–1

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

Ответить
0

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

Ответить
0

Это касается только приложений-сайтов или любого приложения разработанного с использованием html, js,css?

Ответить
0

PapaJohns и Steam смотрят на этот коммент с недоумением.

Ответить
–1

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

Ответить
4

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

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

Ответить
1

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

Ответить
2

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

Ответить
0

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

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

Ответить
0

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

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

Ответить
0

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

Ответить
2

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

Ответить
1

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

Ответить
2

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

Ответить
0

В поисках разработчика моб приложения! Пишите на почту: s.muradov@evenfound.org

Ответить

0

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

Ответить

0

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

Ответить
2

Статья полезная,спасибо! Буду ждать продолжения от автора.

Ответить
2

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

Ответить
2

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

Ответить
1

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

Ответить
0

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

давно прошло время инвестирований в идею
закрытого клуба стартаперов

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

Ответить
6

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

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

Ответить
0

Конструктив со стороны никому не помешает, почему бы и не начать обсуждать?

Ответить
0

Добрый день, Друзья! Прочитал данный пост и дебаты и решил написать сюда, в общем поисках разработчика моб приложения для проекта! Пишите на почту: s.muradov@evenfound.org

Ответить
0

Добрый день, Друзья! Прочитал данный пост и дебаты и решил написать сюда, в общем поисках разработчика моб приложения! Пишите на почту: s.muradov@evenfound.org

Ответить
0

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

Ответить

0

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

Ответить
0

все уже знают

Ответить

0

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

Ответить
0

O

Ответить
0

Добрый день, Друзья! Прочитал данный пост и дебаты и решил написать сюда, в общем поисках разработчика моб приложения для проекта Стартап! Пишите на почту: s.muradov@evenfound.org

Ответить

0
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Нейронная сеть научилась читать стихи
голосом Пастернака и смотреть в окно на осень
Подписаться на push-уведомления
{ "page_type": "default" }