Yoga Experience Africa— Wellness & Event Platform
Senior Frontend Engineer
Overview
Yoga Experience Africa (YEA) is the continent's premier yoga event — a community-driven platform connecting attendees with top instructors and wellness vendors. I was brought in to design and build the official event website from scratch, including online ticket booking, vendor showcase, and a full admin dashboard for the organising team.
The Challenge
Building a high-conversion event platform for Africa's largest yoga festival — demanding sub-1.5s load times, mobile-first UX for 1,000+ attendees, IP-geolocation-driven multi-currency ticketing, and scroll-based experiential storytelling.
Architecture Pattern
IP geolocation API · Multi-currency Startbutton integration · Framer Motion scroll choreography · Mobile-first progressive enhancement · Static generation for performance
What I Built
Event Website & Ticket Booking
- Designed and built the full event website with ticket purchasing, schedule browsing, and vendor showcase.
- Integrated Startbutton payment gateway supporting NGN, ZAR, and KES — selected automatically via IP geolocation.
- Built a smooth checkout flow that reduced drop-off at payment by presenting local currency pricing upfront.
Scroll-Based Storytelling & Animations
- Choreographed scroll-driven reveal animations using Framer Motion to create an immersive brand experience.
- Implemented staggered section transitions, parallax hero effects, and kinetic typography.
- Ensured all animations respect prefers-reduced-motion for accessibility compliance.
Mobile-First Responsive UI
- Designed every layout mobile-first — critical given 96% of attendees came from mobile devices.
- Achieved sub-1.5s load time on 4G networks through image optimisation and static generation.
- Implemented responsive navigation, sticky CTA bars, and touch-optimised booking flow.
Admin Dashboard for Organisers
- Built a dashboard for the organising team to track ticket sales, manage vendors, and view attendee data.
- Integrated performance analytics to monitor user engagement and session popularity.
- Built instructor schedule management and earnings visibility for session hosts.
Performance Optimisation
- Used Next.js static generation (SSG) for all marketing pages — served from CDN edge, zero server latency.
- Optimised all images with next/image WebP compression and lazy loading.
- Achieved Lighthouse performance score of 94+ on mobile.
- Implemented server-side pagination and caching for vendor and session listings.
Business Impact
65%
ticket sales increase
1,000+
registered attendees
1.5s
page load time
- Pre-event ticket sales increased by 65% compared to the previous year via intuitive mobile UX.
- Platform supported 20+ vendors and 1,000+ registered attendees across Africa's top yoga event.
- Achieved 96% mobile engagement with sub-1.5s average page load times.
- Increased session bookings by 70% through a streamlined booking flow.
Tech Stack