RSUD DR.Soedono Madiun, Government Owned Hospital
Role:
Role:
Role:
Web design
Web design
Web design
Field:
Field:
Field:
Health
Health
Health
Year:
Year:
Year:
2024


A hospital website is not merely about aesthetics. It serves as the first gateway for patients, families, and the wider community to obtain information and make important health-related decisions.
In this project, we redesigned the website of RSUD dr. Soedono Madiun, a government-owned hospital under the East Java Provincial Government. The goal was not only to enhance the appearance, but also to build an information system that is clearer, more meaningful, and user-friendly.
A hospital website is not merely about aesthetics. It serves as the first gateway for patients, families, and the wider community to obtain information and make important health-related decisions.
In this project, we redesigned the website of RSUD dr. Soedono Madiun, a government-owned hospital under the East Java Provincial Government. The goal was not only to enhance the appearance, but also to build an information system that is clearer, more meaningful, and user-friendly.
A hospital website is not merely about aesthetics. It serves as the first gateway for patients, families, and the wider community to obtain information and make important health-related decisions.
In this project, we redesigned the website of RSUD dr. Soedono Madiun, a government-owned hospital under the East Java Provincial Government. The goal was not only to enhance the appearance, but also to build an information system that is clearer, more meaningful, and user-friendly.


Goals
The redesign set out to achieve four main objectives:
- Provide a clear, structured information system for patients and stakeholders 
- Highlight key medical services and professional staff 
- Improve ease of access to essential actions like registration, schedules, and contact information 
- Strengthen public trust in RSUD as a professional and human-centered referral hospital 
Key Objectives:
- Provide clear medical and service information. 
- Facilitate easy patient access (registration, contact, room availability). 
- Promote flagship healthcare services. 
- Build trust as an official regional public hospital. 
For Patients (B2C)
They should be able to easily access doctor schedules, emergency services, and contact details without confusion.
For Partners (B2B)
Ensure clarity in accessing bureaucratic and partnership information while presenting a professional, structured, and trustworthy institutional image.
The redesign set out to achieve four main objectives:
- Provide a clear, structured information system for patients and stakeholders 
- Highlight key medical services and professional staff 
- Improve ease of access to essential actions like registration, schedules, and contact information 
- Strengthen public trust in RSUD as a professional and human-centered referral hospital 
Key Objectives:
- Provide clear medical and service information. 
- Facilitate easy patient access (registration, contact, room availability). 
- Promote flagship healthcare services. 
- Build trust as an official regional public hospital. 
For Patients (B2C)
They should be able to easily access doctor schedules, emergency services, and contact details without confusion.
For Partners (B2B)
Ensure clarity in accessing bureaucratic and partnership information while presenting a professional, structured, and trustworthy institutional image.
The redesign set out to achieve four main objectives:
- Provide a clear, structured information system for patients and stakeholders 
- Highlight key medical services and professional staff 
- Improve ease of access to essential actions like registration, schedules, and contact information 
- Strengthen public trust in RSUD as a professional and human-centered referral hospital 
Key Objectives:
- Provide clear medical and service information. 
- Facilitate easy patient access (registration, contact, room availability). 
- Promote flagship healthcare services. 
- Build trust as an official regional public hospital. 
For Patients (B2C)
They should be able to easily access doctor schedules, emergency services, and contact details without confusion.
For Partners (B2B)
Ensure clarity in accessing bureaucratic and partnership information while presenting a professional, structured, and trustworthy institutional image.
Process
UX Audit :
- Important information is not well-organized or structured. 
- Access to contact details and the list of services lacks a clear sequence. 
- The hero section is not strong enough to build trust. 
- The main menu is overloaded and unfocused. 
Redundansi UX:
- Contact information appears 3–4 times in different places. 
- Functional shortcuts are repeated in the hero, sidebar, and footer. 
- Service information appears in both the top and bottom sections. 
- Navigation consists of both a main menu and shortcuts, creating duplication. 
UI Audit
- Fix Spacing → Implement a proper grid and hierarchy for better breathing space. 
- Improve Colors → Use official institutional colors with accessible contrast. 
- Refine Typography → Limit to 1–2 typefaces, ensuring neat and consistent usage. 
- Maintain Consistency → Check border radius, icons, and alignment across all elements. 
- Enhance Visual Hierarchy → Ensure headlines and CTAs stand out prominently. 
- Polish Visual Details → Fine-tune everything from icons to whitespace. 
UX Audit :
- Important information is not well-organized or structured. 
- Access to contact details and the list of services lacks a clear sequence. 
- The hero section is not strong enough to build trust. 
- The main menu is overloaded and unfocused. 
Redundansi UX:
- Contact information appears 3–4 times in different places. 
- Functional shortcuts are repeated in the hero, sidebar, and footer. 
- Service information appears in both the top and bottom sections. 
- Navigation consists of both a main menu and shortcuts, creating duplication. 
UI Audit
- Fix Spacing → Implement a proper grid and hierarchy for better breathing space. 
- Improve Colors → Use official institutional colors with accessible contrast. 
- Refine Typography → Limit to 1–2 typefaces, ensuring neat and consistent usage. 
- Maintain Consistency → Check border radius, icons, and alignment across all elements. 
- Enhance Visual Hierarchy → Ensure headlines and CTAs stand out prominently. 
- Polish Visual Details → Fine-tune everything from icons to whitespace. 
UX Audit :
- Important information is not well-organized or structured. 
- Access to contact details and the list of services lacks a clear sequence. 
- The hero section is not strong enough to build trust. 
- The main menu is overloaded and unfocused. 
Redundansi UX:
- Contact information appears 3–4 times in different places. 
- Functional shortcuts are repeated in the hero, sidebar, and footer. 
- Service information appears in both the top and bottom sections. 
- Navigation consists of both a main menu and shortcuts, creating duplication. 
UI Audit
- Fix Spacing → Implement a proper grid and hierarchy for better breathing space. 
- Improve Colors → Use official institutional colors with accessible contrast. 
- Refine Typography → Limit to 1–2 typefaces, ensuring neat and consistent usage. 
- Maintain Consistency → Check border radius, icons, and alignment across all elements. 
- Enhance Visual Hierarchy → Ensure headlines and CTAs stand out prominently. 
- Polish Visual Details → Fine-tune everything from icons to whitespace. 
Impact & Results
The redesign brought measurable improvements in usability and perception:
- Faster user navigation with direct access to services 
- Reduced redundancy in information presentation 
- Increased clarity of CTAs for patient registration and emergency contact 
- Improved trust in the hospital’s professional image through modern, consistent visuals 
- Positive user feedback from both patients and internal stakeholders 
The redesign brought measurable improvements in usability and perception:
- Faster user navigation with direct access to services 
- Reduced redundancy in information presentation 
- Increased clarity of CTAs for patient registration and emergency contact 
- Improved trust in the hospital’s professional image through modern, consistent visuals 
- Positive user feedback from both patients and internal stakeholders 
The redesign brought measurable improvements in usability and perception:
- Faster user navigation with direct access to services 
- Reduced redundancy in information presentation 
- Increased clarity of CTAs for patient registration and emergency contact 
- Improved trust in the hospital’s professional image through modern, consistent visuals 
- Positive user feedback from both patients and internal stakeholders 












