Why this project?

This is the first mobile solution created by AB Tasty, where marketing, product and tech teams rapidly drive ROI and continuously deliver outstanding user experiences. We wanted to solve the problem of users being unable to take immediate action whenever there is a bug or any other critical error on their campaigns whenever they are away from their work environment, such as commuting in the train or away on holidays.

The Context

AB Tasty Companion is a B2B mobile application for AB Tasty end users to follow and monitor their campaigns on-the-go. We wanted to solve the problem of users being unable to take immediate action whenever there is a bug or any other critical error on their campaigns whenever they are away from their work environment, such as commuting in the train or away on holidays.

• Target Audience: AB Tasty users, more specifically CRO managers & consultants that use the tool on a daily-basis.
• Product goals: Campaign monitoring in mobility, user notification on important changes in their campaigns and account details.

The Process

We started the research by studying our personas and user journey. One month before we started the project, another squad had done some intense research on our customers in order to update the the three main personas we have as established profiles of our main users. Therefore, we were able to use them on this project to start drawing the navigation structure for the app and the intended user journey for each persona.

Ideation & Prototyping

The scope of the mobile app is not the same as the web solution. Based on the user research, persona and user journey we mapped out, we were able to determine the main focus of the app: to allow users to have an overview of their campaigns and take "emergency" actions if needed, such as playing a campaign, pausing a campaign or clearing the framework (removing the AB Tasty tag immediately from their webiste in case of a bug or conflict of any kind).

The project was happening at the same time as the UI revamp of the platform, so we had the incredible support from Morgane, the visual designer, to create the illustrations and visual assets for the app. First, we created low-fidelity mockups to validate each screen and interactions internally.

Next, after the main screens and navigation patterns were finalized, we jumped to the UI, animations and interaction details. Our design system is called Pulsar and presents a "outer space" theme. Thus we were able to explore different ideas to merge the system concept with the user experience in the app. We used Lottie library to create all animations in the app: a very light and compatible solution for all operational systems.

The Solution

We launched the Companion app version 1.0 for all AB Tasty customers in October 2018. The users should use the same credentials they already have for the desktop app, which means no registration is needed. They can simply download the app on their personal mobile devices.

• The Companion app is currently available on App Store and Google Play, only in English;
• Here is an article explaining how the app works.

Challenges & Learnings

The company created a new team to work exclusively on this project. It was also the first project where I had to build something from scratch. I've worked on the research phase, wireframes, user testing, and also created the high-fidelity mockups and deliverables for the developers.

I had the opportunity to organise and document the whole project from end-to-end with the help of the PM, including not only UX design-related tasks (scope, research findings, UI guidelines) but also creating user stories and technical specifications for the developers and describing story telling scenarios for the product marketing team.

The Team

PM: Julie Dumont
Product Designer: Bettina D'ávila
Visual Designer: Morgane Ruaud
iOS Dev: Adel Ferguen
Android Dev: Raphaël Blanadet