App Design

Travel

Travel App to search recharge register travel app

My Role

Gathering and evaluating user requirements along with Illustrating design ideas using storyboards, process flows and sitemaps and then designing graphic user interface elements

Tools Used:

Abobe XD, Photoshop

Platforms:

Mobile App

The Problem

As there was no application designed for users. Each time they have to visit the recharge agents for recharging there MyWay Cards. With new recharging machines coming up at upcoming lightrail station it can be time consuming in peak hours.

The registration of MyWay card can only be done on the website and the task was to give user experience while registering your MyWay Card. There was no travel history and no notifications about the balance..

The Goal

The goal of the application was to create easy way for users to register there MyWay Cards and after that they can easily recharge there MyWay Cards. The can also plan there journey by searching transport between to different locations. Plus notifications about your low balance.

Adding personalized experience

Rich & clean visual elements

Quick actions and better heirachy

Minimum menu and layout

Wireframe

Wireframes are created to understand the basic structure of an App before UI Design.

In this phase I created these wireframes to present the content, Information and basic layout

Final Design

Design Process

01 Design Process
charandesigner_design_process

Affinity Mapping

02Affinity Mapping
charandesigner_information_architecture

User Journey

03User Journey
charandesigner_information_architecture

Color & Fonts

04Color & Fonts
  • #0242ac
  • #7e2b6b
  • #273962
  • #767676
  • #ffffff

Typography

05Typography
charandesigner_typography

On Boarding

06On Boarding
charandesigner_design_process

Final Design

07Random Screens

UI Interactions

08UI Interactions
X
TOP