Frontend UI Developer
Civic Design Concept
Berhampur, Odisha
HTML, Tailwind, JS
M.K.C.G. Medical College & Hospital is a place many people in Southern Odisha depend on. It treats thousands, teaches hundreds, and supports families every single day.
But the moment I opened the official website, it felt outdated and overwhelming. Too many links, too much scrolling, and no clear direction. It reminded me of how government sites often grow over the years without a real design plan.
"If I feel lost on this website, what happens to a worried family member looking for emergency help?"
That thought was enough for me to start this redesign. My aim was simple: rebuild the landing page with clarity and empathy, and show that even government platforms can feel clean, modern and human.
Important and unimportant things are mixed together. Notices for staff show up right beside patient details.
A user in a medical emergency shouldn’t have to scroll past alumni information to find help.
The design feels old, which directly affects the trust users place in the institution.
This is the existing interface. Notice the cluttered sidebar, the marquee scrolling text that distracts the eye, and the lack of a clear call-to-action for patients. It forces users to hunt for information rather than guiding them.
Visit Official WebsiteMost hospitals use a flat blue. I wanted something more relatable. I used Coolors to build a palette that feels reliable yet comforting.
Merriweather
Headings - Gives a sense of heritage.
Inter
Body - Clean, simple, and readable.
I started by separating users based on intent instead of treating everyone the same. I implemented the "Who Are You?" approach.
In healthcare, fast access is everything. I added a clear "Emergency" button in the hero section and an always-visible footer area. This creates a quick path for Ambulance (108) or Help Desk contacts without searching.
A cleaner, faster, and more accessible interface.
In Berhampur, many users access the hospital site via mobile phones. I prioritized a responsive layout that stacks content logically, ensures touch targets are large enough, and keeps the emergency button accessible at thumb's reach.
This redesign turns the website from a giant list of links into a portal that actually helps people. What started as a curiosity project reminded me that public services deserve simple and thoughtful design.