Conclusion
The RSUD dr. Soedono Madiun website redesign is more than a visual upgrade, it’s a step toward making public health services more accessible, trustworthy, and user friendly.
By focusing on clarity, structure, and ease of access, this redesign ensures that patients, families, and the wider community can quickly find the information they need to make important health decisions. It reflects the hospital’s role as a reliable government referral center, while creating a welcoming digital gateway that supports better communication between the institution and the public.
This project is a testament to how thoughtful design can bridge the gap between essential public services and the people they serve transforming a website into a trusted touchpoint in the community’s healthcare journey.
Challenges & Learnings
Challenges:
- Balancing institutional identity with modern UX standards 
- Reducing redundant content while keeping key info accessible 
- Simplifying complex hospital services into a structured, easy-to-navigate format 
Learnings:
- Government websites benefit greatly from human centered design principles 
- Clarity and simplicity are more valuable than visual decoration 
- Streamlined CTAs significantly improve decision-making speed for patients 
The RSUD dr. Soedono Madiun website redesign is more than a visual upgrade, it’s a step toward making public health services more accessible, trustworthy, and user friendly.
By focusing on clarity, structure, and ease of access, this redesign ensures that patients, families, and the wider community can quickly find the information they need to make important health decisions. It reflects the hospital’s role as a reliable government referral center, while creating a welcoming digital gateway that supports better communication between the institution and the public.
This project is a testament to how thoughtful design can bridge the gap between essential public services and the people they serve transforming a website into a trusted touchpoint in the community’s healthcare journey.
Challenges & Learnings
Challenges:
- Balancing institutional identity with modern UX standards 
- Reducing redundant content while keeping key info accessible 
- Simplifying complex hospital services into a structured, easy-to-navigate format 
Learnings:
- Government websites benefit greatly from human centered design principles 
- Clarity and simplicity are more valuable than visual decoration 
- Streamlined CTAs significantly improve decision-making speed for patients 
The RSUD dr. Soedono Madiun website redesign is more than a visual upgrade, it’s a step toward making public health services more accessible, trustworthy, and user friendly.
By focusing on clarity, structure, and ease of access, this redesign ensures that patients, families, and the wider community can quickly find the information they need to make important health decisions. It reflects the hospital’s role as a reliable government referral center, while creating a welcoming digital gateway that supports better communication between the institution and the public.
This project is a testament to how thoughtful design can bridge the gap between essential public services and the people they serve transforming a website into a trusted touchpoint in the community’s healthcare journey.
Challenges & Learnings
Challenges:
- Balancing institutional identity with modern UX standards 
- Reducing redundant content while keeping key info accessible 
- Simplifying complex hospital services into a structured, easy-to-navigate format 
Learnings:
- Government websites benefit greatly from human centered design principles 
- Clarity and simplicity are more valuable than visual decoration 
- Streamlined CTAs significantly improve decision-making speed for patients 
Share:
More works
Interested in working with me?
MAJID.ALF482@GMAIL.COM
Copied
©2025 Majid


