airSewa -
Govt portal redesign
to win trust and adoption of
sophisticated air travelers in India 

a  design case study 

Flying Plane

The client and the context 

Beach Deck

Sponsors

The minister of Civil Aviation, the Govt of India and Airports authority of India Ltd

Context

The version one of the application had found no adoption by end users. 

The downloads were low and in 100s,  the DAU even  lower

Goals

To create a highly contemporary design which is easy for the end users and elegant in appearance.
Scalable design which is line with growing air travel infrastructure in India

This was a U$ 5 Mn project to serve 340Mn annual air travelers in India.
Served by  400 airports and 40 airlines, the air travel requirements are fast exploding in India

Size

design challenges and history

The version one of the application didnt have a respectable design but the sponsors had already invested good time, effort ,money and emotions in it.

The minister wont give a go ahead to the project unless the product vision appeared compelling. The existing app was barely usable, it also looked ugly. See the screen shot on the right ->

 

The problem areas

Almost every thing in general and the following in particular.
 

  1.  Logo :  It was badly designed, non scalar, non vector and complex.

  2. Navigation system : It was not persistent and hence made it difficult for users to swich tasks once they left the home screen.

  3. Layout :  A non scalable layout which would break if any new service was to be added.

  4. User Context :  The creators didnt address the key issue of convenience of end users who would like the relevant flight information to be automatically visible rather than be searched..


 

Before Ux Design

Ver1.0.png
White Fabric
Grey Theme Objects

The design team took an agile and Interfaces based approach which apart from using the iterative process, kept the app user centered

  1.  Requirements :The functional specification document was decomposed into agile stories with clear acceptance criteria

  2. Information Architecture :The documents and user behaviors were studied, the verbs or actions were extracted in mindmaps and visual diagrams. The actions were assigned to each persona type. The common actions were extracted and moved to common pool.  Th

  3. Navigation system : A combination of closed card and open card system was used to iterate and converge to create primary, secondary and tertiary navigation system

  4. Layout :  The inspiration was drawn from apple appstore and google play to reuse user cognition.

  5. Color palette :  The color emotion guide was used to select the theme colors.

  6. Rapid prototyping : We used paper and digital prototype to check our assumptions on layouts and navigations.

  7. Logo redesign : A combination of conotation and denotation was used to redesign the logo and brand identity.

the design approach

Redesigned page and
redefined Ux

the  impact of design 

Ver2.0.png

The design team created a vision of the application  replete with color theme, logo, layout, navigation, scroll patterns and refined workflows. The following contemporary designs were incorporated 
 

  1.  Profiling  :   The customer profile was created to push relevant information to users without they trying to pull them .  

  2. Navigation system :  A persistent navigation system was designed and placed at bottom for easy tappability with just the thumb while on the travel 

  3. Layout :  Contemporary mixed scroll layout was designed to help quick secondary navigation using easy vertical scroll and tertiary navigation using horizontal scroll 

  4. Iconography :  Light vector icons were created using principles of graphic design so that they closely correspond to the real functions

  5. Imagery :  High quality domain related images were used to enhance the visceral feel of the app. 

  6. Logo redesign :  The classical method of log of design was used combining the shape of wings, the letter "A" and folded hands to signify service ( Sewa in Hindi) . On request of ministry, the logo colors were aligned to the national flag. 


 

Blessing the Food

the customer feedback 

circle-2-615x318.jpg