Исследование и предложение по разработке мобильного сервиса

1. АИТИ
МОБИЛЬНОЕ ПРИЛОЖЕНИЕ
И WEB-ПЛАТФОРМА С DESKTOP-ВЕРСИЕЙ
СЕРВИСА ЗНАКОМСТВ С МЕНТОРАМИ
на базе самых современных web и мобильных технологий
с видеозвонками, файлами, роликами и платежами
www.ircit.ru
© 2016 ООО «ИРЦ АЙТИ». Москва.
Подготовил: Александр Успешный.

2. 2
АИТИ
2
ПОСТАНОВКА ЗАДАЧИ
Разработать мобильное приложение,
объединяющее стартапы и менторов.
Начинающие бизнесмены выкладывают
в своем профиле видео-презентации
с описанием своей компетенции, деловых
идей и предложений, рассказывают
о достижениях и возможностях.
Менторы просматривают ленту новых видео
стартапов. Список пользователей, чье видео
доступно данному ментору, может
настраиваться, например, в зависимости
от географической удаленности
пользователя от ментора.
Ментор может пропустить стартап,
подписаться на него, либо стать его ментором.
Ментор - это эксперт, у которого есть практический опыт ведения бизнеса, временный член
команды стартапа, исполняющий роль консультанта, помощника, его задача - помогать проекту
своими знаниями и опытом, но не материальной поддержкой и не практической работой.
Приложение должно позволять ментору загружать
файлы, статьи, делать заметки через Личный кабинет.
Между ментором и пользователем возможен
чат и видеозвонок.
На этапе анализа задачи нам предстояло изучить
присланный видео-пример приложения (MENTORS PORTAL),
а также проанализировать схожие по функционалу
сервисы Tinder и Bumble.

3. ИССЛЕДОВАНИЕ

4. 4
АИТИ
4
ИЗУЧЕНИЕ TINDER
Мы тщательно проанализировали все возможности Tinder (приложение для знакомств)
и сопоставили его с функционалом прототипа в присланном видео.

5. 5
АИТИ
5
ИЗУЧЕНИЕ BUMBLE
Протестировали работу другого социального приложения для знакомств и общения – Bumble.

6. 6
АИТИ
6
На базе информации, собранной
в процессе исследования,
мы подготовили прототипы интерфейса
будущего Приложения, позволяющие говорить
предметно о его функционале и облегчающие
взаимопонимание с Заказчиком
в дальнейшей работе над проектом.
Результаты исследования также легли
в основу расчётов сложности и времени
реализации проекта, его стоимости.

7. РАЗРАБОТКА ПРОТОТИПОВ

8. 8
АИТИ
8
СОЗДАНИЕ ПРОТОТИПОВ В SKETCH
8
АИТИ
8

9. 9
АИТИ
9
П Е Р В О Е З Н А К О М С Т В О
А В Т О Р И З А Ц И Я
Для входа на сайт пользователю
необходимо авторизоваться.
Доступна простая авторизация
и регистрация через e-mail / пароль,
а также вход через Facebook.
Забытый пароль можно восстановить.
При регистрации, либо сразу после нее
(в случае авторизации через Facebook)
пользователь должен сразу указать
свою роль – ментор / стартап.
Э К Р А Н З А Г Р У З К И
Во время загрузки
Приложения
пользователь видит
заставку с логотипом
проекта.
По окончании этого
процесса заставка
плавно скрывается
вверху экрана (slideUp).
С Л А Й Д - М Е Н Ю
Навигационное меню Приложения
раскрывается в левой части экрана.
Помимо ссылок, в меню выводится
актуальная информация о кол-ве
новых событий в том или ином
разделе Приложения, относящихся
к данному пользователю.
М Е Н Ю М Е Н Т О Р А
Стартапы – список видео стартапов
Подписки – на кого ментор
подписался
Лайки – стартапы, которые поставили
лайк ментору, статус популярности
ментора
Партнерство – кого ментор выбрал
как подопечного, кто откликнулся
Блог – публикация экспертных постов
Чат – чат и видеозвонки
Моя лента – добавление видео
ментора и документов
М Е Н Ю С Т А Р Т А П Е Р А
Менторы – список всех менторов
Подписчики – список менторов,
которые подписались на стартап
Партнерство – список менторов,
которые хотят помочь, список тех, кого
выбрал стартап для сотрудничества
Чат - чат и видеозвонки
Моя лента - добавление видео
стартапа и документов
Настройки – настройки профиля

