The Plan Plate website showcases the Plan Plate app, helping users understand its features and benefits.
It has a simple, user-friendly design guides visitors through how the app works, who made it, and why it’s useful.
The site also connects users through social media and shared meal planning tips, making healthy eating easy and fun.
Many potential users struggle to find clear, engaging information about meal-planning apps on websites, leading to hesitation in downloading and using these apps.
Our team of 3 followed a Double Diamond approach based on the Design Thinking methodology.
It was not a linear path; we bounced between stages as the project progressed.
We started our work by analyzing competitors to understand the needs of the market better and identify opportunities for improvement.
This helped us shape the Plan Plate website to meet user expectations and stand out from the competition effectively.
Competitor 1: Mealime
Competitor 2: Yummly
Competitor 3: Paprika
Competitor 4: PlateJoy
Competitor 5: Eat This Much
To better understand the needs and preferences of potential users, we conducted a survey focusing on various aspects of meal-planning websites.
The survey gathered responses on demographics, website usage, user experience, desired features, and content preferences.
We conducted interviews with 9 potential users to ensure the Plan Plate website meets user needs and expectations.
Here are key insights and suggestions from 4 of those interviews:
Feedback: “I often look for meal planning solutions online but find most websites cluttered and hard to navigate.”
Suggestions:
Feedback: “I need a meal planning app that’s easy to use and quick to understand.”
Suggestions:
Feedback: “I want to see how the app meets specific dietary needs.”
Suggestions:
Feedback: “I need an app that integrates with my fitness routine.”
Suggestions:
This information summarizes key insights from our competitive analysis, survey, and user interviews.
These insights will guide the design and development of the Plan Plate website, ensuring it is user-friendly,
engaging, and clearly communicates the app’s benefits.
User Interface:
Feature Clarity
User Engagement
Accessibility and Usability
Content and Resources
After conducting interviews and analyzing the needs and challenges of our users, we designed a persona to guide us through the app development process.
we created mid-fidelity designs to outline a vision for the app’s layout. This stage involved iteration.
Solution:
Challenge:
Solution:
Challenge:
Solution:
To design a high-fidelity interface for Plan Plate, we start by creating a mood board
that reflects the main goals and desired feelings as outlined by stakeholders.
This helps us establish the visual direction and overall aesthetic of the interface.
The initial pages’ layout and design were iterated several times until the final version was approved,
but this process of iteration will continue in the future.
Although the design process is always evolving based on changing human behavior and needs, we have decided that this prototype marks our “Done” point. It showcases what we have achieved through our design efforts. Although the design process is always evolving based on changing human behavior and needs, we have decided that this prototype marks our “Done” point. It showcases what we have achieved through our design efforts.