Dinnerfy

Please view this case study on a tablet or desktop device.

Apologies for the inconvenience

Dinnerfy

Making meal planning effortless

Overview

Dinnerfy is an AI-powered app that simplifies dinner decisions by generating personalized weekly menus, smart grocery lists, and integrating with delivery services. With an intuitive swipe interface and adaptive AI backend, it helps users plan meals effortlessly while meeting their dietary preferences.

What I did

Led all UX and UI design, from competitor analysis to final high-fidelity wireframes.

Collaborated along with the co-founders with the CTO during ideation and validation.

Implemented design revisions based on user testing feedback.

Led all UX and UI design, from competitor analysis to final high-fidelity wireframes.

Collaborated along with the co-founders with the CTO during ideation and validation.

Implemented design revisions based on user testing feedback.

The Impact

Faster meal planning

82%

Users experienced reduced meal-planning stress.

4.2/5

Avg. rating on Product Hunt

Design Process

Discovery & Research

To kick off the project, I participated in an onboarding call with the client and CTO to clarify Dinnerfy’s product vision, business goals, and target users.

I then conducted a competitor analysis, benchmarking leading meal planning apps to identify usability gaps, feature opportunities, and best practices.

To kick off the project, I participated in an onboarding call with the client and CTO to clarify Dinnerfy’s product vision, business goals, and target users.

I then conducted a competitor analysis, benchmarking leading meal planning apps to identify usability gaps, feature opportunities, and best practices.

Ideation & User Flows

Following my research, we collaborated with the CTO to map out key user journeys, focusing on reducing friction in meal selection and grocery planning.

I then took the lead in visualizing and refining these flows to create a seamless, intuitive user experience.

Following my research, we collaborated with the CTO to map out key user journeys, focusing on reducing friction in meal selection and grocery planning.

I then took the lead in visualizing and refining these flows to create a seamless, intuitive user experience.

Wireframes

I translated our ideas into low-fidelity wireframes, structuring the app’s information architecture to prioritize clarity and ease of use.

My focus was on intuitive navigation and clear task flows, ensuring users could quickly accomplish their goals.

I translated our ideas into low-fidelity wireframes, structuring the app’s information architecture to prioritize clarity and ease of use.

My focus was on intuitive navigation and clear task flows, ensuring users could quickly accomplish their goals.

High-Fidelity Design

Once the branding was finalized, I built a set of design components and updated my wireframes into high-fidelity UI, ensuring every screen reflected the new visual direction and maintained usability.

the MVP: dinner in 3 easy steps

Design Decisions

I analyzed insights from comprehensive user testing conducted by the client, identifying key areas for improvement. Using this feedback, I iterated on the design to enhance the overall user experience.

Here’s a look at the key refinements I made:

Calendar Feed