10. 10
АИТИ
10
Настройки пользователя позволяют ему
редактировать персональную информацию,
выбрать тип аккаунта (единоразово), изменить
текст о себе и о своем проекте (информация о проекте
вводится только стартапом), настроить доставку
системных уведомлений (уведомления будут
приходить как в Приложении, так и на e-mail
пользователя), сменить пароль и удалить
учетную запись полностью.
Н А С Т Р О Й К А

11. 11
АИТИ
11
И Н Т Е Р Ф Е Й С М Е Н Т О Р А
В И Д Е О С Т А Р Т А П О В
Ключевым разделом Приложения является
список видео-презентаций стартаперов,
находящихся в поиске ментора.
Видео хранятся на YouTube.
Этот список доступен только пользователям
группы «Менторы».
По каждому элементу выводится краткая
информация, необходимая и достаточная для
быстрого принятия решения: имя, сводная
информация по пользователю (количество
видео, документов и подписчиков-менторов,
географическая удаленность), название
проекта, краткое описание проекта, теги.
О Т Б О Р П О Л Ь З О В А Т Е Л Е Й
Задача ментора при
просмотре списка видео
– отобрать наиболее
интересных кандидатов
и отсеять слабые стартапы,
либо стартапы,
не относящиеся
к его компетенции.
П Р О С М О Т Р В И Д Е О
При клике на PLAY
ментор может
просмотреть видео
пользователя,
находясь
в общем списке.
Видео можно
развернуть
У П Р А В Л Е Н И Е П А Р Т Н Е Р С Т В О
В этом разделе отображаются стартапы,
которым ментор хотел бы помочь.
Отдельно выводятся проекты, которые,
рассмотрев кандидатуру и компетенцию
ментора, согласились на сотрудничество.
Список стартапов также предоставляет
информацию, находится ли пользователь
online, состоит ли он в числе подписок
ментора.
Доступен фильтр по названию
стартапа и по тегам.
Swipe left / - забыть стартап,
а если ментор подписан на такого
пользователя – пропустить текущее
видео, но следить за обновлениями
пользователя в будущем
Reload / - отложить решение
Swipe right / - стать ментором
Подписаться / - ментор может
подписаться на обновления

12. 12
АИТИ
12
И Н Т Е Р Ф Е Й С С Т А Р Т А П А
Ф И Л Ь Т Р
Фильтр доступен как
в списке видеопрезентаций
пользователей,
просматриваемых менторами,
так и в списке менторов
в интерфейсе пользователя.
Список можно фильтровать
по следующим критериям:
возраст участника, геогр.
удаленности от текущего
пользователя (на базе автом.
геотаргетинга), статус (online /
offline), теги.
12
АИТИ
12
Н О В Ы Е М Е Н Т О Р Ы
Пользователь может просматривать
список менторов Приложения в порядке
их добавления в сервис. Вверху списка
выводятся новые участники.
С П И С О К М Е Н Т О Р О В
Стартапы могут лайкать ментора, в зависимости
от чего формируется индекс его популярности.
Сервис может ставить особую отметку
проверенным менторам, которые определенным
образом подтвердили свою компетенцию.
Менторы, как и пользователи, могут загружать
в Приложение видео и документы о себе,
а также писать статьи в персональный блог для
подтверждения уровня своего профессионализма.
М О И П О Д П И С Ч И К И
В этом разделе пользователь видит
список менторов, которые подписались
на него.

