Our recipe for a brand-driven design.
Based on Betty Bossi’s already existing brand values, we worked on the User Experience Identity (UXi) and made sure to reflect their brand personality and vision in every detail of their digital products. The challenge with the brand was their super diverse setup coming from an analog magazine service and connecting thousands of existing recipes, products, and tools for the kitchen itself. Besides their core values – modern, easy, innovative, and likeable, our semantic map also reflects secondary values that further describe the Betty Bossi universe. Altogether, the UXi sets the tone for the redesign of Betty Bossi’s digital product landscape.
Tasty in every way: Our brand-driven UX design.
In order to redesign the already existing Betty Bossi app, we started with an analysis of the product and thereby identified areas where we saw potential for improvement. The goal was to provide users with both an easy access to recipes and a step-by-step cooking mode. Moreover, we developed a new feature that was frequently asked for by users: collections. Now the users can easily add and organise their favorite recipes.
Through the light background, combined with high-contrast icons, and a new highlight colour, we created a friendly and modern look that perfectly reflects Betty Bossi's brand values. The images should inspire users and encourage them to recreate a dish. Now users can immediately decide whether they want to cook the recipe, take a closer look at it, or save it. We used different highlight modules with a very large lead image and added big and small swimlanes, which look inspiring, dynamic, and contemporary. Furthermore, we made sure to establish an approachable character by not having too perfect and too sterile visual elements. Shapes in the background, which do not have a recognisable pattern but simply lay harmonically behind the individual components, are just one example of the perfectly imperfect design.
Just like the visual design, every transition within the app should reflect the personal touch and the small details. One example is the small splash within the icons when liking a recipe. It shows the personal, authentic character of the app once again – reminding us of the little things that can go wrong when cooking. We also want to convey a warm and human feeling with micro-animations like the one in the tab bar. Our empty and loading states are friendly and feminine, which should put a little smile on users' faces.
Daily communication with the project team was of great importance in working on an app that already has 100,000 active monthly users. Betty Bossi is the longest-standing household name for Swiss cooking – and we were very aware of that. Our communication with the client started on day one, and it included various syncs during the week, covering important issues and solving every problem that comes our way. We’ve dealt with all challenges with the end goal in mind and, ultimately, developed a beautiful app, approaching Betty Bossi’s brand identity in a modern way.
A great code is the main ingredient for a seamless experience.
The app provides the users with a modern UX/UI experience through many new features, like push notifications, hero animations, and QR codes. But, let us tell you, implementing those was no piece of cake – we’ve faced different challenges along the way, making sure everything runs smoothly, both on older and newer devices. To implement push notifications, we used Emarsys SDK, which allows users to open all recipe details inside the app through universal links hidden inside the push messages. Other than that, users can now browse all new and old recipes throughout the app, mark favorites, check new, and archived magazines, and get notified about any new recipes or Betty Bossi cookbooks.
To prevent any defects in production, we used both manual and automated testing, with a focus on manual since the app was rich with custom UI components, animations, and transitions. Using Zephyr helped us write and execute test cases, and finding defects and solutions was easier thanks to daily syncs, retros, and plannings with the team and the client.
Meet the product
Want to explore more food content and recipes?
Here is the way to the app!