A collaborative desktop software that streamlines the recipe creation process at HelloFresh under one unified tool.
UX/UI designer and researcher
Design Sprint Challenge
Pen & paper, Figma, InVision, Powerpoint
A design sprint challenge introduced by the HelloFresh Product Design Team with the aim to streamline and merge their current softwares into one digital platform to enable efficient workflow and quicker recipe generation, without hiring new resources. HelloSort was chosen as the winner amongst 16 teams.
Discover & Define
HelloFresh is the world’s leading meal-kit company. They deliver high-quality seasonal ingredients and easy-to-follow recipes to their customers on a weekly basis, saving them time and money all while reducing food waste.
Despite that, HelloFresh realized there is still room for improvement. Their recipe creation process is completed using multiple platforms and software, making it time consuming and inefficient. With that, HelloFresh approached the challenge with the following design question: how can we help recipe developers create more recipes than what they create currently, without hiring new resources?
The above image represents the existing HelloFresh recipe creation process. Evidentially, recipe creators must constantly shift from one software to another to complete their recipes, hindering their productivity and the efficiency of the overall process.
After evaluating HelloFresh’s existing process and conducting quantitative research regarding tracking and auditing systems, we came up with a few assumptions to better synthesize the area of focus.
Recipe creators must always be aware of inventory (what is scarce vs in abundance).
Recipe creators value experimentation and the ability to adjust their recipes conveniently and efficiently.
Recipe creators are not very tech-savvy.
We also noted the following goals that help narrow down our thinking process and would ultimately streamline our entire design process:
Increase recipe creators’ efficiency through provided brief templates.
Unify all functions of recipe creation into one tool.
Provide team members will a collaborative feature focused on feedback and the status of the recipes.
Based on our research, assumptions, and goals, we developed the following design question:
How Might We
automate the inventory sorting process in order to streamline recipe creation while ensuring consumer demand is met?
To prioritize which tasks will allow our users to complete their goals most effectively we authorized a few sets of user stories and further categorized them into five epics: supply, inventory sorting, recipe creation, customer trends, and inventory stock.
Prior to designing the wireframes, our team conducted a visual analysis of what is already in the market as well as collected inspiration. Below are a few images that grasped our attention and were added to HelloSort’s mood-board.
We started developing wireframes inspired by our most viable sketches to get a more realistic feel of the product. As a team, were able to develop lo-fi versions of the home and inventory pages before our halfway meeting with Senior Product Designer at HelloFresh, Tamira McCoy.
After our team meeting with Product Design Lead at HelloFresh, Tamira, we realized our designs should focus less on inventory and more on streamlining the recipe creation process. At this point, we went through a major pivot and redirected our design question to:
How Might We
enhance recipe creators’ productivity in order to optimize and accelerate the recipe creation process?
Furthermore, we developed a task flow to better visualize the ways in which our user’s will use and navigate through the system:
We took the time to create a storyboard revolving around Mark, a recipe creator at HelloFresh. Mark is very busy with his job and is looking for time-management solutions to optimize the recipe creation process. Based on a given brief, Mark is required to complete his tasks that include experimentation, logging, and approval.
HelloSort is introduced to Mark, so he can optimize the process where he can improve his performance and productivity under one unified tool for a faster result. Through HelloSort, Mark is directly aware of inventory and is ready to begin curating the perfect recipe. After filling up the template, Mark waits for approval and/or comments from his peers.
Finally, we developed a site map to visualize the prioritization of pages, features, and tasks.
The four main pages we’ve included are the Dashboard, Creator, Recipes, and the Inventory.
Our focus is on the Creator Tab through which recipe creators can efficiently navigate through the experience of creating recipes. HelloSort introduces a unique feature that allows recipe creators to curate recipes either based upon a given Brief or they can start from scratch with HelloFresh Meal Plan template.
Hi-Fi Wireframes (V1)
After our pivot, we had no time to develop new lo-fi wireframes and so we went ahead and developed our first hi-fi prototype wireframes based on our sketches as well as on-going iterations.
We then conducted a user test with nine participants in which all users could swiftly navigate through the system and complete the task flow required. Participants had a few comments regarding the user interface that we addressed in our final version.
Hi-Fi Wireframes (V2)
After editing, iterating, and improving our final prototype, our software, HelloSort, was born.
Key Project Learnings
Collaboration is a very valuable feature and communication is key.
We should always be mindful of accessibility as we kept in mind that recipe creator may not be tech-savvy and so simplicity is preferred.