13. 13
АИТИ
13
П Е Р С О Н А Л Ь Н А Я С Т Р А Н И Ц А
С Т Р А Н И Ц А С Т А Р Т А П А
Персональная страница ментора выглядит аналогичным образом (с учетом
доступного этой группе пользователей функционала) и видна только стартапам.
В И Д Е О
Страница стартапа посвящена
его проекту.
Страницу проекта может видеть
только пользователь типа «ментор».
Выводится название и описание
проекта, теги (для поиска стартапов
по схожей тематике).
На первой вкладке ментор
может выбрать для просмотра
интересующее его видео
по данному стартапу.
О Н Л А Й Н Ч А Т
При помощи Приложения стартапы и менторы могут
общаться в чате онлайн. Чат позволяет обмениваться
сообщениями, ставить смайлы, обмениваться
документами из личного кабинета.
П О Л Ь З О В А Т Е Л Ь С К И Й К О Н Т Р О Л Ь
Стартапы и менторы могут сообщить администрации
сервиса о нарушениях со стороны других участников.
Такие обращения могут касаться, например, нарушений
чьих-либо авторских прав, открытия нелегального
бизнеса, грубого поведения, запрещенного контента и др.
Д О К У М Е Н Т Ы
Стартап может загрузить документы, относящиеся
к проекту (например, учредительные документы,
патенты, прототипы и пр.). Список документов
доступен на соответствующей вкладке.
Документы можно скачать.
На любой вкладке проекта имеются кнопки «Добавить»
и «Подписаться», предназначенные для того, чтобы
ментор смог стать наставником по текущему проекту,
либо начал следить за развитием стартапа.

14. 14
АИТИ
14
О Н Л А Й Н Ч А Т
О К Н О Ч А Т А
Привычный интерфейс
онлайн чата, сохранение
истории переписки в
хронологическом порядке.
Рядом с именем
пользователя показан его
статус присутствия в сети.
Д И А Л О Г И
Переписка с любым
пользователем доступна
в списке диалогов.
К любому чату в списке можно
перейти - для просмотра истории
или продолжения общения. Также
переписку с пользователем можно
удалить.
У В Е Д О М Л Е Н И Я
При получении нового
сообщения пользователь
Приложения получает
соответствующее
уведомление, независимо
от того, с каким разделом он
в данный момент работает.
Кликнув на иконку
уведомления, можно
перейти к диалогу.
В И Д Е О З В О Н О К
Онлайн-чат позволяет совершать
видеозвонки, используя камеру
устройства пользователя.
Кроме того, к переписке можно
прикрепить фотографию, сделав
новый снимок камерой, либо выбрав
ранее сохраненное на устройстве
изображение.

15. 15
АИТИ
15
В И Д Е О З В О Н К И
Н Е В О З М О Ж Н О С О В Е Р Ш И Т Ь З В О Н О К
В случае, если на устройстве
пользователя не доступна
онлайн-камера, будет выведено
соответствующее уведомление.
В И Д Е О Ч А Т
Возможности Приложения при видеозвонке
позволяют пользователю видеть собеседника
(во весь экран), видеть свое изображение
(в мини-окне), следить за временем разговора,
отключить видео, прекратить звонок, перейти
к чату (в этом случае видео собеседника
переместится в небольшое окошко справа).
В Х О Д Я Щ И Й З В О Н О К
Пользователь может принять, либо
отклонить входящий видеозвонок,
независимо от его текущего
местоположения в Приложении.

16. 16
АИТИ
16
Р А Б О Т А С П Р О Ф И Л Е М
Л Е Н Т А С С О Б Ы Т И Я М И
Так выглядит пример рабочей
живой ленты с историей
работы в разделе.
Ж И В А Я Л Е Н Т А
В живой ленте в хронологическом порядке
отображаются все действия пользователя
с видео и документами, совершенные
им в собственном профиле.
Для инициации нового действия
достаточно нажать кнопку «+».
Для менторов также доступна
возможность добавления нового
поста в блог.
Д О Б А В Л Е Н И Е П У Б Л И К А Ц И И
Нажимая кнопку «+» для добавления
новой публикации, пользователь выбирает
ее тип – документ (изображение,
текстовый документ, PDF) или новое
видео с YouTube, пост в блог
(для ментора).

17. 17
АИТИ
17
ДИЗАЙН
МОБИЛЬНОГО ПРИЛОЖЕНИЯ
Представленные на предыдущих страницах
интерфейсы – это прототипы разделов сайта.
Дизайн, цветовая гамма, типографика, отрисовка
отдельных элементов управления будет
прорабатываться отдельно.
17
АИТИ
17

18. WEB-ПЛАТФОРМА

19. 19
АИТИ
19
DESKTOP
Мы реализуем и полнофункциональную адаптивную
десктоп-версию вашего Мобильного приложения,
с которой можно будет работать как с простым
сайтом через любой браузер.
Сайт и Мобильное приложение будут работать
с одной общей базой данных.

20. 20
АИТИ
20
ДИЗАЙН
DESKTOP И TABLET ВЕРСИИ
20
АИТИ
20

