Learning Design Lab

What We Built

The public website for Learning Design Lab — an impact-driven, international learning design firm working with UNICEF, GIZ, UNESCO, universities, and edtech companies across 20+ countries. The site's job: make rigorous, evidence-based practice feel credible in the first five seconds.

Multi-Page Architecture

Home A dark, distinctive hero ("Designing Learning That Works") with animated count-up stats — 10M+ learners impacted, 200+ trainings delivered, 65+ digital courses built, 20+ countries reached, 25+ organizations partnered. Proof first, pitch second.

Four Service Pages Dedicated pages for each practice area: Frameworks, Courses & Curricula; Faculty & Teacher Enrichment; Research & Evaluation of Skilling Programs; and Advisory for Large-Scale Skilling Programs. Each details what gets created, the approach, and expected outcomes — with its own CTA.

Proof Portfolio Projects, Publications, and Conferences pages cataloging real engagements: AI courses for GIZ & SWAYAM, skilling-impact research for UNICEF India, faculty workshops for Stirling University UAE, employability curriculum with Quest Alliance — plus presentations at IIT Delhi and international universities.

Team The people behind the practice.

Credibility Engine

Practice areas with clear scope and outcomes instead of vague consulting speak
Differentiators section: evidence-informed, impact-first, inclusive, cross-sectoral, AI-native thinking
Target verticals: schools & universities, social impact organizations, corporates, edtech
Testimonials carousel: quotes from UNESCO Myanmar, GIZ, K.R. Mangalam University, and Patang
Blogs & scholarship feeds linking to their LinkedIn newsletter and published research

Contact Funnel

A structured inquiry form that qualifies leads up front — name, phone, email, organisation, and service interest routing — so every incoming request arrives pre-segmented by practice area.

Motion & Polish

GSAP-powered scroll animations, count-up statistics, and smooth section transitions give the site an editorial, high-craft feel without hurting load performance.

Tech Stack

Frontend: React 19, TypeScript, Vite 7, Tailwind CSS v3, Radix UI primitives, react-router

Motion: GSAP, react-countup, embla carousel

Deployment: Vercel