Youdle Community Board UX/UI Prototype


Project scope
Categories
UI design UX design Branding & style guides Market research Competitive analysisSkills
design documentation usability usability testing typography market analysis wireframing competitive analysis style guides prototyping user interface prototypingThe main objective of this project is to design and develop a user-friendly UX/UI prototype for the Youdle Community Board. This board will serve as a collaborative platform for grocers, shoppers, and emergency management professionals to share real-time grocery inventory insights, supply chain updates, and community-focused resources. The goal is to create an intuitive and visually appealing interface that aligns with Youdle's mission of enhancing accessibility, usability, and engagement for its end users.
Tasks and Activities Learners Will Engage In
User Research
- Conduct interviews or surveys with target users (grocers, shoppers, emergency management professionals).
- Analyze user needs, pain points, and behaviors.
- Develop user personas and journey maps to guide the design.
Competitor Analysis
- Review and analyze similar platforms or community boards for inspiration and feature benchmarking.
Wireframing and Prototyping
- Create low-fidelity wireframes to conceptualize the layout and flow of the community board.
- Develop mid- to high-fidelity prototypes using tools like Figma or Adobe XD.
Design Iterations
- Gather feedback through user testing sessions.
- Make iterative improvements based on usability findings and stakeholder feedback.
Visual Design
- Develop a style guide, including color schemes, typography, icons, and imagery that reflect Youdle’s branding.
- Design a visually cohesive interface.
Presentation of Final Design
- Prepare and present the final prototype to Youdle stakeholders, highlighting how it addresses user needs and aligns with the project objectives.
Project Goal
To deliver a functional UX/UI prototype for the Youdle Community Board that facilitates seamless interaction between grocers, shoppers, and emergency professionals, enabling real-time information sharing and collaboration.
What Learners Are Expected to Complete
Tasks:
- User research deliverables (user personas, journey maps).
- Competitor analysis report.
- Low-fidelity wireframes.
- High-fidelity interactive prototype.
- Style guide and branding materials.
- Usability testing report.
- Final presentation.
- Deliverables:
- A detailed market analysis report summarizing user research and competitor analysis.
- Wireframes that outline the structure and functionality of the community board.
- A polished interactive prototype demonstrating key features of the board.
- A style guide for consistent visual design.
- A usability testing report summarizing findings and proposed changes.
- A comprehensive presentation that communicates the design process, outcomes, and the prototype’s potential impact.
Project Outcomes and Deliverables
Usable Prototype
- A fully designed, interactive prototype of the Youdle Community Board.
Design Documentation
- Style guide and usability testing report.
Stakeholder Presentation
A polished presentation of the research findings, design rationale, and prototype functionality.
Practical Experience for Learners
- Hands-on experience in real-world UX/UI design, research, and prototyping.
Providing specialized, in-depth knowledge and general industry insights for a comprehensive understanding.
Providing access to necessary tools, software, and resources required for project completion.
Scheduled check-ins to discuss progress, address challenges, and provide feedback.
About the company
Youdle helps grocers connect with their community by turning shopper behavior data into smarter inventory decisions, ensuring the right products are on the shelves at the right time. By providing real-time inventory insights for shoppers and actionable analytics for grocers, Youdle boosts customer satisfaction, reduces lost sales, and strengthens community ties—all while driving traffic, growth, and loyalty for grocery retailers.
Portals

