Delivery App
Hackathon Project
Product: MNG Kargo
MNG Kargo is one of the leaders in the cargo sector in Turkey.
Designed mobile app fulfils both retail and corporate customers' needs towards MNG's world-class service approach.
Group Project
Project Brief & Overview
For customers, to improve the last kilometer step which is the latest step of transportation, and to answer the questions of how customers can receive their cargo in the fastest way or how they can easily follow
the movements of their cargo.
MNG Cargo process is improved fast and easy for both individual and corporate customers by applying research and design methods within three days.
My responsibilities in this project are to conduct in-depth interviews, create user flow,
user experience design, and visual design.
Design Process
Research
Conducted both desktop and user research to find out the existing process
Persona
Created personas for both retail and corporate customer who use the app
Site Map
Created a site map to understand how
users can navigate through the app
UX Design
Designed handy, easy to use, and delightful path and interaction to solve users' problems
UI & Interaction
Designed visual part of the app,
including interactions
Prototyping
Created a visual prototype of the app to test the concept and the process
Discovery & Research
At beginning of the project, benchmark, competitor analysis, in-depth interviews and netnography were conducted to develop fully-fledged cargo process.
Affinity Diagram
Persona
Created user personas to help uncover the different ways people send and receive cargos to improve the experience for real people and use cases.
Persona 1
Persona 2
Site Map
Before the wireframe phase, created a site map to understand how the user navigate and behave while they are using it. Below will see a simplified map of the user actions.
Mid-Fidelity Wireframes
Because of the limited time, generated only the basic structure of the app and fundamental content pages
as wireframes.
Typography & Color Palette
Typography
The slightly rounded edges of Rubik typeface make it unique and fun to use while keeping things classy and sharp. Being a free font that has both the special symbols and five weights, Rubik is an excellent choice for any design.
Colours
Primary Color
Hex: FF9A23
Secondary Color
Hex: 2E424D
Button Color
Hex: 11219C
Design Concept
Developed a mobile application design concept for MNG Kargo that knows, informs, guides the user and gives confidence to the user.
MNG Müşterim
Knows user.
By knowing the user, provided recommendations with instant notifications through AI and fast operation convenience to the user with a customized dashboard according to the user.
MNG Müşterim
Gives confidence to user.
To give confidence to the user, provided the ability to communicate with the courier, follow the cargo process transparently and feedback to the system.
MNG Müşterim
Informs user.
To inform the user, provided instant notifications about the delivery process, cargo tracking on the map and the nearest branch information.
MNG Müşterim
Guides user.
By guiding the user through the process, provided instructions to ensure that the cargo process goes smoothly.
Requesting Courier Flow
