Fastbuy
Мобильное приложение для быстрых
и удобных покупок в интернете
Tilda Publishing
Посмотреть вживую
E-commerce
Sales
Payments
Chats
Extensions
Mobile
Native
iOS
UI/UX
Layer
Предыстория
Однажды клиент покупал своему сыну игрушку в интернете
и увидел, как это неудобно делать при помощи мобильного телефона. Ему захотелось сделать приложение, в котором пользователь мог сфотографировать товар, отправить скриншот в чат с менеджером, и товар купят для него. Клиент попал к нам через компанию 7bits, с которой они работали над несколькими веб-сервисами.
и увидел, как это неудобно делать при помощи мобильного телефона. Ему захотелось сделать приложение, в котором пользователь мог сфотографировать товар, отправить скриншот в чат с менеджером, и товар купят для него. Клиент попал к нам через компанию 7bits, с которой они работали над несколькими веб-сервисами.
UI прототип
Был разработан прототип с демонстрацией функциональности приложения.
Прототип позволил нам начать прорабатывать детали, касающиеся функций приложения и пользовательского опыта. Свои замечания клиент оставлял на скриншотах прототипа, чем сервис Marvelapp очень удобен.
Прототип позволил нам начать прорабатывать детали, касающиеся функций приложения и пользовательского опыта. Свои замечания клиент оставлял на скриншотах прототипа, чем сервис Marvelapp очень удобен.
Расширение
При обсуждении прототипа мы предложили клиенту сделать для приложения расширение, чтобы облегчить покупку товара через стандартный браузер Safari.
На ранней стадии в приложении были обучающие слайды по пользованию расширением. Позже клиент отказался от них, решив сосредоточить внимание пользователей на внутреннем браузере, но как функция расширение осталось.
На ранней стадии в приложении были обучающие слайды по пользованию расширением. Позже клиент отказался от них, решив сосредоточить внимание пользователей на внутреннем браузере, но как функция расширение осталось.
Отслеживание товара по ссылке
На этапе прототипирования сразу стало понятно, что отследить товары только по фотографии будет тяжело.
К тому же одни и те же фотографии могут быть на разных сайтах. Поэтому клиенту было предложено прикладывать к скриншоту ссылку на страницу
с товаром. Даже если процедура заказа полностью автоматизируется, скриншоты останутся для ориентации в истории покупок.
К тому же одни и те же фотографии могут быть на разных сайтах. Поэтому клиенту было предложено прикладывать к скриншоту ссылку на страницу
с товаром. Даже если процедура заказа полностью автоматизируется, скриншоты останутся для ориентации в истории покупок.
Дизайн
Этап дизайна закончился интерактивной сборкой со стилистикой экранов приложения. В ней была отражена визуальная концепция приложения: на экраны наложена цветовая схема, нарисованы иконка FastBuy и элементы управления.
Иконка
Образ сумки с молнией как прямое воплощение названия FastBuy пришёл в голову моментально. Результат очень порадовал клиента.
Отстаивание позиций
В тех случаях, когда видение клиента казалось нам спорным, мы давали рекомендации по наилучшему подходу.
“
В центре нижней панели приложения есть круглая кнопка с иконкой FastBuy, а слева и справа от неё — разделы Orders и Account. Кнопка выглядит круто и броско, призывает к самому главному действию в приложении — найти товар и сделать заказ, и задаёт симметрию. Клиент стал горячо настаивать на том, чтобы ввести в эту же панель раздел Invites. Четвёртая вкладка нарушала симметрию, пришлось бы отказаться от формы кнопки и затерять главное действие среди других.
Роман Беляев
Дизайнер
Внутреннее тестирование и баги
Чтобы убедиться в том, что идея приложения жизнеспособна, было проведено тестирование среди друзей. В процессе пользования выявились проблемы приложения и его слабые места. Так, на месте нижней панели иногда оставался только логотип FastBuy.
Чат
Пока сам платёж проводит автоматизированная система, детали заказа можно обсудить в чате с менеджером. Для создания чата был выбран компонент Layer — он быстро интегрируется, экономически оправдан, обладает всеми необходимыми функциями и проверен на других проектах нами и прочими IT-компаниями.
В будущем обработка заказа будет максимально автоматизирована, а менеджер станет членом службы поддержки.
В будущем обработка заказа будет максимально автоматизирована, а менеджер станет членом службы поддержки.
Кнопка заказа
Страница с товаром определяется
во встроенном браузере приложения автоматически по ключевым словам вроде Buy now или Add to basket. Активная кнопка заказа Place this order обозначена ярко-синим цветом, неактивная имеет бледный оттенок.
во встроенном браузере приложения автоматически по ключевым словам вроде 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.
в приложении используется криптография, не причиняющая пользователю вреда. При отсылке в App Store ERN был приложен к сборке. Таким образом модераторы убедились в безопасности приложения. При каждом обновлении приложения в App Store уточняют, обновилась ли криптография,
и при положительном ответе запрашивают новый ERN.
Перспективы
Сейчас стартап находится в стадии закрытой бета-версии. Клиент уже получил первые отзывы от пользователей и планирует ввести ряд новых экранов
и опций. Одной из них станет возможность запрашивать товар по желаемой стоимости. Есть желание сделать дизайн интерфейса ещё минималистичнее
и удобнее и усовершенствовать автоматическую систему заказов. Также приложение будет выложено на Product Hunt, чтобы собрать фидбэк
и привлечь внимание инвесторов и аудитории.
и опций. Одной из них станет возможность запрашивать товар по желаемой стоимости. Есть желание сделать дизайн интерфейса ещё минималистичнее
и удобнее и усовершенствовать автоматическую систему заказов. Также приложение будет выложено на Product Hunt, чтобы собрать фидбэк
и привлечь внимание инвесторов и аудитории.
Аккаунт-менеджер
и менеджер проекта
и менеджер проекта
Ирина Мещерякова
Дизайнер
Роман Беляев
iOS-разработчик
Даниил Пендиков
Тестировщики
Игорь Курганов