Как мы запускали Yami Yami

🍕 yamiyami.ru

Yami Yami не похож на другие службы доставки еды. Никаких подгорелых пицц в промасленных коробках, с приклеенной на скотч баночкой соуса. У компании больше восьми центров приготовления еды в Санкт-Петербурге, вежливые курьеры на «Смартах», деревянные приборы и красивая упаковка. Сайт не должен отставать. Нам так и сказали: «Сделайте лучший сайт заказа еды».

Задача

Основатель Yami Yami Николай Давыдов раньше руководил службой доставки в крупной сети японских ресторанов. В 2016 году Николай ушел из сети, и создал Yami Yami. Он строил новую компанию по четырём принципам:

  • Еда ресторанного качества по доступной цене.
  • Удобный, быстрый заказ, с учетом психологии голодного человека.
  • Быстрая доставка. В каждом районе — своё производство.
  • Бренд, который вырастает сам из качества и заботы о клиенте.

Николай занялся производством и доставкой, а нам (Breadhead) поручил сайт. Нам нужно было успеть за 4 месяца, к октябрю 2016 года — к этому времени Yami Yami запустит цеха, а сайт будет единственным способом выбрать блюда в меню. Если мы опоздаем, то производство будет простаивать и компания потеряет деньги.

Процесс

Чтобы успеть к сроку, мы разделили проект на три параллельных потока.

Брендинг. Визуальным стилем Yami Yami занималось брендинговое агентство Fullfort. Это дружественная нам компания, которая основана бывшим сотрудником Breadhead. Мы даже делим офис.

Интерфейс. Пока заказчик и Fullfort определялись с названием и стилем, дизайнеры Breadhead начали проектировать интерфейс. Нам нужно было придумать, как сделать заказ еды понятным и быстрым, но не потерять детали.

Разработка. Разработчики занимались технологическим фундаментом: продумывали API для связи с системой управления рестораном.


Как оценить проект?

Мы используем модель Time&Material. Оцениваем срок разработки в неделях, с вилкой: оптимистичный и пессимистичный сценарий. Заказчик оплачивает нашу работу понедельно. Читайте о системе оценки проекта — в нашей статье.

Брендинг

Fullfort разработали фреймворк бренда — помогли заказчику сформулировать ключевые ценности и качества Yami Yami.

В образе Yami Yami нет привычных для индустрии доставки символов, изображений продуктов и метафор скорости. Концепция построена на идее визуальной эстетики как добавленной ценности. Ведь когда мы говорим о качественной еде, нам важен не только её вкус, но и подача блюда, сервировка стола и атмосфера момента.

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

Мы придумали фирменного персонажа — «Ями боя». Его можно кастомизировать для разных случаев: праздников, сообщений на сайте, промо-материалов.

Интерфейс

Дизайн сайтов доставки застрял в двухтысячных: каталог с крохотными фотографиями блюд, оформление заказа с кучей полей, личный кабинет с подтверждением через почту.

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

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

Эти особенности нужно было учесть в интерфейсе.

Выбор блюд и оформление заказа на видео

Оформление заказа — прямо в каталоге. Мы отказались от отдельной страницы с корзиной и оформлением заказа. Заказ живет в закреплённой боковой колонке. В нём показываем выбранные блюда, адрес доставки, комментарии. Клиенту легко добавлять и убавлять блюда, не «бегая» по страницам.

Первым делом, спрашиваем адрес и проверяем входит ли он в зону доставки. Если всё ок, говорим клиенту когда он получит заказ.

Не требуем лишние данные. Формы запоминают введенные данные и подставляют их автоматически к следующему заказу. Адрес предлагается и исправляется с помощью «Дадаты»: не надо заполнять номер дома или корпус. Следующий заказ можно сделать без клавиатуры, за пару кликов мышкой. Это работает даже без регистрации на сайте. Мы также безопасно сохраняем платежные данные, чтобы не нужно было каждый раз вводить номер карты.

Красивый каталог. В каталоге — большие, профессиональные фотографии. Спасибо Тиме Сергееву из Yami Yami, который позаботился об этом. Уверены, хорошие фотографии продают лучше.

Также подумали о покупателях, которые не едят блюда с рыбой или луком. Для них есть фильтр по составу. А на странице блюда можно убрать нелюбимые ингредиенты из состава.

