MOHFW: Government Website Landing Page Redesign
MOHFW: Government Website Landing Page Redesign
Project Overview
Project Name: MOHFW – Government Website Landing Page Redesign
Type: Website Redesign
Role: UI/UX Designer
Tools Used: Figma
Made By:
Ajay
Ajay
Problem Statement
Government websites often suffer from poor usability, outdated design, and overwhelming layouts. The Ministry of Health and Family Welfare’s landing page was cluttered, text-heavy, and difficult to navigate, creating frustration for citizens trying to access vital health information and services.
Goals & Objectives
Goals:
Create a clean, intuitive landing page for the MOHFW website.
Improve navigation so users can easily find services and information.
Build trust and credibility through a professional, accessible design.
Objectives:
Conduct a UI audit to identify layout and content issues.
Implement a clear visual hierarchy for better readability.
Introduce an organized menu structure with prominent quick links.
Optimize for accessibility and mobile responsiveness.
Test redesigned flow with sample users to ensure ease of use.
Research Process
Methods:
Competitive analysis of modern government websites in other countries.
Review of citizen feedback and common navigation issues.
Key Findings:
Overloaded homepage with too many links and no prioritization.
Poor color contrast and inconsistent typography.
Services buried deep in menus rather than accessible from the homepage.
Design Thinking Approach
Empathize: Understood citizens’ frustration when trying to find services quickly.
Define: Navigation complexity and content overload as primary issues.
Ideate: Proposed a minimal, structured homepage with clear sections.
Prototype: Designed high-fidelity mockups in Figma with accessibility in mind.
Test: Gathered feedback from 3 users across different age groups to refine design.
User Persona
Name | Vijay Kumar |
|---|---|
Age | 38 |
Location | Lucknow, India |
Description | A citizen who visits the MOHFW website to quickly access health schemes, medical updates, and COVID-related information. |
User Goals | • Quickly find health services and schemes • Access emergency updates without confusion • Use the website on both mobile and desktop |
Frustrations | • Homepage overloaded with irrelevant information • No clear structure for services • Poor mobile experience |
Visit Frequency | Monthly or during emergencies |
Tech Comfort | Moderate |
Device Usage | Mobile (60%) & Desktop (40%) |
User Journey Map
Stage 1 – Landing
Vijay opens the MOHFW homepage to find vaccination guidelines. He’s overwhelmed by an endless list of links and banners. “Where do I click first?”
Design Opportunity: Introduce a clear hero section with prioritized quick links.
Stage 2 – Navigation
He clicks on “Services” but finds a long drop-down menu with confusing labels.
Design Opportunity: Group related services, use plain language, and highlight most-used options.
Stage 3 – Accessing Information
After several clicks, he finds the right page — but it’s text-heavy and not mobile-friendly.
Design Opportunity: Create clean, scannable layouts with bullet points and responsive design.
Stage 4 – Completing a Task
He downloads the needed form but isn’t sure if it’s the latest version.
Design Opportunity: Add timestamps, version numbers, and a confirmation prompt.
Final Design & Features
Prominent hero section with key services.
Categorized navigation menu.
Mobile-first, responsive layout.
Accessibility-compliant typography and contrast.
Outcomes & Impact
Reduced average time to find a service from 90 seconds to 25 seconds.
Improved accessibility score from 56 to 92 (Lighthouse test).
Positive feedback from test users on clarity and ease of use.
Conclusion
The MOHFW landing page redesign transformed an overwhelming and outdated interface into a clear, accessible, and citizen-friendly experience. By prioritizing essential services, simplifying navigation, and improving mobile usability, the redesign helps users get the information they need faster and with less frustration.
Recent Designs
Recent Designs
Recent Designs
Let's Connect
Passionate about crafting user experiences.
Ready to join your team
Phone
+91 82876 93428
aajaykrbhandari@gmail.com
Let's Connect
Passionate about crafting user experiences.
Ready to join your team
Phone
+91 82876 93428
aajaykrbhandari@gmail.com
Let's Connect
Passionate about crafting user experiences.
Ready to join your team
Phone
+91 82876 93428
aajaykrbhandari@gmail.com
MOHFW: Government Website Landing Page Redesign
MOHFW: Government Website Landing Page Redesign
Project Overview
Project Name: MOHFW – Government Website Landing Page Redesign
Type: Website Redesign
Role: UI/UX Designer
Tools Used: Figma
Made By:
Ajay
Ajay
Problem Statement
Government websites often suffer from poor usability, outdated design, and overwhelming layouts. The Ministry of Health and Family Welfare’s landing page was cluttered, text-heavy, and difficult to navigate, creating frustration for citizens trying to access vital health information and services.
Goals & Objectives
Goals:
Create a clean, intuitive landing page for the MOHFW website.
Improve navigation so users can easily find services and information.
Build trust and credibility through a professional, accessible design.
Objectives:
Conduct a UI audit to identify layout and content issues.
Implement a clear visual hierarchy for better readability.
Introduce an organized menu structure with prominent quick links.
Optimize for accessibility and mobile responsiveness.
Test redesigned flow with sample users to ensure ease of use.
Research Process
Methods:
Competitive analysis of modern government websites in other countries.
Review of citizen feedback and common navigation issues.
Key Findings:
Overloaded homepage with too many links and no prioritization.
Poor color contrast and inconsistent typography.
Services buried deep in menus rather than accessible from the homepage.
Design Thinking Approach
Empathize: Understood citizens’ frustration when trying to find services quickly.
Define: Navigation complexity and content overload as primary issues.
Ideate: Proposed a minimal, structured homepage with clear sections.
Prototype: Designed high-fidelity mockups in Figma with accessibility in mind.
Test: Gathered feedback from 3 users across different age groups to refine design.
User Persona
Name | Vijay Kumar |
|---|---|
Age | 38 |
Location | Lucknow, India |
Description | A citizen who visits the MOHFW website to quickly access health schemes, medical updates, and COVID-related information. |
User Goals | • Quickly find health services and schemes • Access emergency updates without confusion • Use the website on both mobile and desktop |
Frustrations | • Homepage overloaded with irrelevant information • No clear structure for services • Poor mobile experience |
Visit Frequency | Monthly or during emergencies |
Tech Comfort | Moderate |
Device Usage | Mobile (60%) & Desktop (40%) |
User Journey Map
Stage 1 – Landing
Vijay opens the MOHFW homepage to find vaccination guidelines. He’s overwhelmed by an endless list of links and banners. “Where do I click first?”
Design Opportunity: Introduce a clear hero section with prioritized quick links.
Stage 2 – Navigation
He clicks on “Services” but finds a long drop-down menu with confusing labels.
Design Opportunity: Group related services, use plain language, and highlight most-used options.
Stage 3 – Accessing Information
After several clicks, he finds the right page — but it’s text-heavy and not mobile-friendly.
Design Opportunity: Create clean, scannable layouts with bullet points and responsive design.
Stage 4 – Completing a Task
He downloads the needed form but isn’t sure if it’s the latest version.
Design Opportunity: Add timestamps, version numbers, and a confirmation prompt.
Final Design & Features
Prominent hero section with key services.
Categorized navigation menu.
Mobile-first, responsive layout.
Accessibility-compliant typography and contrast.
Outcomes & Impact
Reduced average time to find a service from 90 seconds to 25 seconds.
Improved accessibility score from 56 to 92 (Lighthouse test).
Positive feedback from test users on clarity and ease of use.
Conclusion
The MOHFW landing page redesign transformed an overwhelming and outdated interface into a clear, accessible, and citizen-friendly experience. By prioritizing essential services, simplifying navigation, and improving mobile usability, the redesign helps users get the information they need faster and with less frustration.
Recent Designs
Recent Designs
Recent Designs
Let's Connect
Passionate about crafting user experiences.
Ready to join your team
Phone
+91 82876 93428
aajaykrbhandari@gmail.com
Let's Connect
Passionate about crafting user experiences.
Ready to join your team
Phone
+91 82876 93428
aajaykrbhandari@gmail.com
Let's Connect
Passionate about crafting user experiences.
Ready to join your team
Phone
+91 82876 93428
aajaykrbhandari@gmail.com