Mockplus Sample Project – DiDi (App, Transportation)

Anny
Dec 28, 2017
107298
5 min read

DiDi is a taxi-hailing app. And the most commonly-used elements in such mobile apps are maps. In Mockplus, you can straightly drag static “Street Map” components to add maps for your app prototypes and also search and select different circle icons to build new location icons for your app maps. Moreover, Mockplus also offers a variety of vehicle icons in its powerful icon library and enables you to directly use them with simple drag-and-drop.

Let’s see it in GIF at first:

DiDi

Click here to preview it online: http://run.mockplus.com/JVvbOjEtIrKIsObG/index.html

UI flow in large size:

DiDi

Main pages of this prototype: Home, Address, City, My Trips, Settings and My Wallet, etc.

The project file can be downloaded here.

App pages of the album ( 11 pics in total) can be downloaded from here.

Enjoy it!

Free prototyping tool for web and mobile app design
Get Started for Free
Free prototyping tool for web and mobile app design
Get Started for Free
Free prototyping tool for web and mobile app design
Get Started for Free
What's Mockplus?
Mockplus RP

A free prototyping tool to create wireframes or interactive prototypes in minutes.

Mockplus DT

A free UI design tool to design, animate, collaborate and handoff right in the browser.

Free web & app prototyping tool
Create wireframes or highly interactive prototypes in just minutes.
No time limit Up to 10 users
Get started
No, thanks, i'm good.