Предыстория
Однажды клиент покупал своему сыну игрушку в интернете
и увидел, как это неудобно делать при помощи мобильного телефона. Ему захотелось сделать приложение, в котором пользователь мог сфотографировать товар, отправить скриншот в чат с менеджером, и товар купят для него. Заказчик попал к нам через компанию 7bits, с которой они работали над несколькими веб-сервисами.

Прототипирование

Прототип

Был разработан прототип с демонстрацией функциональности приложения.

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

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

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

Дизайн

Сборка

Этап дизайна закончился интерактивной сборкой со стилистикой экранов приложения. В ней была отражена визуальная концепция приложения: на экраны наложена цветовая схема, нарисованы иконка FastBuy и элементы управления.

Иконка
Образ сумки с молнией как прямое воплощение названия FastBuy пришёл в голову моментально. Результат очень порадовал клиента.
Отстаивание позиций
В тех случаях, когда видение клиента казалось нам спорным, мы давали рекомендации по наилучшему подходу.
В центре нижней панели приложения есть круглая кнопка с иконкой FastBuy, а слева и справа от неё — разделы Orders и Account. Кнопка выглядит круто и броско, призывает к самому главному действию в приложении — найти товар и сделать заказ, и задаёт симметрию. Клиент стал горячо настаивать на том, чтобы ввести в эту же панель раздел Invites. Четвёртая вкладка нарушала симметрию, пришлось бы отказаться от формы кнопки и затерять главное действие среди других.
Роман Беляев
Дизайнер
Внутреннее тестирование и баги
Чтобы убедиться в том, что идея приложения жизнеспособна, клиент проводил внутреннее тестирование среди своих друзей. В процессе пользования они выявляли его проблемы и слабые места. А мы тем временем выявили ряд багов.Так,
на месте нижней панели иногда оставался только логотип FastBuy.

Разработка

Чат

Пока сам платёж проводит автоматизированная система, детали заказа можно обсудить в чате с менеджером. Для создания чата был выбран компонент Layer — он быстро интегрируется, экономически оправдан, обладает всеми необходимыми функциями и проверен на других проектах нами и прочими IT-компаниями.

В будущем обработка заказа будет максимально автоматизирована, а менеджер станет членом службы поддержки.


Кнопка заказа
Страница с товаром определяется
во встроенном браузере приложения автоматически по ключевым словам вроде Buy now или Add to basket. Активная кнопка заказа Place this order обозначена ярко-синим цветом, неактивная имеет бледный оттенок.
Система безопасности
Данные расчётной карты хранятся не на сервере,
а только на телефоне пользователя в зашифрованном виде.

Четырёхзначный пинкод нужен для оформления заказа. Эта ступень защиты введена на случай попытки оформить заказ с телефона пользователя посторонним лицом (например, в случае кражи).

На сервер информация также уходит зашифрованной.
Чужие приложения
Представьте, что вы загуглили товар и перешли по ссылке на страницу amazon.com. У «Амазона» и любого другого онлайн-магазина есть свои приложения, которые открываются в момент клика по ссылке на страницу товара. Это не даёт работать FastBuy, и мы не хотели, чтобы при переходе по специальным ссылкам открывались приложения магазинов. Поэтому, если внутренний браузер хочет загрузить приложение того же amazon.com, то наш код блокирует стороннее приложение и загружает страницу через себя.
Данил Пендиков
IOS-разработчик
Инвайт
Пока приложение работает в тестовом режиме, и рост нагрузки требуется сдерживать. Регистрация через инвайт оказалась подходящим решением этой задачи. Кроме того, инвайт даёт пользователям почувствовать себя избранными, что хорошо сказывается на лояльности.
Отзыв заказчика
Компания «Лайв Тайпинг» показала себя очень отзывчивой и способной подстраиваться под изменения, происходящие в последнюю минуту. Как стартап, мы нуждаемся в такой гибкости. Вы определённо должны иметь такого партнёра в своей команде!
Махеш Варавуру
основатель и исполнительный директор FastBuy
Релиз
FastBuy был одобрен модераторами App Store с первого раза. Для этого клиент сделал своей фирме ERN (Encryption Registration Number), заверяющий, что
в приложении используется криптография, не причиняющая пользователю вреда. При отсылке в App Store ERN был приложен к сборке. Таким образом модераторы убедились в безопасности приложения. При каждом обновлении приложения в App Store уточняют, обновилась ли криптография,
и при положительном ответе запрашивают новый ERN.
Перспективы
Сейчас стартап находится в стадии закрытой бета-версии. Клиент уже получил первые отзывы от пользователей и планирует ввести ряд новых экранов
и опций. Одной из них станет возможность запрашивать товар по желаемой стоимости. Есть желание сделать дизайн интерфейса ещё минималистичнее
и удобнее и усовершенствовать автоматическую систему заказов. Также приложение будет выложено на Product Hunt, чтобы собрать фидбэк
и привлечь внимание инвесторов и аудитории.
Аккаунт- и проект-менеджер
Ирина Мещерякова
Дизайнер
Роман Беляев
iOS-разработчик
Даниил Пендиков