Ptiszu - MVP of the app to generate cake recipes in 66 hours!
Check out how the web app for generating cake recipes from pastry influencer Ada Lal came about!
Ada Lal, author of a popular confectionery blog and successful e-books, decided to expand her confectionery empire. Its offer was to be complemented by a web application allowing you to configure cake recipes according to your own idea.
In just 2 months, we managed to create an MVP project of the application with basic functions
UX & UI
Workshops
Design challenge
Designing a web application and experience that will support Ptiszu customers in developing their passion for baking cakes and improving their pastry craft.
Objectives of the project
Strengthening its position in the marketCreating an innovative product that will raise the value of Ptiszu e-book and help position it as a forerunner of modern confectionery solutions in the Polish market.
-
A new point of contact with the brandCreate an app that is just like the Ptishu website: beautiful, understandable and rich in content knowledge.
Developing pastry skillsEnabling sweet lovers to develop their passion and make the time they spend in the kitchen more attractive. Guaranteeing them unlimited access to culinary discoveries.
From the beginning of the cooperation, I felt that I was working with people who understood my needs. Zima team is open to feedback and eager to make a difference.
I highly recommend working with Zima if relationships, being heard and transparent cooperation are important to you.
Design process
Due to the very tight schedule, we decided to conduct a research sprint, which lasted 22 hours and ended with a project brief. When designing the solution, we focused on wireframes and pixel perfect mockups.
Exploration
At this stage, we held a series of workshops with the client
- Learn about the cake making process and the habits and expectations of users to understand how the Ptiszu app can support them in developing their confectionery aspirations.
- Understand what makes using one configurator give the user a great experience and use another poor.
- Plan your sprint and the rest of your project activities well to fit into a certain number of hours.
Exploration
In order to find answers to our key questions, we initially focused on three activities.
Exploratory interview.
A conversation with Ptiszu, an expert in the field of cake baking.
Insight: There are many dependencies between the individual elements of the cake, which affect both each other and the final result.
Benchmarkering
Insights that we noticed after carrying out the exercises:
Insight: In the process of generating solutions, it is important to show the entire path and the current stage of creation to make it easier for the user to understand the whole challenge.
Desk research
A conversation with the users of the blog that allowed us to understand their confectionery habits and accompanying customs them when baking cakes.
Insight: Users when planning to bake a cake start by adapting the recipe to the mold they have at home. The basis of the dough for most of them is the type and taste of the cream. Plastering the cake is perceived as an integral element of baking.
Workshops
The next step was a workshop with the client, where we determined the functional scope of the configurator, priorities and the desired look & feel of the application.
Functionality and priorities
Based on the client's vision, we discussed together the values that the application aims to give to users. We also outlined the initial architecture of the application.
The main functionality is the generator
Recipe generation is the main value of the application, so the recipe creation process should be its key functionality.
Education Section
In addition, we want to give users the opportunity to deepen their knowledge about cakes, about the rules of cake making and about already existing recipes.
Recipe LibraryWe want users to be able to easily return to their recipes and share them with their friends.
User path
As a result of analyzing the user's path, from starting to generate a recipe to using it in the kitchen, we have understood which points can be a challenge for him and what needs to be taken care of accordingly.
Determining the visual direction
Together with the client, we confirmed her visual preferences. We created moodbaord and approved the visual direction for the product.
Maintaining the sweet world effect of PtiszWe want to make time in the kitchen more attractive for lovers of sweets. The app experience is meant to be joyful, colorful, and delicious.
Colours derived from the brandThe main color scheme is to be based on reds and roses derived from the Ptiszu logo. Complementary colors are blue, yellow, various shades of beige and black for texts.
Monochrome illustrations
The whole is to be decorated with delightful, monochrome illustrations, which will be made to order by the illustrator.
Designing
The next step was a workshop with the client, where we established the functional scope of the configurator, priorities and the desired look & feel of the application.
Wireframing
Taking into account the cooking habits, we decided to build a mobile version of the application in the first place.
We decided that the most effective form of work at the beginning of the project will be a participatory workshop with a client. We developed the information architecture and the initial flow of the application on it. When designing the survey for the first users, we took care to collect feedback.
Visual Design
After approving the first wireframe views, we began working in parallel to refine the visual direction for the application.
Look & Feel
The result is a style that reflects the pastry world of Ptish - tasty, sweet and colorful. The app is distinguished by beautiful illustrations, tasty photos and decorative fonts.
User path
During the workshop, we addressed previously identified challenges that the user may encounter when using the application.
We have created a solution that guides the user by the hand, informing him about the path traveled and the relationships between the individual steps. The range of choices is presented attractively, thanks to which the user is supported in making subsequent decisions.
Show the relationships between the elements.
Information about the amount of servings has been pulled to the top and is visible throughout the process.
Information about element combinations and awards for the best choices
The generator explains to the user the relationships between the elements of the cake, protects him from choices,
which can lead to disappointment and praise him for the best flavor combinations.
Education Section
An educational section has been created, which tells about the very idea of cakes and about individual elements and recipes.
Visualization of the generated solution
Visualizing user-generated cakes turned out to be quite a challenge. We designed special cake layer illustrations that showed users the recipe they created.
View Generated Recipes
The application supports users in the proper planning of work when creating a cake.
Recipe divided into days.
Making a cake is demanding and quite complicated, therefore the recipes are given in such a way that you can easily divide their execution into several days and coordinate the order of creation of individual elements without problems.
List of ingredients.
There is also a separate section with a list of ingredients that helps you plan your purchases well. In the future, it is also supposed to recalculate and sum the ingredients from all the elements of the cake.
Printable recipe.
The recipe view is designed for phone screens, but for users who prefer classic solutions, a special, equally functional, printable recipe view has been created.
Social aspect
As we well know “sharing is caring”, that is why we have not forgotten to give the user the opportunity to share Share your own recipe with your friends.
Sharing your own recipes not only gives pleasure to the creator, but also has a positive effect on building interest in the product itself, and thus: supporting the development of the Ptiszu community.
Summary
The next steps
- The implementation of the project was entirely on the client's side.
- The developed solution will be tested on the market in the MVP phase.
- Further development and improvements will be created taking into account the users of the application.
Our team worked in a design model
![This is what you need to know to make your medtech business work [+UX examples]](https://cdn.prod.website-files.com/665f016b950e89499f580acc/671b831663a2597f47c963f3_Grafika-nr-1_-tytul_-Innowacja-termometra--scaled.webp)
