Role: UI/UX Designer
Team Name: The Matrix (Team 04)
Tools Used: Figma, React.js, Node.js, MongoDB, Firebase, AWS
Duration: Jan 2025 - Apr 2025 (Capstone Project, Conestoga College)
Skills Applied: UI/UX Design · Wireframing · Prototyping · React.js UI Planning · Responsive Layouts · Design Documentation · Role-based Interface Design
Project Overview
Forkify is a comprehensive restaurant management platform designed to streamline and automate key restaurant operations, including table reservations, inventory tracking, and sales reporting. Built with a scalable technical stack and a focus on user accessibility, the platform offers a role-based interface for Owners, Managers, and Customers (Users), each with unique features and access levels.
The system’s primary objectives were to:
Improve efficiency in managing reservations and inventory
Provide real-time insights into operations via analytics
Offer a secure, scalable, and user-friendly solution accessible across all devices
As the UI Designer, my role was to lead the design of all platform views, focusing on responsive layout, component consistency, and accessibility for each user role.
My Contributions as UI Designer
Interface Design for Role-Based Views
I was responsible for designing all views and interfaces for:
Owners: Multi-restaurant dashboard, analytics panels, staff/user management
Managers: Table layout editor, inventory manager, and sales reporting modules
Users (Customers): Reservation booking, menu browsing, and order checkout
Each role required a distinct yet unified UI experience to reflect their responsibilities while maintaining a consistent design system.
Wireframes & Prototyping (Figma)
Created low-fidelity wireframes to quickly prototype layouts and data flow.
Converted wireframes into high-fidelity, interactive prototypes with clickable user flows for testing and stakeholder feedback.
Focused heavily on usability, ensuring clean navigation, intuitive interfaces, and responsive design across devices.
Visual System & Component Library
Developed a design system in Figma including typography scales, color variables, form input standards, button states, and spacing rules.
Ensured that the UI components followed accessibility guidelines for contrast and screen-reader compatibility.
Collaboration & Handoff
Delivered detailed documentation and redlines for front-end developers to implement React components based on my designs.
Participated in team sprints and design reviews, ensuring front-end implementation matched the original vision.
Platform Architecture Overview
Frontend: Built in React.js, using React Router for dynamic navigation.
Backend: Powered by Node.js & Express.js to manage APIs and server logic.
Database: MongoDB used to store reservations, inventory, and user data.
Authentication: Implemented with Firebase, supporting secure role-based login (Owners, Managers, Users).
Hosting: Deployed to AWS for scalable and secure web hosting.…Role: UI/UX Designer
Team Name: The Matrix (Team 04)
Tools Used: Figma, React.js, Node.js, MongoDB, Firebase, AWS
Duration: Jan 2025 - Apr 2025 (Capstone Project, Conestoga College)
Skills Applied: UI/UX Design · Wireframing · Prototyping · React.js UI Planning · Responsive Layouts · Design Documentation · Role-based Interface Design
Project Overview
Forkify is a comprehensive restaurant management platform designed to streamline and automate key restaurant operations, including table reservations, inventory tracking, and sales reporting. Built with a scalable technical stack and a focus on user accessibility, the platform offers a role-based interface for Owners, Managers, and Customers (Users), each with unique features and access levels.
The system’s primary objectives were to:
Improve efficiency in managing reservations and inventory
Provide real-time insights into operations via analytics
Offer a secure, scalable, and user-friendly solution accessible across all devices
As the UI Designer, my role was to lead the design of all platform views, focusing on responsive layout, component consistency, and accessibility for each user role.
My Contributions as UI Designer
Interface Design for Role-Based Views
I was responsible for designing all views and interfaces for:
Owners: Multi-restaurant dashboard, analytics panels, staff/user management
Managers: Table layout editor, inventory manager, and sales reporting modules
Users (Customers): Reservation booking, menu browsing, and order checkout
Each role required a distinct yet unified UI experience to reflect their responsibilities while maintaining a consistent design system.
Wireframes & Prototyping (Figma)
Created low-fidelity wireframes to quickly prototype layouts and data flow.
Converted wireframes into high-fidelity, interactive prototypes with clickable user flows for testing and stakeholder feedback.
Focused heavily on usability, ensuring clean navigation, intuitive interfaces, and responsive design across devices.
Visual System & Component Library
Developed a design system in Figma including typography scales, color variables, form input standards, button states, and spacing rules.
Ensured that the UI components followed accessibility guidelines for contrast and screen-reader compatibility.
Collaboration & Handoff
Delivered detailed documentation and redlines for front-end developers to implement React components based on my designs.
Participated in team sprints and design reviews, ensuring front-end implementation matched the original vision.
Platform Architecture Overview
Frontend: Built in React.js, using React Router for dynamic navigation.
Backend: Powered by Node.js & Express.js to manage APIs and server logic.
Database: MongoDB used to store reservations, inventory, and user data.
Authentication: Implemented with Firebase, supporting secure role-based login (Owners, Managers, Users).
Hosting: Deployed to AWS for scalable and secure web hosting.WW…