Crafting a Clear & Modern Landing Page for Health Supplement Formulas
Overview
Magicbrain, a health supplement formulation company, needed a professional landing page to clearly communicate its products to pharma companies and related businesses. The goal was to transform a basic, unclear page into a modern, high‑clarity landing page that effectively showcases their offerings.
The Problem
The client’s previous landing page lacked clarity and visual appeal. Visitors could not easily understand what Magicbrain offered, and the design did not reflect the professionalism needed to attract B2B clients.
My Role
I handled the full design and development process:
Conducted research on industry landing pages and user expectations
Created a high-fidelity Figma design
Implemented the design directly in Framer
Process
Research & Discovery
Reviewed competitor landing pages in the health supplement and pharma space
Identified common pain points: cluttered layouts, unclear messaging, weak call-to-actions
Design & Prototype
Designed a clean, structured layout highlighting the product benefits and credibility
Focused on clarity, typography hierarchy, and visual appeal for professional audiences
Created interactive components and smooth transitions in Framer
Development in Framer
Translated the Figma design directly into Framer, ensuring responsiveness and visual consistency
Optimized interactions and user experience for B2B visitors
Outcome
Complete, ready-to-use landing page in 1 week, combining Figma design and Framer implementation:
Landing page design for a formulation house specializing in health supplement formulas, designed to communicate services clearly to pharma and wellness brands.