Project Overview
Advanced Orthopedics and Sports Medicine Institute (AOSMI) is a medical practice specializing in orthopedic care, pain management, and sports medicine.
For this project, the client requested a modern, patient-friendly design with clear navigation, strong branding, and seamless access to essential resources like physician information, appointment scheduling, and patient education.
* The website design has been modified since its initial launch. The design mock-up at the end of the project more accurately reflects its original appearance.
Duration
2 months
Software
Adobe Photoshop, Webflow, WordPress
Categories
Responsibilities
I led the website design to create a seamless and engaging experience for patients and healthcare providers. My role included developing custom layouts, integrating branding elements, and collaborating with the development team to ensure a polished final product.
- Led UX/UI design to improve usability and engagement.
- Created custom page layouts for the home, contact, and interior pages.
- Designed a cohesive visual system for consistency across the site.
- Worked closely with developers to bring the design to life.
Key Features
This project included several custom design elements to enhance usability and provide a seamless experience for users.
- Custom Icons – Designed unique icons to improve navigation and visual clarity.
- Custom Mega Menu – Created an intuitive menu for quick access to key services.
- Custom Page Layouts – Developed structured layouts to improve readability and navigation.
- Prominent Hero Area – Designed a bold, engaging header with a strong call to action.
- Integrated Branding – Ensured a consistent and professional look throughout the site.
- Patient-Centered Navigation – Streamlined access to essential resources like physician directories and appointment scheduling.
- Reviews and Locations Sections – Designed dedicated areas for patient testimonials and office locations with an interactive map.
Style Tiles
These style tiles were created in the early stages of the AOSMI project to explore design directions. While they weren’t the final selections, they played a key role in shaping the overall aesthetic and guiding the final design decisions.


Results
The redesign of the AOSMI website had a significant impact on the user experience and accessibility for patients. Here’s how it made a difference:
- Enhanced User Experience: The seamless and intuitive design made it easier for patients to navigate and access important healthcare information.
- Increased User Satisfaction: The client requested only minor updates post-launch, indicating high satisfaction with the design and functionality.
- Improved Accessibility: Thoughtful layout and content design helped improve accessibility, ensuring that users with varying needs could engage with the website more easily.
- Strengthened Brand Presence: The professional and cohesive design reinforced the brand identity and created a more polished digital presence.
