Our Approach
Step 1: Diving Deep (Research & Discovery)
First things first—we talked to stakeholders and real users to understand exactly what they needed. Our conversations revealed key insights:
- Users wanted fast, intuitive navigation, especially for finding courses.
- Stakeholders wanted their core brand values—resilience, curiosity, excellence, empathy, and transparency—to shine clearly.
These insights drove our entire design and content strategy.
Step 2: Crafting User Journeys (UX & Empathy Mapping)
We love empathy mapping—it helps us design experiences people truly connect with. For the homepage, we created a clear emotional journey:
- Intrigue: Bold visuals and compelling messaging to immediately catch attention.
- Inform: Clear, concise explanations of what CFC offers.
- Assure: Building trust with real data and certifications.
- Teach: Simple, easy-to-understand presentation of core courses.
- FOMO: Real success stories showing achievable transformations.
- Invite: Clear, direct calls to action to encourage immediate response.
Step 3: Designing with Purpose (Visual & UI Excellence)
Our design approach wasn’t just about aesthetics—it was strategically driven by user insights and CFC’s brand values. We focused heavily on visual clarity, readability, and intuitive navigation. Every design choice, from typography to button placement, was made with user experience top of mind, making content engaging and interactions seamless.
- Typography: Chosen for clarity and readability, enhancing the overall user experience.
- Colours: We strategically introduced soft pastel orange and white alongside brand colours to evoke accessibility, curiosity, and exploration, aligning with CFC’s approachable and innovative brand personality.
- Visual Layout: Content-heavy sections were thoughtfully organised to ensure easy readability without overwhelming users.
Step 4: Making Magic with Webflow (Technical Excellence)
We picked Webflow because it's perfect for beautiful designs and dynamic animations, plus it's user-friendly for our clients. Given that many users visited from mobile, we prioritised mobile-first design and achieved impressive performance scores (90+ on Lighthouse for mobile responsiveness).
We also ensured content migration from Wix (blogs, case studies) was seamless, with meticulous SEO care so nothing got lost in transition.