21. КЛЮЧЕВЫЕ ОСОБЕННОСИ

22. 22
АИТИ
22
УМНЫЕ УВЕДОМЛЕНИЯ
Email и PUSH уведомления
о всех важных событиях
ПРИЕМ ПЛАТЕЖЕЙ
Сервис готов принимать
SMS-платежи, оплаты PayPal
и банковские карты
ГЕОЛОКАЦИЯ
Сервис полностью настроен
для геолокации, показываются
ближайшие возможные пары
в первую очередь
ЧИСТЫЙ КОД,
БЕЗ ФРЭЙМВОРКОВ
Сервис не используют
какие-либо рамки, его очень легко
понять и изменить исходный код
МУЛЬТИПЛАТФОРМЕННЫЙ
ВИДОЕОЗВОНОК
То, что все сайты знакомств
хотели бы иметь!
Видео вызов в ULTRA HD качестве.
Как Facebook или Skype
ИНТЕГРАЦИЯ
С СОЦИАЛЬНЫМИ СЕТЯМИ
Позвольте вашим посетителям быстро
соединиться с их аккаунтом в Facebook
и Instagram

23. 23
АИТИ
23
ВОЗМОЖНОСТИ СЕРВИСА
ПОДДЕРЖКА МНОГОЯЗЫНОСТИ
АСИНХРОННЫЙ ОБМЕН ДАННЫМИ (AJAX) ДЕЛЮЩИЙ РАБОТУ
С СЕРВИСОМ БЫСТРОЙ, КАК ФЕРРАРИ
ПРОДУМАННЫЙ ИНТЕРФЕЙС И MATERIAL DESIGN
УМНЫЕ PUSH И EMAIL УВЕДОМЛЕНИЯ
РЕКЛАМНЫЕ МЕСТА НА САЙТЕ (МОНЕТИЗАЦИЯ)
ВНУТРЕННЯЯ КРЕДИТНАЯ СИСТЕМА (МОНЕТИЗАЦИЯ)
ОБЫЧНЫЕ И ПРЕМИУМ УЧЕТНЫЕ ЗАПИСИ (МОНЕТИЗАЦИЯ)
АДАПТИВНАЯ ВЕРСИЯ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТ
ПРИЛОЖЕНИЯ ПО IOS И ANDROID
МЕДИА ПРОСМОТР КРУЧЕ ЧЕМ INSTAGRAM
“В ЦЕНТРЕ ВНИМАНИЯ” ДИНАМИЧЕСКИ ОБНОВЛЯЕМЫЙ
БЛОК ДЛЯ МОНЕТИЗАЦИИ
ЖИВАЯ ЛЕНТА АКТУАЛЬНЫХ СОБЫТИЙ
И МНОГОЕ ДРУГОЕ…
ПРИЕМ ПЛАТЕЖЕЙ
Серивис готов принимать платежи
по всем миру за счет интеграции
с серивисом SMS-платежей (payGol),
и мерчантом PayPal.

24. ПОДДЕРЖКА МУЛЬТИПЛАТФОРМЕННЫХ ВИДЕОЧАТОВ
ВЫСОКОГО КАЧЕСТВА, КАК SKYPE / FACEBOOK
С ИСПОЛЬЗОВАНИЕМ ОДНОРАНГОВОЙ СВЯЗИ.
ПОДДЕРЖКА СМАЙЛИКОВ
ПОДДЕРЖКА ЗАГРУЗКИ И ОБМЕНА ЧАСТНЫМИ ФОТО
СМАРТ-ЧАТ (BUBBLE HEADS)
ЧАТ ВИДЖЕТ (В ЛЕВОЙ ЧАСТИ ВСЕГДА ВИДНЫ БЕСЕДЫ)
НОВЫЕ СООБЩЕНИЯ (АВТОМАТИЧЕСКОЕ УВЕДОМЛЕНИЕ
С ИЗМЕНЕНИЕМ ЗАГОЛОВКА В БРАУЗЕРЕ)
ЗВУКОВОЕ УВЕДОМЛЕНИЕ О НОВОМ СООБЩЕНИИ
ВИРТУАЛЬНЫЕ ПОДАРКИ (МОНЕТИЗАЦИЯ)
УВЕДОМЛЕНИЕ (ЕСЛИ ПОЛЬЗОВАТЕЛЬ OFFLINE)
ВОЗМОЖНОСТИ ЧАТА
Работают в Chrome и Firefox, также на
мобильных устройствах. Позволяют cовершать
кросс-браузерные и кросс-платформенные
видеозвоноки.
ULTRA HD ВИДЕОЗВОНКИ
УМНЫЕ УВЕДОМЛЕНИЯ
ОПОВЕЩЕНИЕ О НОВОМ СООБЩЕНИИ,
ЕСЛИ ПОЛЬЗОВАТЕЛЬ OFFLINE
УВЕДОМЛЕНИЕ ПРИ ДОБАВЛЕНИИ ПОЛЬЗОВАТЕЛЕМ
НОВОЙ ФОТОГРАФИИ В ПРОФИЛЕ
УВЕДОМЛЕНИЕ ПРИ НАЙДЕННОЙ ПАРЕ
УВЕДОМЛЕНИЕ ПРИ ПОСТАВЛЕННОМ ЛАЙКЕ
https://www.heroku.com/pricing
24
АИТИ
24

