top of page

UI/UX CASE STUDY

DigiLocker is a flagship initiative of Ministry of Electronics & IT (MeitY) under Digital India programme. DigiLocker aims at ‘Digital Empowerment’ of citizen by providing access to authentic digital documents to citizen’s digital document wallet. The issued documents in DigiLocker system are deemed to be at par with original physical documents 

task

REDESIGNING THE DIGILOCKER APPLICATION

OBJECTIVE

Enhance user experience and interface design of the Digilocker application to improve usability, accessibility, and overall user satisfaction.

THE PROCESS

Audit report

Customer review

Competitive analysis

HMW statement

​

One user flow of the user to getting the final document verified.

Icons

Buttons

Font

Cards

Colour palette

component

Login page

Welcome page

Home page

My documents page

Detail form page

Verify Loading page

View my document page

Final interface

Mockup

Prototype

RESEARCH

Audit report

The audit highlights several key areas for improvement in the app's usability and user experience. These include addressing an overcrowded interface to simplify navigation, streamlining slow navigation processes, and simplifying the complex login procedure to encourage new user engagement. Additionally, optimizing space utilization by reducing excessive white space and ensuring consistent text alignment and icon design can enhance visual appeal and usability. Correcting misaligned icon placement and text display issues further contributes to creating a more cohesive and user-friendly app interface. Overall, these adjustments are crucial for improving the app's usability and enhancing the overall user experience.

Main points

1. Overcrowded Interface

2. Slow and lengthy Navigation

3. Complex Login Process

4. Excessive White Space

5. Inconsistent in Text Alignment

6. Mismatched Icons

7. Misaligned Icon Placement

8. Text Display Issues

Current application

Customer reviews

Competitive analysis

Umang.gov

Umang App provides for a thorough integration of majority of the Government Related services like Aadhaar Card Services, Passport Services, Digilocker, Income Tax Services, etc. This app provides unlimited access to the Government services at any time and from anywhere.

Report

Overall, the app demonstrates consistency and balance in its design elements. Icons are consistently aligned, and the layout is well balanced. Typography is equally proportioned and aligned, contributing to a cohesive look. The state list is straightforward, lacking unnecessary icons for each state, maintaining consistency. Document lists are categorized for easy access. However, the presence of a checkbox in the state list, despite only one state option, detracts from usability. Despite this, the app effectively divides categories and prominently displays marketing banners and updates for users.

HMW

How may we enhance the user experience and resolve issues such as lengthy and complex navigation with a better user interface?

USER  FLOW

UI KIT

Colour
palette

Font

Components

Buttons

Icons

Cards

WIREFRAMES

Create  a/c
Welcome
Home
My docs
My details
Loading page
View doc

INTERFACE

Create account

Welcome page

My documents

Details 

Home page

Home page

Verify loading

My document

4 weeks
Figma
Illustrator
bottom of page