A fully designed and developed website for DRN, blending modern UI/UX with brand-led aesthetics to showcase products and strengthen trust.
• Overly commercial supplement sites lacked scientific clarity and user trust.
• Inconsistent product details and scattered ingredient information confused users.
• Visual design didn’t reflect the premium, science-led nature of the brand.
• Checkout journeys were complex and not mobile-optimised.
• A clean, trust-driven website focused on clarity and credibility.
• Transparent ingredient breakdowns and informative product sections.
• Streamlined checkout process for a frictionless buying experience.
• Mobile-first design ensuring full accessibility across all devices.
• WordPress backend enabling easy updates and content scalability.
Mapped key user journeys to identify friction in supplement discovery and the checkout flow. The insights shaped a new structure focused on trust, clarity, and conversion.
Developed low-fidelity wireframes prioritising product visibility and intuitive navigation, while introducing educational sections to highlight formulation transparency.
Created a nature-inspired visual tone supported by subtle interactions and micro-animations. Designed a consistent visual identity that enhances user confidence and product perception.
Conducted real-user testing to validate navigation, speed, and hierarchy. Product pages were optimised for quick load times and higher engagement on mobile devices.
