UrbanEats

App Design
Overview
UrbanEats is a fictional food delivery app developed as a coding exercise at Digiteer Academy. This project includes creating wireframes and designs for the app, informational website, and admin dashboard.
Objective
To develop wireframes for a food delivery app to simulate real-world app development experience
Role
UI/UX Designer on a team of 3 interns
Skills
Wireframing, Branding and Logo, Research
Toolkit
Figma
Timeline
Completed within a tight schedule, around 1-2 weeks
Objective
To develop wireframes for a food delivery app to simulate real-world app development experience
Role
UI/UX Designer on a team of 3 interns
Skills
Wireframing, Branding and Logo, Research
overall Process Breakdown
flowchart of process
1. Functionality Mapping
  • Collaboratively identified and documented key features for the food delivery app, website, and admin dashboard.
2. Information Architecture
  • Created a general sitemap and identified specific pages for the app, website, and dashboard.
3. Target Audience Definition
  • Defined the target audience for the app, dashboard users, and delivery riders to guide design decisions.
4. Visual Pegs & Branding
  • Gathered visual references and established branding elements including logo, color palette, and typography.
5. Design System
  • Collaboratively established a design system with components such as buttons, navigation bar, and footer for consistency across the app and related platforms.
6. Wireframing
  • Created low-fidelity wireframes and iteratively converted them into high-fidelity designs.
7. User Journey Mapping
  • Grouped wireframes and designs per user journey to ensure seamless user experiences.
8. Iteration and Approval
  • Iterated on designs based on feedback from supervisors and obtained final approvals for design elements and user flows.
my contributions
- Defined the target audience for app users, dashboard users, and delivery riders.
user personas

Target audience for app users, restaurant admins, and delivery riders

- Contributed to defining app features and specific pages.
logo color palette tests

Features and corresponding pages of the app

- Led the branding process by establishing logo, typography, color palette, and finalized the app name.
paper wireframes

App name and logo tests

low fidelity wireframes

Final app logo and name

low fidelity wireframes

Final typography and color palette

- Designed and implemented key app functionalities including User Authentication, Profiles, Restaurant Listings, Checkout, and Payments pages, as well as the website homepage.
final design systems like navbar icons components etc

Low-fidelity wireframes of pages assigned to me

final design systems like navbar icons components etc

High-fidelity wireframes of the pages assigned to me as well as input and error states

final design systems like navbar icons components etc

High-fidelity wireframe of the website homepage

- Collaborated on grouping wireframes and designs per user journey for a cohesive user experience.
final design systems like navbar icons components etc

All user journeys in the app from signing up to order checkout and more

BehanceLinkedInEmail
© 2024 Sydney Reyes