top of page

Ross School of Business

Ghostchef

As part of an entrepreneurship course at the University of Michigan's Ross School of Business, I built a mobile application mockup for a ghost kitchen marketplace

Phone Mock SquareGhost.jpg

The Process

1

2

3

4

5

6

The
Challenge

User Research Takeaways

Early Design Iterations

Feedback and  Next Steps 

Updated
Design Work

Final
Outcome

1

1

The Challenge

Background Information

Our team was tasked by our professor to generate an idea for a business, and do research and data analysis to gauge the potential market for the idea. Noting the number of small food startups around our campus, we decided to focus on creating a marketplace for ghost kitchens. Startups would be able to rent kitchen space from restaurants and bars whose usage had been limited by the pandemic, offering a new revenue stream for those businesses and some much-needed commercial kitchen space and equipment for the startups.

The Task at Hand

We decided to create a prototype of a renter-side ghost kitchen marketplace mobile application, and I headed up the design process for it. Prior to starting the design, we conducted user research to determine how we could make our application as useful and usable for customers as possible. 

2

2

User Research Takeaways

To allow us to best tailor our product to our audience, we surveyed and interviewed multiple small food startups at the University of Michigan. None had used a ghost kitchen before, but all were very receptive to the idea. We set out to learn about their daily routines in order to make our product as useful and intuitive as possible. We then reviewed their feedback and created user personas to help guide our process.

Our research showed three main roles common amongst the startups: Business managers and chefs amongst slightly more developed startups, and owners doing both roles themselves in newer startups.

Student

Sarah, 21

Business Manager, Smoothie Startup

Cooking Lunch

Mike, 22

Chef,
Quesadilla Startup

Gamer with Headphones

Danny, 25

Owner,
Cookie Startup

Goals

Goals

Goals

Sarah would like to increase her team's capacity, as they currently have excess demand and often have to turn would-be customers away.

Mike wants to get access to more appliances, as it would allow him to make multiple orders at once and standardize his prep times.

Danny would like to learn more about the business side, as he is a baker who is running the entire business himself and often feels overwhelmed.

Motivations

Sarah loves interacting with the company's customers, taking their feedback and using it to plan out deals and new offerings

Motivations

Mike loves experimenting with new recipes and dishes, and often cooks for his friends when he is not working at the startup.

Motivations

Danny wants to be able to focus more on the baking side of the business, so he is looking for tools to make the financial side less time-consuming.

Pain Points

Sarah's team is currently constrained to the kitchen in her apartment, significantly limiting the amount of orders they can make in a day.

Pain Points

Mike is currently working with only one stove, which frustrates him greatly because it makes order times very unreliable.

Pain Points

Danny is running the business by himself, and often doesn't know where to start when it comes to finances.

3

3

Early Design Iterations

With the main takeaways from our user research (as well as our personas) in mind, I began sketching and considering the flows for the app's main features. 

Sketches and User Flows

ghostchefwireframe.jpg
GhostChef User Flow.png

Wireframe Sketch

Profile Creation & Main Transactions User Flow Diagram

Wireframe and Thought Process

After refining these pieces, I began building out a wireframe for the application. Our user research (most notably, our most common survey subject pain points) guided my decision-making through the process. Below are excerpts from that wireframe, along with my reasoning for various functionality choices.

Notable Features

4

4

Feedback and Next Steps

Our initial feedback sessions with our professor and our survey subjects brought some positive points, which we made sure to emphasize even more in our high-fidelity comps, and some negatives which we tweaked for our next design iteration. Here are the main takeaways:
 

Positive Takeaways

Negative Takeaways

1. Filter options are helpful, allow for better search

2. Messages functionality seems intuitive, easy to use

3. Ability to share listings is useful and simple

 

1. Screens can get text heavy, not much differentiation between different section headings

2. Navigation arrows are on top of photos, could be difficult to use on mobile

3. Needs clearer way to save listings to favorites

With this feedback in mind, we began brainstorming solutions and moved onto the next phases of our design process. First, we planned out of the visual style of the application, and then we began on our high-fidelity comps.
 

5

5

Updated Design Work

Interface and Visual Branding Decisions

In order to establish a cohesive brand for Ghostchef, I made the following visual identity decisions and created a logo to go along with them.

#7ED392

#BCF0C8

Monserrat Bold

Monserrat

GhostChefLogo.jpg

My color scheme decisions were based around some competitor research we did early on in the process. Though there was not a true ghost kitchen marketplace mobile application out there, there were a few early stage desktop iterations and obviously other marketplace applications in other industries. We noticed that blue and red were used very frequently in these companies' branding, and so we explored options that did not include either of these colors in order to differentiate ourselves.

After testing out iterations of the logo and the wireframes in purple and orange, I landed on the dark and light sea foam green color scheme that we eventually adopted. It matched the quirky vibe that our logo was giving off, while also still looking professional as a primary color on our comps. We landed on Monserrat as our primary typeface for a similar reason - when paired with our light-hearted logo, it fit in seamlessly. On its own in our comps, it was able to give off just the right balance of being professional and fun.

These branding choices were a very good match for our target users, who obviously, as college students, like to have fun but also want to be professional in their work.

High-Fidelity Comps and Action Taken on Feedback

Screen Shot 2022-03-14 at 2.15.06 AM.png
Screen Shot 2022-03-14 at 2.15.06 AM.png
Screen Shot 2022-03-27 at 1.19.38 AM.png
Screen Shot 2022-03-27 at 1.19.54 AM.png
Screen Shot 2022-03-27 at 1.20.04 AM.png
Screen Shot 2022-03-27 at 1.23.02 AM.png
Screen Shot 2022-03-27 at 1.20.50 AM.png
Screen Shot 2022-03-27 at 1.20.57 AM.png
Screen Shot 2022-03-27 at 1.21.05 AM.png
Screen Shot 2022-03-27 at 1.21.16 AM.png
Screen Shot 2022-03-27 at 1.22.10 AM.png

Action Taken on Prior Feedback

Prior Feedback: Screens can get text heavy, not much differentiation between different section headings

Action Taken: Staggered text justification options and moved kitchen information previews into pop-up style rounded corner boxes to differentiate from rest of page

Prior Feedback: Navigation arrows are on top of photos, could be difficult to use on mobile

Action Taken: Switched from navigation arrows to a swipe-through gallery with progress bar underneath current image 

Prior Feedback: Needs clearer way to save listings to favorites

Action Taken: Added "favorite" button in top right of image on kitchen listing pages

6

6

Final Outcome

Included below are some excerpts from our group's final presentation on our concept, Ghostchef. We highlighted the platform's benefits to consumers based on the desired features and jobs to be done discovered through our research, and aimed to design our mockups to meet those desires.

Screen Shot 2021-04-19 at 2.20.59 PM.png
Screen Shot 2021-04-19 at 2.21.25 PM.png
Screen Shot 2021-04-19 at 2.21.09 PM.png
Screen Shot 2021-04-19 at 2.21.46 PM.png
bottom of page