От «Гурманики» до «Братьев Караваевых»: создание и ребрендинг мобильного приложения

Главное о кейсе

Работа с ТД Нефтьмагистраль началась еще в 2021 году. Необходимо было создать мобильное приложение для гастрономического бренда «Гурманика». Сервис должен был помочь увеличить продажи, повысить операционную эффективность, а также улучшить пользовательский опыт для клиентов.

Но причем тут известные и горячо любимые «Братья Караваевы»?

Дело в том, что в 2023 году ТД Нефтьмагистраль приобрел бренд «Братья Караваевы» и наша первоначальная задача дополнилась ребрендингом мобильного приложения.

Но обо всем по порядку!





Work with the Neftmagistral trading house began back in 2021. It was necessary to create a mobile application for the gastronomic brand "Gurmanika". The service was supposed to help increase sales, improve operational efficiency, and improve the user experience for customers.

But what does this have to do with the famous and beloved "Karavaev Brothers"?

The fact is that in 2023, Neftmagistral Trading House acquired the Karavaev Brothers brand and our initial task was supplemented by the rebranding of the mobile application.

But about everything in order!

Как проект изменил жизнь пользователей

С новой версией мобильного приложения и его последними обновлениями только в 2023 году количество установок выросло в 8 раз, количество заказов через приложение в 2 раза, а выручка в целых 5 раз.


With the new version of the mobile application and its latest updates, only in 2023 the number of installations increased 8 times, the number of orders through the application increased 2 times, and revenue increased by as much as 5 times.

Бизнес-задача и ее решение

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



Our team had an ambitious task — to carry out a smooth and complete redesign of the mobile application, taking into account the new corporate identity. While working on the project, we also actively participated in the creation of a new corporate identity that reflects current trends and values of our brand.

Крафт (мастерство), реализация, технические детали

Мобильное приложение прошло 3 этапа трансформации: Гурманика 1.0 (MVP-версия), Гурманика 2.0, и полноценный ребрендинг.

1. Проектирование MVP и тестирование
В короткий срок провели анализ и изучили приложения-конкурентов, их функционал и визуальную составляющую, проанализировали бест праксис и отзывы пользователей, постарались выявить сильные и слабые стороны.

Вместе с заказчиком определили функционал, который дальше ушел в работу:

– Регистрация и авторизация;

– Выбор ресторана или АЗС с кафе;

– Выбор и сохранение адреса для доставки;

– Меню с поиском и фильтром по категориям;

– Корзина для оформления заказа с возможностью выбрать время для заказа и простым ее редактированием;

– Профиль пользователя;

– Функционал сбора обратной связи.

Проектирование и тестирование:

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

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

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

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

2. Архитектура проекта
Если MVP-версия позволяла пользователям делать простой заказ на доставку и самовывоз, то планы на следующую версию были более амбициозными!

Вместе с командой «Нефтьмагистраль» подготовили стратегию будущего развития, которая предполагала масштабный подход, в отличии от MVP версии.

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

4. Авторизация и регистрация
Сделали упрощенную систему регистрации для клиентов, которые только на кассе узнали о приложении и системе лояльности, что позволяет быстро получить доступ к бонусам сервиса!

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

5.Меню
Мы смогли объединить несколько брендов с разным меню и сделать это по-настоящему понятно и просто.

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

Показываем подробную информацию о КБЖУ для каждого блюда и напитка. Указываем данные как на 100 граммов продукта, так и на его полный вес, чтобы пользователи, следящие за питанием, могли получить более полную картину о питательной ценности продуктов.

Разработали рекомендации, которые с помощью ИИ индивидуально подбирают дополнительные блюда или напитки на основе популярности товара и истории заказов. Таким образом, процесс заказа стал удобным и персонализированным для каждого пользователя.

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

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

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

Также добавили возможность составить собственный комбо-набор из доступных опций и даже смогли объединить это с модификаторами!

7. Бонусы и программа лояльности
Реализовали единую «сквозную» бонусную систему, благодаря которой участники программы лояльности сети АЗС «Нефтьмагистраль» могут использовать накопленные баллы для оплаты заказов в приложении «Гурманика», и наоборот.

Пользователь всегда в курсе, сколько у него баллов, как их получить и потратить.

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

9. Корзина
Создали простую, но функциональную корзину. С ее помощью пользователь контролирует каждый этап процесса оформления заказа.

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

Мы не только предусмотрели ручной ввод промокода, но и добавили выбор персональных акций или оплаты накопленными бонусами.

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

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

10. Уведомления
С помощью статусов и уведомлений пользователь может контролировать прогресс своего приготовления заказа. Для дополнительного удобства мы добавили отслеживание статуса с помощью Live Activities и Dynamic Island.

11. ИИ
Разработали рекомендации, которые с помощью ИИ индивидуально подбирают пользователю дополнительные блюда или напитки на основе популярности товара и истории заказов, что делает процесс заказа более удобным и персонализированным.

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



