Ptiszu - MVP of the app to generate cake recipes in 66 hours!
Digital transformation of the private network of EuroMedicare clinics and hospitals with a new path to purchase medical services.
EuroMedicare Hospital, along with several clinics, has separated from the network of private medical services EMC Hospitals. As a result of this division, an independent brand was created. One of the main points of contact with the established brand is to become a new website, functioning as an important element presenting the new identity and the new visual identity of the EuroMedicare brand.
For a client from the MedTech industry, we designed a new website that focused on providing patients with the most important information. We have made sure that the search for information is intuitive also on mobile devices.
UX & UI
Workshops
Design challenge
Creation of a website that will be accessible and understandable to provide patients with the information they need, thereby minimizing the number of inquiries addressed to medical personnel. The website is also intended to support eCommerce, so we wanted its users to be able to independently find information about whether a given service can be performed and ultimately be able to order it online in the future.
Objectives of the project
Creating a WCAG AA compliant websiteWe care about people, which is why we want the website to be accessible to people with disabilities and the elderly, meeting the WCAG AA level guidelines for accessing content published online.
Building the image of a new brandWe want EuroMedicare to be seen as a modern and professional medical unit, to which you can entrust your health and life with confidence.
Development of confectionery skills
To allow lovers of sweets to develop their passion and make the time they spend in the kitchen more attractive. Guarantee them unlimited access to culinary discoveries.
In the period from January 2022 to May 2022, Zima implemented a hospital and clinic platform project for the EuroMedicare brand. The project was extremely extensive, its scope included a comprehensive approach to UX and UI. All tasks were done with due diligence. I recommend Zima as a reliable partner providing UX and UI services.
Bardzo polecam współpracę z Zimą, jeśli ważne są dla Ciebie relacje, bycie wysłuchanym i transparentna współpraca.
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.
Design workshops
During the workshop, our goal was to understand the perspective of patients — their problems and expectations and what solutions on the website can support them in the process of using it and how to better sell their services to them.
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.
Biblioteka RecipesWe 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.
In-Depth Interviews (IDI)
Having gathered all the relevant information and the purpose of the project in the form of a brief, we were able to start the second stage of the project: sit down at the proverbial drawing board and start the proper design.
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.
Diseño visual
After approving the first views of the wireframes, we started working in parallel on refining the visual direction for the application.
UX & UI Design
After working out the basics and assumptions of the project with the client and an in-depth understanding of which elements of the website make using the services of the facilities a challenge for patients, we were able to move on to the solution design stage.
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.
The solution designed by us is adapted to the needs of people with disabilities in accordance with the WCAG 2.0 AA standard.
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.
Supervision of implementation
The implementation of the project was on the side of our partner, who cooperated directly with the softwarehouse. Our team participated in the supervision of these works.
We checked in detail the effects of the development work, the compatibility of the appearance of the website and the operation of the mechanisms on the subpages with the design.
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
.avif)
