Ui Ux Work Showcase Institute of Medical Sciences & Hospital

Project Overview

Client: Jagannath Gupta Institute of Medical Sciences & Hospital

Role: UI/UX Designer | Web Designer

Tools Used: Figma, Adobe XD, Photoshop

Duration: 3 Weeks

Goal: Design a modern, responsive, and informative website for a prestigious medical institute, enhancing accessibility for students, faculty, patients, and stakeholders.

Objective

• Showcase medical college facilities

• Make course & admission information easy to find

• Enable quick hospital appointment bookings

• Create a responsive, accessible experience across devices

Key Features & UI Elements

Hero section with CTA (Apply Now / Book Appointment)

✅ Admission process timeline

✅ Quick access to hospital services

✅ Responsive Navigation Bar

✅ Searchable Faculty Directory

✅ Dynamic News & Notice Board

✅ Testimonials & Accreditation Badges

✅ Interactive Campus Map

UX Strategy

• Simplified navigation with mega menu

• Separate login portals for students, faculty, patients

• Breadcrumbs & anchor links for quick access

• Accessibility: High contrast, alt text, keyboard navigation

Conclusion & Results

• Improved navigation by 40% (based on feedback)

• Reduced appointment form abandonment rate

• Increased inquiries via contact form

• Modern brand perception boost

#UIUXDesign #MedicalWebsite #EducationWebsite #FigmaDesign #WebDesign #ResponsiveDesign #CaseStudy #JagannathGuptaInstitute