AB Tasty: Companion App Design
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.
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.
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 naviagtion 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.
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.
PM: Julie Dumont Product Designer: Bettina D'ávila Visual Designer: Morgane Ruaud iOS Dev: Adel Ferguen Android Dev: Raphaël Blanadet
CRO | B2B Mobile | 2019 🇫🇷 Paris, France
AB Tasty Companion is the go-to-resource to manage AB Tasty campaigns and tag on the go. Pause and play tests or personalizations, review test information, deactivate the AB Tasty tag from your website and more.
What I did
- UI (with Morgane Ruaud)