Passion In Design collaborated with OrthoKinetics Clinic Singapore to deliver a web design solution that reflects their mission and professional identity. This project covered everything from logo design to cohesive digital assets. The goal was to create a professional, trustworthy digital platform, a website, that would resonate with diverse patient needs and reflect Singapore’s world-class healthcare standards through strategic design and user experience.
Beside basic functions, the website is to tell the full story of what patients could expect. For local Singaporeans researching knee specialists, the site needed to convey the expertise and modern approach that the practice was known for. For international patients considering medical travel, it needed to build confidence from thousands of miles away.
The vision was ambitious but achievable: create a digital experience that would serve the practice’s loyal patient base while opening doors to new growth opportunities in Singapore’s dynamic healthcare market.
The website needed to reflect the attention to detail and quality that patients experienced in person.
From local athletes with sports injuries to international patients researching complex procedures, everyone could find relevant information on the website.
Medical tourists would have access to comprehensive information and easy communication options to feel confident about choosing Singapore for treatment.
Whether someone was just learning about knee pain or ready to book a consultation, the path forward would be obvious and welcoming.
The calming teal color palette was carefully selected to evoke feelings of trust, professionalism and healing, essential qualities for patients making important healthcare decisions. This sophisticated range of blues and greens reflects the medical field’s traditional association with cleanliness and precision while maintaining a modern, approachable feel that sets the practice apart from sterile clinical environments.
We incorporated educational medical diagrams throughout the website to help patients understand their conditions and treatments. While sourced from medical stock libraries, each illustration was customized to match the website’s calming teal color palette, creating visual consistency across all educational content.
These anatomical diagrams demonstrate how complex medical information was made accessible to patients through clear, professional illustrations. The ACL (Anterior Cruciate Ligament) tear diagram uses the brand’s signature teal colors to maintain visual consistency while effectively communicating medical concepts, featuring detailed anatomical labels and a magnified view of the specific injury site.


The meniscus injury diagram exemplifies our comprehensive approach to patient education through visual comparison. It effectively shows how traumatic forces during sports activities lead to various types of meniscus damage, using clear before-and-after comparisons with each type of tear clearly labeled and visually distinct.
By customizing medical stock illustrations to match the website’s color scheme, we ensured that even technical medical content felt approachable and aligned with the practice’s professional yet welcoming brand identity. This approach helped reduce patient anxiety while providing essential educational value for informed healthcare decisions, supporting confident discussions during consultations.







For healthcare websites serving international patients, every design choice must establish credibility while remaining approachable across cultures.
We crafted a clean, informative design tailored to patients and specialists seeking trustworthy orthopedic care in Singapore. Recognizing that patients researching surgery often deal with pain and uncertainty, our visual identity transforms the typical sterile medical website into a reassuring experience.
We selected a soothing teal color palette for its calming psychological effects, paired with healing-focused imagery instead of clinical procedure photos. Every element helps anxious patients feel at ease while maintaining the medical expertise and professionalism they need to feel confident in their care.

The Orthokinetics logo features a stylized knee joint within a circular form, immediately communicating the specialty focus while symbolizing movement and recovery. The gradient teal coloring represents the patient’s journey from injury to health, while the clean typography balances medical professionalism with approachability.
We curated a comprehensive icon set that translates complex orthopedic services into clear, patient-friendly visuals. Each icon features clean line work and consistent styling, spanning the full spectrum of care from anatomical representations to treatment methods and patient journey stages.
By replacing medical jargon with intuitive symbols, we created visual harmony across the website while making complex treatments accessible to both medical professionals and patients researching their options.








We curated imagery that highlights life beyond recovery, not just healing, but thriving. The visuals capture real-life moments of restored mobility, from enjoying everyday routines to returning to sport. By focusing on positive outcomes and active lifestyles, the imagery fosters trust and optimism, reassuring visitors that recovery leads to renewed strength and possibility.


Rather than featuring clinical environments, our photography selection emphasizes the emotional and physical freedom that successful orthopedic treatment provides. From dynamic sports activities to serene swimming scenes, each image reinforces the practice’s commitment to helping patients reclaim their active lives.
This aspirational approach shifts focus from fear and uncertainty to hope and achievement, exactly what patients need when making important healthcare decisions.

The WhatsApp integration recognizes that medical decisions often involve immediate questions and concerns. By providing instant communication access, patients can get clarifications about procedures, recovery timelines, or appointment scheduling without the friction of traditional contact forms, essential for both local patients with urgent concerns and international patients planning medical travel.
This streamlined approach acknowledges that healthcare communication needs to meet patients where they are. WhatsApp’s familiarity and accessibility across different cultures makes it the ideal bridge between the practice and patients who may be researching treatment options from anywhere in the world.
Here’s an example one-click WhatsApp button:


Recognizing that patients often research medical information and book appointments on their phones, we optimized the website for mobile performance with fast loading times and simple navigation. The mobile experience adapts complex medical content into easy-to-scroll formats, making symptom guides, treatment explanations, and recovery timelines accessible at a glance. Patients can quickly find what they need whether researching knee pain at home or planning treatment while on the go with clear, digestible content designed for mobile consumption.
