Youness Clinic | Homepage Redesign

The Youness Clinic project focuses on a holistic homepage redesign, where I translated the clinic’s philosophy of balance and preventive care into a serene digital sanctuary. My process prioritized emotional clarity and intuitive user flow, moving away from a clinical feel toward a warm, welcoming space. By leveraging a nature-inspired visual language—characterized by generous spacing, soft typography, and earthy tones—I created a high-trust environment that invites users to reconnect with themselves from the very first interaction.

To ensure visual harmony and structural consistency across the Youness platform, I implemented a custom 12-column layout grid with a total width of 1192px. By utilizing 70px wide columns and 32px gutters, I created a flexible framework that allows for precise alignment and balanced white space. This specific configuration was chosen to optimize readability and provide a rhythmic aesthetic, ensuring that even complex wellness content remains breathable and intuitively organized across various screen sizes.

The typography system is built on a strategic pairing of Mongoli Baiti and Inter to balance heritage with modernity. I selected Mongoli Baiti for headings to evoke a sense of elegance, timelessness, and wellness, aligning with the brand’s premium identity. In contrast, Inter was chosen for body text and functional elements due to its high legibility and clean, geometric structure. This combination ensures a sophisticated visual hierarchy that remains highly accessible and professional across all digital touchpoints.

The color palette was carefully curated to evoke a sense of tranquility and grounded luxury. Using an earthy foundation of Bone White and Silver Birch paired with Deep Espresso and Charcoal accents, I established a high-contrast yet organic feel that reflects the brand’s holistic values. For the mobile experience, I prioritized a 'thumb-friendly' interface and stacked layouts that maintain visual integrity. This ensures that the premium aesthetic remains consistent and easy to navigate on smaller screens, providing a seamless transition from desktop to mobile without losing the sense of calm and space.

I designed a modular card system to present information in a structured and easily digestible format. For the testimonials, I focused on building social proof by combining clean typography with subtle borders and star ratings to enhance credibility. The content cards utilize a clear visual hierarchy, featuring distinct badges, bold titles, and meta-information like 'read time' to set user expectations. This component-based approach ensures scalability and a consistent look and feel across different sections of the platform, making the browsing experience both efficient and engaging.