My Part

My Part

I created the interface of the App , the placing of the Buttons , right imagines and their perfect placing in the page all by using "Figma".

I created the interface of the App , the placing of the Buttons , right imagines and their perfect placing in the page all by using "Figma".

Overview

Overview

One of the project topics I selected in Third year in Engineering  that manages the menu at College Canteen and you can also place orders

One of the project topics I selected in Third year in Engineering  that manages the menu at College Canteen and you can also place orders

The Design Process

The Design Process


1. User Research:

  • Target Audience: College students

  • User Interviews: Understanding pain points related to canteen ordering.

  • Surveys: Gathering data on preferred features and functionality.

2. Ideation & Prototyping:

  • Brainstorming: Exploring different app concepts and features.

  • Wireframing: Creating low-fidelity prototypes to test layout and navigation.

  • High-Fidelity Prototyping: Developing interactive prototypes with visual design elements.

3. Design Implementation:

  • UI Design: Focusing on clean, minimalist aesthetics with intuitive navigation.

  • Visual Hierarchy: Prioritizing important information through clear typography and contrasting colors.

  • User-Friendly Interface: Ensuring a smooth user experience with minimal taps and scrolls.

4. User Testing & Iterations:

  • A/B Testing: Comparing different designs and layouts to optimize user flow.

  • User Feedback: Incorporating feedback from test users to refine the design.

  • Iterative Refinement: Continuously improving the app based on user insights.



Key Features:

  • Menu Display: Clearly organized menu with images of each item and price.

  • Online Ordering: Convenient online ordering system with a secure payment gateway.

  • Order Tracking: Real-time order tracking to keep users informed about the status of their order.

  • Customizable Orders: Ability to add or remove ingredients and customize orders.

  • Personalized Recommendations: Based on past orders and preferences.

  • Push Notifications: Reminders for order completion and promotional offers.



UI/UX Considerations:

  • Mobile-First Design: Optimized for smaller screens and touch interactions.

  • Accessibility: Ensuring the app is accessible to users with disabilities.

  • Usability Testing: Regular testing to identify and address any usability issues.

  • Performance Optimization: Ensuring fast loading times and smooth app performance.



Results:

"Canteen Notifier" successfully achieved its goal of providing a seamless ordering experience for college students. The app received positive user feedback for its ease of use, convenience, and user-friendly interface.

1. User Research:

  • Target Audience: College students

  • User Interviews: Understanding pain points related to canteen ordering.

  • Surveys: Gathering data on preferred features and functionality.

2. Ideation & Prototyping:

  • Brainstorming: Exploring different app concepts and features.

  • Wireframing: Creating low-fidelity prototypes to test layout and navigation.

  • High-Fidelity Prototyping: Developing interactive prototypes with visual design elements.

3. Design Implementation:

  • UI Design: Focusing on clean, minimalist aesthetics with intuitive navigation.

  • Visual Hierarchy: Prioritizing important information through clear typography and contrasting colors.

  • User-Friendly Interface: Ensuring a smooth user experience with minimal taps and scrolls.

4. User Testing & Iterations:

  • A/B Testing: Comparing different designs and layouts to optimize user flow.

  • User Feedback: Incorporating feedback from test users to refine the design.

  • Iterative Refinement: Continuously improving the app based on user insights.



Key Features:

  • Menu Display: Clearly organized menu with images of each item and price.

  • Online Ordering: Convenient online ordering system with a secure payment gateway.

  • Order Tracking: Real-time order tracking to keep users informed about the status of their order.

  • Customizable Orders: Ability to add or remove ingredients and customize orders.

  • Personalized Recommendations: Based on past orders and preferences.

  • Push Notifications: Reminders for order completion and promotional offers.



UI/UX Considerations:

  • Mobile-First Design: Optimized for smaller screens and touch interactions.

  • Accessibility: Ensuring the app is accessible to users with disabilities.

  • Usability Testing: Regular testing to identify and address any usability issues.

  • Performance Optimization: Ensuring fast loading times and smooth app performance.



Results:

"Canteen Notifier" successfully achieved its goal of providing a seamless ordering experience for college students. The app received positive user feedback for its ease of use, convenience, and user-friendly interface.

Home

Create a free website with Framer, the website builder loved by startups, designers and agencies.