Разработка мобильного приложения для Yami Yami

Приложение Yami Yami

Приложение, которое увеличило заказы еды на 13%

Скачать:

AndroidiPhone
  • Tagline Awards 2016

    2 место в номинации «Лучшее приложение услуги»

Введение

Внимание: не читайте на голодный желудок!
Владельцы Italy Group с партнёрами открыли сервис доставки еды с дизайнерской упаковкой, стильными курьерами на «Смартах», добротными роллами из свежей рыбы и вкуснейшей пиццей, в которую всегда кладут много начинки. Создатели Yami Yami сделали ставку на эстетику и качество. Такими же принципами мы руководствовались при создании приложения.

Интро

В апреле 2016 года к нам пришли владельцы Yami Yami и попросили сделать лучшее приложение доставки с массой функций и успеть к 1 сентября. Мы не могли бросить текущих клиентов и честно сказали, что сможем закончить только в середине сентября. Для Yami Yami разница в 2 недели была критичной, и они нашли другого подрядчика.

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

В итоге разработчики выпустили приложение не в сентябре, а в декабре, и в нём было много недочётов. В iOS-версии не получалось сделать заказ, а в Android трудно было даже войти.
Тогда клиент снова обратился к нам, но задача стояла иначе.

Приложения Yami-Yami

Задача

Мы понимали, что когда приложение не работает, заказчик теряет деньги. У пользователей возникают негативные ассоциации с брендом. Они не могут заказывать и уходят к конкурентам. Нужно было срочно спасать ситуацию и делать новое приложение. У нас было три месяца и ограниченный бюджет.

Андроид приложения Yami-Yami
Виктор Черногоров
«Когда к нам пришли ребята из Yami Yami, мы влюбились в их суши и пиццу. Стали заказывать их на каждый праздник в офисе. И несмотря на то, что они ушли к другим разработчикам, нам очень нравился этот проект. Я хотел помочь, поэтому консультировался с арт-директором, разработчиками, техническим директором, предлагал решения. Всё лето мы с ними общались и помогали. А потом они вернулись к нам».
Виктор Черногоров

Директор по развитию, MobileUp

Тимофей Сергеев
«MobileUp мы выбрали, потому что у них сильное портфолио и большой опыт работы с геопозиционирова­нием в мобильных приложениях».
Тимофей Сергеев

Директор по маркетингу, Yami Yami

Обёртка как решение
проблемы

Три месяца старое приложение было в сторах, но единицы могли через него заказывать. Даже у директора Yami Yami не получалось. Чтобы быстро решить эту проблему, мы за 1 неделю сделали приложение-обёртку.

«Обёртка» — мобильная версия сайта, в которую добавляют несколько нативных элементов, чтобы опубликовать в App Store или Google Play. Их используют, когда нужно быстро и дёшево выпустить приложение.
У «обёрток» ненативный интерфейс, и они медленно работают. Пользователи жаловались, зато могли заказывать. Это была необходимость. В обычной ситуации мы никому не рекомендуем прибегать к такому решению.

Экран приложения-обёртки
Евгений Валеев
«У Apple чётко прописано в гайдлайнах, что нельзя использовать „обёртки“ сайтов в качестве приложений. Обычно их не пропускают, но есть хитрости. Большинство сайтов не заточено для отображения в вебвью. Поэтому анимация подтормаживает и есть проблемы с UI. Разработчики ругались, тестировщики плакали, но мы сделали „обёртку“, потому что это был лучший выход из ситуации».
Евгений Валеев

CTO, MobileUp

Бюджет, сроки, прозрачность

После «тушения пожара» с помощью «обёртки» мы начали разработку нового приложения.

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

Экраны нового приложения Yami-Yami
Олег Широков
«Нам хочется делать то, что нам самим понравится. То, чем люди будут пользоваться. При этом важно, чтобы заказчик был доволен и мы уложились в бюджет. Здесь было непросто всё это совместить. Но можно считать, что у нас получилось».
Олег Широков