25. ОТЧЕТЫ И СТАТИСТИКА СЕРВИСА (ЗАРЕГИСТРИРОВАННЫЕ
/ АКТИВНЫЕ /ОНЛАЙН ПОЛЬЗОВАТЕЛИ, ФОТОГРАФИИ,
ВИДЕОЗВОНКИ)
УПРАВЛЕНИЯ ЦЕНАМИ (ПОДАРКИ, КРЕДИТНЫЕ ПАКЕТЫ,
А ТАКЖЕ ТАРИФНЫЕ ПЛАНЫ ПРЕМИУМ-АККАУНТОВ
УПРАВЛЯТЬ ПОЛЬЗОВАТЕЛЯМИ (РЕДАКТИРОВАТЬ
И УДАЛЯТЬ ИНФОРМАЦИЮ ПОЛЬЗОВАТЕЛЕЙ)
ДОБАВЛЯТЬ/РЕДАКТИРОВАТЬ ЯЗЫКОВЫЕ ВЕРСИИ
УПРАВЛЯТЬ РЕКЛАМНЫМИ БЛОКАМИ
МОДЕРИРОВАТЬ ПОЛЬЗОВАТЕЛЬСКИЙ КОНТЕНТ
СМОТРЕТЬ ОТЧЕТЫ ВИДЕОЗВОНКОВ
ДЛЯ АДМИНИСТРАТОРА ДЛЯ ПОЛЬЗОВАТЕЛЯ
ИМПОРТ ФОТОГРАФИЙ ИЗ INSTAGRAM
УПРАВЛЕНИЕ УВЕДОМЛЕНИЯМИ
УМНЫЙ ФИЛЬТР ПОИСКА (ЗАПОМИНАЕТ КАЖДОЕ
ИЗМЕНЕНИЯ НАСТРОЕК ФИЛЬТРА)
ЖАЛОБА / БЛОКИРОВКА ДРУГИХ ПОЛЬЗОВАТЕЛЕЙ
СВЯЗАТЬСЯ С FACEBOOK НАПРЯМУЮ
ИГРА В СИМПАТИИ (КАК BADOO)
СМОТРИТЕ, КТО ПОСЕТИЛ ПРОФИЛЬ
ИСТОРИЯ ДАННЫХ ПОДОБНЫХ
УДАЛИТЬ УЧЕТНУЮ ЗАПИСЬ
ДОБАВИТЬ ОБЩЕДОСТУПНЫЕ ИЛИ ПРИВАТ ФОТОГРАФИИ
ДОБАВЛЕНИЕ И ИЗМЕНЕНИЕ “БИО” В ПРОФИЛЕ
25
АИТИ
25

26. Начните свой сайт знакомств со всеми необходимыми
средствами на dating рынке!
Мобильное приложение с Push-уведомлениями
и распознаванием пользователя.
МОБИЛЬНЫЕ ПРИЛОЖЕНИЯ
26
АИТИ
26

27. АИТИ
ДАВАЙТЕ НАЧНЕМ!
АЛЕКСАНДР УСПЕШНЫЙ
Генеральный директор
www.ircit.ru
+7 499 215-34-34
+7 916 953-57-60
mailbox@ircit.ru
facebook.com/ircit