Visit LEDU token page

How to Design and Prototype Uber app - Adobe XD

How to Design and Prototype Uber app - Adobe XD

  • English
  • Design
  • Mobile App DesignMobile App Design
  • (1405)
  • Project length: 5h 42m

This tutorial will go through the process of creating Uber app design using Adobe XD. The main task is to build 30 screens of Uber app with existing functionality. We are going to implement same typography, logo and identity for screens. Then these screens are going to be connected into prototype using native Adobe XD prototyping.

Overview

Introduction

This tutorial will go through the process of creating Uber app design using Adobe XD. The main task is to build 30 screens of the Uber app with existing functionality. We are going to implement the same typography, logo and identity for screens. Then these screens are going to be connected into a prototype using native Adobe XD prototyping.

What are the requirements?

  • Adobe XD knowledge
  • UX/UI theory
  • Wireframing fundamentals

What is the target audience?

  • You want to design car app
  • Adobe XD learners who want to enhance their knowledge
  • This course will help the UX/UI designers who are doing their projects

Project Outline

Session 1: UX (part 1)

  • On boarding screens
  • Home screen
  • Schedule a ride popup
  • Directions
  • Car type selection
  • Car description

Session 2: UX (part 2)

  • Trip related location popup
  • Confirm pickup popup
  • Finding your ride popup
  • Meet driver screen
  • Details screen
  • Contact driver popup
  • Messages screen
  • Rate driver screen

Session 3: UX (part 3)

  • Menu hover
  • Payment screen
  • Your trips screen
  • Free rides screen
  • Help screen
  • Settings screen

Session 4: UI (part 1)

  • On boarding screens
  • Home screen
  • Schedule a ride popup
  • Directions
  • Car type selection
  • Car description

Session 5: UI (part 2)

  • Trip related location popup
  • Confirm pickup popup
  • Finding your ride popup
  • Meet driver screen
  • Details screen
  • Contact driver popup
  • Messages screen
  • Rate driver screen

Session 6: UI (part 3)

  • Menu hover
  • Payment screen
  • Your trips screen
  • Free rides screen
  • Help screen
  • Settings screen
  • Prototyping

Reviews

Average rating

5(1405 Reviews)
  • Avatar

    nyutuwaigi

    3 years ago

    Thorough tutorial