Руководитель проектов, MobileUp

Сложности автоматизации

Чтобы управлять логистикой, производством и продажами, Yami Yami использует готовую систему автоматизации для служб доставки Tillypad. Сложное API этой системы стало проблемой для прошлых разработчиков приложения.
Tillypad был создан в 1997 году, и его архитектура не оптимизирована для современных приложений. Это ограничивало нас в разработке и требовало дополнительных ресурсов. Чтобы ускорить работу, мы выступили в роли консультантов: проанализировали API, подготовили техническое задание, договорились о доработках с Tillypad и проконтролировали серверную разработку.

Приложения Yami-Yami

Дизайнить,
нельзя оставить
так

У Yami Yami уже был готов дизайн. И он был красивый (даже нашему искушённому арт-директору понравился), но недружелюбный. Чтобы войти в приложение, нужно было заполнить форму регистрации с шестью полями. А в меню были длинные выпадающие списки. Это подходит для веб-контента, но не для приложений. Чтобы упростить логику взаимодействия и удешевить разработку, мы полностью переделали UX. Но главным недостатком старого дизайна было то, что он не вызывал желания сразу заказать еду. Фотографии блюд были спрятаны в категориях. Мы же сделали акцент на блюдах, чтобы подтолкнуть пользователей к заказам.

Экран с фотографиями еды

Внимание на блюда

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

Александра Кочеткова
«Вы не представляете, как тяжело тестировать это приложение по вечерам, если пытаешься следить за фигурой. Все эти роллы и пиццы такие аппетитные».
Александра Кочеткова

Руководитель отдела тестирования, MobileUp

Отслеживание
статуса заказа

«Где моя еда? Почему так долго?» — у пользователей Yami Yami не возникает таких вопросов. Они в реальном времени отслеживают статус заказа и знают, когда он готовится, а когда курьер уже в пути. Это одна из самых заботливых функций сервиса, которую коллеги из Breadhead внедрили на сайте, а мы — в приложении.

Экран отслеживания статуса заказа

Заказ за 1 минуту

Приложение автоматически определяет местоположение. Когда пользователь выбрал блюдо и перешёл в корзину, все поля уже заполнены. Осталось только подтвердить заказ. Отдельно регистрироваться не нужно, только ввести код из SMS и всё — заказ принят! Это занимает меньше минуты.

Экраны быстрого заказа
Олег Широков
«Я сам заказываю еду в Yami Yami. Пицца барбекю — замечательная. И мне нравится делать это через приложение, потому что это очень быстро: пара тапов, корзина и готово».
Олег Широков

Руководитель проектов, MobileUp

короткое видео о заказе еды через приложение
Тимофей Сергеев
«Старое приложение было „не про еду“, и в нём было много багов. Новое значительно лучше. Хотя сейчас это только базовый функционал, и ещё многое нужно доработать. Не хватает фильтров по категории блюд, по кухне и типу блюд. Но нам удалось повысить эффективность сервиса. Сейчас 10-13% от общего числа заказов идет через мобильное приложение».
Тимофей Сергеев

Директор по маркетингу, Yami Yami

Награды

  • Tagline Awards 2016

    2 место в категории «Лучшее приложение услуги»

Команда проекта

  • Руководитель проекта

    Олег Широков

  • Арт-директор

    Филипп Фильченко

  • Дизайн

    Ильяс Гайфуллин

  • Технический директор

    Евгений Валеев

  • iOS-разработка

    Полина Демидова

    Алексей Немыченков

    Илья Филинович

  • Android-разработка

    Дмитрий Горбунов

  • Тестирование

    Александра Кочеткова

    Дарья Куркина

    Илья Билтуев

Скачать

Скачать приложение

Считайте QR-код с помошью камеры или перейдите по ссылке

Другие проекты в категории «M-Commerce»

Напишите нам
Написать нам в Telegram