Top.Mail.Ru

TwoCapp

Две столицы. Один поезд. Одно приложение.

Two Capitals application

Деловые контакты и знакомства
Возможность установить деловые контакты с пассажирами Сапсана. Смотрите, кто едет с вами на одном рейсе, добавляйте пассажиров в друзья, пишите сообщения.
Twocapp case  intro phones
Background
Пользу от нетворкинга сложно переоценить, также, как ценность времени и мобильность. Связи, время и движение — три кита любого бизнес-ориентированного человека.
Учитывая это, команда Molinos разработала новое приложение для бизнес-знакомств в Сапсанах. Приложение специально создано для нетворкинга пассажиров высокоскоростных поездов, которые могут использовать свои 4 часа более эффективно. Приложение не содержит ничего принципиально нового с точки зрения ИТ решений. Главное — это идея применения, контекст.
Branding

Branding

Название и логотип
Идея
СПбМСК
Two capitals
+
Координаты
+
Application
Результат
Составляющие
Цвет
Coral
Crimson
Mineshaft
df1c45
ff2b44
333333
Шрифт
Ubuntu
Arial
Версии
  • TwoCapp logo version
  • TwoCapp logo version
  • TwoCapp logo version
  • TwoCapp logo version
  • TwoCapp logo version
  • TwoCapp logo version
Digital

Digital

Приложение и веб-версия
Особенности приложения
Scale
Background wrap
  • Войдите через социальные сети Вконтакте или Facebook. Приложение автоматически определит ваших друзей, которые уже используют приложение.
  • Зарегистрируйтесь на рейс через приложение и начните общение с его пассажирами: добавляйтесь в друзья, пишите личные сообщения, организовывайте встречи.
  • Просматривайте будущие рейсы своих друзей, чтобы организовывать совместные поездки.
  • Приложение поможет не пропустить свои будущие поездки, заблаговременно оповещая вас. (скоро!)
  • Все ваши поездки сохраняются в истории ваших рейсов.
  • Публикуйте свои материалы в общей ленте приложения.
  • Вы можете скачать приложению под свою платформу в AppStore или GooglePlay.
  • Организовывайте события прямо во время рейсов Сапсана. (скоро!)
Platform
Технические особенности приложения
Платформы и технологии
Студия занимается веб-разработкой, поэтому сначала мы реализовали веб-приложение TwoCapp.
Изначальная задача предполагала дальнейшее распространение через мобильные сторы Apple и Google. Соответственно, нам нужно было учесть два важных момента:
  • использовать стандартные веб-технологии, такие как HTML5, CSS3 и JavaScript для кросс платформенной разработки, избегая родного языка разработки для каждой из мобильных платформ
  • расширить приложение на более чем одну платформу, без необходимости повторно реализовать его для каждого языка разработки платформ и набора инструментов.
Поэтому мы использовали Apache Cordova (платформа разработки мобильных приложений с открытым исходным кодом), чтобы развернуть веб-приложение, которое впоследствии было упаковано для распространения в различных магазинах приложений.
Sync
Синхронизация с системами
Background wrap
Новостная лента формируется из активности пользователей и сообщений по заданному хэштегу из социальных сетей Instagram, Вконтакте.
Задача формирования ленты — это задача доставки контента от пользователей приложения другим пользователям этого же приложения. Лента, как правило, состоит из одношёрстного контента: фотографии, селфи, какие-то текстовых статусов и т.д. В будущем мы планируем добавить репосты, комменты, лайки.
TwoCapp feed
Основная задача, которую мы решили в разделе Лента: агрегация всей активности, всего контента, который постят пользователи в Instagram или Вконтакте по заданным нами хэштегам (сейчас это #cапсан, во время проведения каких-то крупных мероприятий мы можем отображать там тематический контент).
Background-wrap
Twocapp case  step(1)
Регистрируйтесь через социальные сети Вконтакте и Facebook
Укажите свою компанию и должность, чтобы другие участники могли вас найти.
Спланируйте свои встречи в поезде. Выбирайте даты своей поездки и добавляйте пассажиров в друзья.
Укажите дату вашей поездки и свой рейс
Список будущих рейсов доступен на неделю вперёд, а все совершенные поездки сохраняются в истории рейсов.
Добавив рейс вы увидите список всех пассажиров. Если кто-то из ваших друзей в социальной сети едет с вами, вы увидите его в первую очередь.
Twocapp case  step(2)
Twocapp case  step(3)
Устанавливайте деловые контакты
Просматривайте пассажиров рейсов и добавляйтесь в друзья, пишите личные сообщения и организовывайте встречи.
Переключаясь между своими будущими и прошедшими рейсами удобно планировать расписание деловых связей.
Список друзей, чаты и уведомления
В поездке вся информация о необходимых бизнес-контактах всегда под рукой.
Единый список друзей и персональные чаты. Продолжайте общаться вне поездки, приложение будет информировать о непрочитанных сообщениях или новых заявках в друзья.
Twocapp case  step(4)