Статус заказа. Когда заказываешь еду, обычно тебе сообщают что заказ принят — и всё, ждите. Мы решили информировать о статусе заказа в режиме реального времени. Скоро можно будет даже следить за курьером на карте.

Лента инстаграма. Люди любят опираться на опыт других клиентов. Поэтому мы сделали на сайте ленту инстаграм-фотографий по хэштегу. Эти фотографии работают лучше текстовых отзывов. Вместо виртуальных «Все понравилось. Владимир» — профили реальных людей.

Даже премодерация не требуется — все фотографии симпатичные.


700 000 ₽ за обратную связь

Основатели Yami Yami пекутся о качестве сервиса. Мы тестировали доставку, упаковку, блюда. Заказчик приезжал на встречи с тестовой пиццей. Мы ели пиццу и обсуждали дизайн.
Сразу после запуска Yami Yami раздали бесплатные заказы на 700 000 ₽, чтобы получить обратную связь и оттюнинговать сервис.

Разработка

Сайт Yami Yami нужно было интегрировать с ERP-системой «Тилипад», которая управляет производством еды в цехах.

Совместно с командой заказчика мы спроектировали API для взаимодействия сайта с «Тилипадом». Через API сайт не только отдаёт заказы в цеха, но и отображает изменения в меню или ингредиентах. На случай отказа ERP предусмотрели аварийный режим: заказы будут отображаться в админке и уйдут в колл-центр по электронной почте.

Сайту не потребовалась большая админка, всё решается через «Тилипад». Админкой пользуются SEO-специалисты и маркетологи: создают кастомные страницы каталога, делают лендинги, публикуют промо-акции.

Фрагмент модели данных (на котором ничего не видно)

Отдельно потрудились над быстродействием сайта. Каталог листается без перезагрузки страницы. Всё работает на базе легковесного фреймворка Yii2, поэтому сайт выдерживает большие нагрузки.


Обломовщина

Спустя неделю после тестового запуска сайта Обломов выпустил первый обзор на Yami Yami. Обзор посмотрели порядка 750 000 человек. За первые несколько часов на сайт перешли около 10 000 посетителей которые просмотрели 35 000 страниц. В пике нагрузка достигала 10 запросов в секунду.
На тот момент сайт работал в тестовом режиме и жил на простом хостинге за 800 ₽ в месяц. Однако сайт не упал, а среднее время ответа сервера не превысило 1 сек. Сейчас время ответа — менее 300 мсек.

Что не так и что дальше

После запуска мы начали получать фидбек клиентов и продолжили работу над сайтом.

Например, кто-то жаловался, что добавляя блюдо в заказ, нельзя его тут же убрать — нужно удалять в корзине. Видимо, с голодухи люди случайно нажимают все кнопки. Это быстро поправили.

Мы просим клиентов оставить отзыв на странице со статусом заказа, которая видна после оформления заказа. Не подумали, что многие закроют эту страницу сразу после получения еды, и отзыв не оставят. Придумываем другую схему.

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

В планах добавить больше опций к блюдам. Можно будет выбрать соус, степень прожарки. Сделаем конструктор вока. А как же!

Запустим систему бонусов. Бонусы будут автоматически начислять пользователям за фотографии блюд в инстаграм с хэштегом, и за заказы по реферальной ссылке.

Мнение заказчика

Николай Давыдов, основатель Yami Yami

«Я давно работаю в отрасли и знаю, что студии стабильно нарушают сроки разработки. Нужно было сделать за четыре месяца — будут делать год. Еще и сделают нормально половину. Поэтому работа с Breadhead была приятной неожиданностью. Ребята понимали: если сайт не будет готов вовремя, компания начнёт терять деньги с первого дня. Поэтому они рубились с нами, работали вместе с брендинговым агентством, проектировали интерфейс, делали API. За четыре месяца сервис был готов — мы запустились вовремя.

Конверсия в заказ — более 20%, это очень здорово. Мы начали с двух районов, сейчас доставляем по всему городу. У нас большие планы на Петербург. Работаем с Breadhead над новыми задачами. А вот офис у парней на Невском — это конечно косяк. Добираемся на встречи по пробкам.

Вообще, мы довольны результатом. Как говорил классик: «Спасибо, работаем дальше».

🍕 yamiyami.ru by 👹 breadhead.ru

P.S. Сайт победил в номинации «Интернет-магазин розничной торговли» на конкурсе «Золотой сайт» и получил бронзу в номинации «Сайт сервиса» на премии Tagline.