Жил был динозавр Frank. И была у него коробка. В коробке было решение, на базе которого работало старое приложение. А динозавру нужно было новое, с функциями, которые не помещались в коробку. И еще сайт нужен был новый, с огоньком. Мы с динозавром договорились, что сделаем как надо.
Разработали мобильное приложение и web-версию для Frank by Basta. Для сайта сделали еще и дизайн. Придумали новую программу лояльности, с нуля разработали магазин мерча для комьюнити бренда.
Так выглядит обновленное приложение Frank
Базовый минимум. Доставка, бронирование, заказ с собой, карта ресторанов, статус заказов, подарочные сертификаты. Роскошный максимум. Все это и еще четыре потрясающие опции, которые мы реализовали в новом приложении Frank by Basta.
Запустили новую программу лояльности. Совместно с заказчиком продумали уровни, задорно награждаем пользователей за достижения.
Так выглядит проработка одного из достижений для новой программы лояльности.
Придумать систему ачивментов — не самая простая задача. Необходимо сохранить баланс: система должна быть максимально гибкой, адаптируемой под изменения, с возможностью кастомизации и настройки наград и условий получения достижения. В то же время важно не пытаться построить звездолет на несколько десятков миллионов в рамках одной подсистемы.
Пользователь ест да копит рибсы, которые потом можно обменять на блюда или мерч
Мы реализовали систему, готовую к масштабированию и добавлению новых достижений без необходимости обновления приложения: вся логика реализована на сервере. Что касается кастомизации достижений — мы вынесли управление логикой начисления достижения за скоуп кастомизации, оставив заказчику возможность настройки визуальной составляющей и выбора наград из трех доступных: доступ к секретным блюдам, рибсы и кое-что еще, что вы можете постараться найти сами, если закажете достаточно рёбер.
Программа в оффлайне тоже работает: официант сканирует QR с телефона, данные попадают в CRM.
Пользователь ест да копит рибсы, которые потом можно обменять на блюда или мерч
Сделали настоящий магазин внутри приложения: с заказами, оплатой и отдельной корзиной. Технически, магазин мерча — отдельный модуль и проект, связан с остальной частью приложения только на уровне iD пользователя.
Пользователь может покупать блюдо за рибсы, внутреннюю валюту Frank by Basta. Звучит просто, на деле происходит настоящая техническая магия. Из мастер-системы в CRM попадают блюда, которые пользователь может приобрести за баллы. Из CRM — к нам. По идентификатору мы понимаем, что блюдо подарочное. Оно отображается в особом подарочном разделе приложения. Списываются не деньги, а баллы.
Решаем вечную проблему и на берегу договариваемся, кто что съел. Друзья могут просто присоединиться к заказу.
У заказчика было два отдельных приложения: одно для Санкт-Петербурга, а другое для всех остальных городов. В каждом из них была своя база. Мы придумали, как объединить эти базы в новом проекте, проверили новую общую базу на дубли и невалидные аккаунты.
На проекте получилось достаточно много интеграций со сторонними сервисами: CRM Remarked, МойСклад, смс сервис, емейл сервис, эквайринг, firebase, dadata, яндекс метрика, appmetrica, онлайн чат.
Дизайн приложения делали ребята из max, а вот дизайн сайта уже наш. У проекта Frank by Basta есть душа, стиль и визуальный язык. Мы тоже хотели сделать нечто особенное для заказчика, решение, которое не будет похоже на типичный фудтех.
Дизайн-команда много работала над стилистикой. Например, делали кастомный фон для главной, чтобы он сочетался с фотками ребрышек.
Кастомные фоны, на которых выигрышно смотрятся легендарные ребрышки
Часто в сервисах, где есть красивые картинки еды, упор делают на контент. Тут заказчик попросил поставить во главу угла пользователя. Поэтому на главной — блок с промо и интересными новостями для аудитории, точка входа и коммуникации. А заказ товаров вынесли на второй план.
Перед разработкой стояла задача не только сделать удобно, но и при всей адаптивности главной страницы к пользователю, сохранить SEO. Проблема была в том что даже не в авторизованной зоне контент подстраивается под пользователя и полная отрисовка страницы невозможна. Поэтому мы пришли к модели, когда у нас генерируется статическая страница, и после подменяется на актуальный контент для пользователя.
Внедрили баннерную сетку на главной странице сайта. Сетка динамическая, новости подтягиваются под город, указанный в профиле. У каждого баннера есть алгоритм исключения из пула. Он исчезает по показу, по клику, по таймеру. Можно зафиксировать новости, чтобы никуда не улетели.
Так выглядит баннерная сетка на главной странице обновленного сайта
Элегантно обошли ограничения CRM с помощью дизайна. На этапе онбординга собираем информацию о пользователе, чтобы во время оформления заказа часть данных уже у нас была. Это позволяет предлагать пользователю те позиции из меню, которые соответствуют типу заказа.
Дизайн дружит с бизнес-логикой в CRM. Было много технических ограничений, но мы постарались их изящно обойти. Например, ситуация с разным ассортиментом в разных ресторанах и возможностями доставки. Необходимо было нивелировать возможные казусы, когда человек соберет корзину и только в конце выбирая адрес окажется, что доставка из этого ресторана до него невозможна. Для этого мы на входе на сайт в обязательном порядке спрашиваем город. А при попытке добавить первое блюдо в корзину узнаем способ доставки и адрес.
Добавили интерактива — пользователь может оставить свой тег на главной. Сейчас там можно просто порисовать, в будущем мы хотим добавить и сохранение картинок, и смену цвета балончика.
Дыры в меню разбавляем познавательной инфой и используем для допродажи. Придумали фактоиды, которые рассказывают про уникальную культуру Frank by Basta.
Руководитель проекта
Наталья Билак
Аналитика
Матвей Захаров, Глеб Гусько
Дизайн
Александр Юдин, Иван Андреев, Екатерина Драган
Мобильная разработка
Глеб Гусаров, Данил Бондарев
Веб-разработка
Юрий Войтеховский, Александр Калмук
Тестирование
Илья Паршиков, Илья Волков