The mobile application has undergone 3 stages of transformation: Gourmet 1.0 (MVP version), Gourmet 2.0, and a full-fledged rebranding.

1. MVP design and Testing
In a short time, we analyzed and studied competitor applications, their functionality and visual component, analyzed best practices and user reviews, and tried to identify strengths and weaknesses.

Together with the customer, we identified the functionality that went further into the work:

– Registration and authorization;

– Selection of a restaurant or gas station with a cafe;

– Selecting and saving the address for delivery;

– Menu with search and filter by category;

– Shopping cart for placing an order with the ability to choose the time for the order and simply edit it;

– User profile;

– Feedback collection functionality.

Design and testing:

The next step was to create a map of the user's path to show each possible step and key actions to achieve the main goal – to order food.

Then we created basic wireframes, with which we pre-visualized the structure of the project. We also visualized prototypes to test each possible scenario. We conducted several stages of testing, continuously improving our prototypes and looking for optimal solutions to improve the quality of the user experience.

The first version of the project was created quickly and mainly for the purpose of verification. From the first day of the project's release, we started collecting user feedback and promptly fixed bugs.

In the first 6 months, we saw a large increase in the number of users and revenue. We have been constantly improving the application, adding new functionality and improving the old one.The customer was pleased with the results and we started discussing the updates, which turned out to be large-scale for everyone.

2. Project Architecture
If the MVP version allowed users to make a simple order for delivery and pickup, then the plans for the next version were more ambitious!

Together with the Neftmagistral team, we prepared a strategy for future development, which assumed a large-scale approach, unlike the MVP version.

3. Wireframes
For a deeper understanding of the structure and mechanism of interaction of various elements of the project, we have created wireframes. This allowed us to create prototypes, as well as plan the functional features of the project.

4. Authorization and registration
We have made a simplified registration system for customers who only learned about the application and the loyalty system at the checkout, which allows you to quickly access the service bonuses!

And for new users of the application who have not yet registered, they were given the opportunity to explore the menu and detailed information about the products.

5.The menu
We were able to combine several brands with different menus and make it really clear and simple.

The categories of goods and services were organized in the form of a convenient menu with sections. There is a search that can be used to find a product by name or keywords. Badges have been introduced that inform the user about the features of the dish. We have reflected popular categories from other users in order to always offer something new.

We show detailed information about KBZHU for each dish and drink. We provide data on both 100 grams of the product and its total weight, so that nutrition-monitoring users can get a more complete picture of the nutritional value of the products.

We have developed recommendations that use AI to individually select additional dishes or drinks based on the popularity of the product and the order history. Thus, the ordering process has become convenient and personalized for each user.

Favorite positions can be added to favorites so that they are always at hand, as well as share them with loved ones.

We are currently testing and will soon add detailed feedback from other users to give more information about product quality and service.

6. Modifiers and Combo Sets
We have made it so that the user can customize each dish or drink to his taste. You can remove or add ingredients — this allows customers to create unique dishes that match their preferences and needs.

We also added the ability to create our own combo set from the available options and were even able to combine this with modifiers!

7. Bonuses and loyalty program
We have implemented a single "end-to-end" bonus system, thanks to which participants of the loyalty program of the Neftmagistral gas station network can use the accumulated points to pay for orders in the Gurmanika application, and vice versa.

The user is always aware of how many points he has, how to get them and spend them.

8. Profile
The profile displayed the maximum information on active and past orders. On the history screen, each order is transformed depending on its status, so the user can always tell exactly what is with his order, where it is and how long it will be. You can also view detailed information on old orders.

9. Shopping Cart
We have created a simple but functional shopping cart. With its help, the user controls every stage of the order processing process.

There is a function to change the address and time of delivery, as well as the composition of already selected dishes and drinks without having to add items again.

We have not only provided for manual entry of a promo code, but also added a choice of personal promotions or payment with accumulated bonuses.

On the order confirmation screen, the user can specify the details and choose a convenient payment method.

In active orders, you can use the order statuses and the map to see where the order is located and how long it will be delivered.

10. Notifications
With the help of statuses and notifications, the user can monitor the progress of his order preparation. For added convenience, we have added status tracking using Live Activities and Dynamic Island.

11. AI
has developed recommendations that, with the help of AI, individually select additional dishes or drinks for the user based on the popularity of the product and the order history, which makes the ordering process more convenient and personalized.

We have also developed generative notification systems that, using machine learning algorithms, help us determine the type of user and their preferences, and then suggest the most appropriate actions to achieve our goals in the application.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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


We continue to work on improving the user experience and improving the usability of our application.

Текущая доступность работы

https://drive.google.com/file/d/1Jb6GLgCUxYMqFd6I7EgQ7Nop0yvGsk3A/view?usp=sharing

Скриншоты

Комментарий заказчика

В 2023 году мы провели колоссальную работу совместно с разработчиками по улучшению нашего мобильного приложения. Непрерывное улучшение дизайна и пользовательского пути позволило увеличить конверсию в заказы на 5 пунктов.