WebsiteB2CHealthcareFreelance

OSD Website Redesign

Client

Tarrantoga

Year

2024 - 2025

Services

UX/UI Design, Interactive Design, Prototyping, Responsive Design

Tools

Figma
OSD Healthcare hero section on laptop screen with a nurse demonstrating equipment to a young patient and key site navigation.

Project overview

A complete redesign of a healthcare services website, focused on improving user experience through a modern interface and intuitive navigation. The project aimed to enhance engagement by refining the visual hierarchy and streamlining the information architecture—particularly in making treatment and services directories easier to explore.

The Challenge

The main challenge was creating an intuitive interface for browsing medical treatments while maintaining accessibility and ease of use. We needed to balance comprehensive medical information with a user-friendly design that works across all devices.

The Solution

We implemented an interactive human body interface for intuitive treatment browsing, created a clean bento-style grid layout for digestible content presentation, and ensured responsive design optimisation for all devices. The solution focused on accessible typography and clear visual hierarchy while streamlining the information architecture for better navigation.

OSD Healthcare homepage with bento-style layout showing family at reception, facility photos, and information about private hospital services.

Homepage featuring modern bento-style grid layout

Mobile interface showing a body silhouette with interactive points for selecting body part and gender to find treatment.

Interactive human body interface for treatment selection

Mobile view of OSD Healthcare site with sticky footer menu, cardiology clinic info, and links to patient resources.

Mobile interface with sticky footer navigation

Technical Approach

We retained OSD's existing brand identity while giving it a fresh, contemporary feel. The responsive design performs smoothly across devices—from mobile to desktop—and incorporates accessible typography, clear headings, and responsive video content.

Working closely with the product owner and development team, we ensured the design met both user needs and technical requirements. The result is a visually appealing, technically sound experience that helps users find what they're looking for more easily.

Desktop view of OSD Healthcare treatment directory, showcasing consultants, surgery details, key treatments, and patient information.

Treatment directory with enhanced filtering and intuitive navigation

Project Impact & Reflection

This was a genuinely enjoyable project to work on. Collaborating with a former colleague on the development side added a personal layer to the experience. I particularly loved the challenge of turning dense medical content into something practical, clear, and engaging. The interactive features brought real value, making the site feel informative without being overwhelming.

Desktop pages showing comprehensive design system implementation across OSD website

Desktop implementation showcasing consistent design system across multiple pages

More projects

Personal Trainer – App & Brand UI project preview

Designed a bold, user-friendly app to help personal trainers manage clients, bookings, and payments — all in one place.

My Sky App – Companion Redesign Sprint project preview

Future-facing concepts for a more personal and connected TV companion app—designed in one week as part of an ideation sprint.

Sky – Orion Design System project preview

Expanded Sky's Orion design system for native platforms, bridging design and development with shared standards and tooling.

1 of 3

Transform your ideas into intuitive experiences

Have a project in mind? I'm available for new opportunities and love designing thoughtful, user-friendly digital products, whether it's UX/UI for web and mobile apps, SaaS platforms, or something new.

Get in touch