Build Real World Uber App In Adobe XD 2021

Name: Build Real World Uber App In Adobe XD 2021
Rating: 4.6 (105 reviews)

Create UBER Clone In Adobe XD 2021 with latest features

Created byShaher Yar Hamid, UIXELS ACADEMY

Last updated 1/2021

English

What you'll learn

UI/UX Design Process
Build Interactive mobile app
Adobe XD tools and features
Create Uber Clone in Adobe Xd CC 2020
Work with latest Animations in XD
Wireframe to visual design
Prototype a mobile app
Sharing your app on web
You will have a project of your own design to show in your portfolio

Course content

4 sections • 65 lectures • 3h 17m total length

Welcome1:12
Using the exercise files0:39
Setting Up Workspace4:00

Splash Screen3:01
Signup Screen-14:00
Signup Screen-25:45
Signup Verification3:13
Home Screen8:16
Select a location5:32
Choose a ride7:54
Design a wireframe for the choose a ride screen by adding source and destination addresses, times, car types, calculated fares, and a payment method with a confirm button.
Confirm a ride1:36
Confirm Pickup location3:36
Confirming ride1:28
Connecting the driver1:46
Meet at pickup location8:18
Design the driver arriving screen for a real-world Uber app in Adobe XD 2021, building the layout with an arrival timer, vehicle info, rating, pickup notes, and a call button.
Driver messaging10:42
Rider messaging5:55
Driver arrived1:24
Driver Rating4:18
Driver Compliment1:39
Learn to build a five-frame rating submit screen in Adobe XD by duplicating elements, resizing and centering circles, and adding a plus icon via a plugin with color tweaks.
Application Menu5:51
Edit Account4:51
Your Trips3:12
Design the trips screen for a real-world Uber app in Adobe XD 2021, creating a scrollable trips view with date, car model, driver rating stars, and a map.
Trips detail9:36
Receipt1:43
Edit Payment3:15
Edit Star Rating3:01
Star Rating Done1:14
Wallet9:24
Add payment method1:26
Add Card5:14
Get Discounts2:27
Account Settings6:12

Splash Screen3:21
Signup Screen-12:22
Signup Screen-20:51
Design the sign up with mobile number screen, using regular font and the third color. Switch the sign up button to yellow and set the arrow color to black.
Signup Verification1:02
Design the signup verification ui by setting text to 18 regular and phone number to 16 bold, then color the text, button to yellow, and arrow to finish the screen.
Book a ride1:17
Select a location1:09
Choose a ride1:17
Confirm a ride1:03
Design the confirm ride screen in Adobe XD by reusing elements from the previous screen, updating font weight to bold, replacing icons and buttons, and setting the line color.
Confirm Pickup location1:01
Confirming ride1:25
Connecting the driver2:07
Meet at pickup location1:45
Driver arriving2:34
Driver messaging0:42
Driver arrived1:04
Driver Rating1:03
Driver Compliment0:59
Application Menu1:25
Edit Account1:14
Edit the account screen by changing background to yellow, text and back arrow to black, replacing the placeholder with a yellow user image, and adding a flag from screen two.
Your Trips0:42
Trips detail1:33
Receipt0:55
Edit Payment0:46
Edit Star Rating1:03
Star Rating Done0:39
Wallet1:37
Design the wallet screen by applying color and typography changes. Implement yellow upper portion, black text, yellow move rectangle with black text, green icons, and headings in the third color.
Add payment method0:35
Add Card1:12
Get Discounts0:43
Account Settings1:50

Requirements

Download Adobe Xd from Adobe website (FREE) or look at a video in the course on how to do it.

Description

Adobe XD is one of the most amazing tools used for UI/UX and prototyping for web and mobile apps.

In this course, we will teach you how to design an Uber Clone app along with learning all the new features of Adobe Xd by demonstrating a full app design workflow. By downloading the exercise files, you will be able to set up the workspace and start by creating 30 Wireframes Screens of the Uber app. You will be able to create user interaction design by applying artistic skills and giving a new look to your app. In the last, you'll learn how to prototype your app by creating connections between artboards which will bring life to your app and then you can share your prototype with your friends, developers, clients, and other stakeholders.

By the end of this course, you would be able to create efficient mobile application designs with Adobe XD.

Who this course is for:

Everyone who want to start career as a UI/UX Designer
For those who want to improve their skills
For those who don’t have any UI/UX software or design experience

Build Real World Uber App In Adobe XD 2021

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 6min

Move App UX-Wireframes30 lectures • 2hr 16min

Move App UI30 lectures • 39min

Prototyping2 lectures • 16min

Requirements

Description

Who this course is for: