LearnBox Lab
Role
Product & UI Designer
Company
LearnBox Lab
Deliverable
Official Landing Page
Description
LearnBox Lab is an innovative EdTech product innovation company dedicated to transforming African school systems through mission-driven, AI-focused solutions. I was tasked with designing the official landing page to introduce the company, showcase their product suite, and drive sign-ups.
LearnBox Lab — Landing page, 2024
The Challenge
Bridging the educational gap
African school systems often face high administrative stress and low technology adoption. The goal was to create a digital presence that established LearnBox Lab as a forward-thinking leader capable of solving these systemic issues with accessible, AI-powered technology — while keeping the experience approachable for educators who may not be technically confident.
Strategy & AI Approach
Sophisticated but minimal
To drive impact, the landing page needed to communicate complex AI capabilities without overwhelming the audience. The three core platform features had to feel immediately legible and compelling.
Smart Report Generation
Automating the burden of manual reporting so educators spend less time on admin and more time on students.
Chatbot Assistants
Providing real-time support for educators and administrators directly within the platform.
Predictive Analytics
Offering insights for performance tracking and forward planning across the school system.
Product Showcase
Three products, one platform
The design used cards and tiles to feature current and upcoming products — making the roadmap visible and giving prospective users something to anticipate.
LearnBox SMS
LiveSchool admin made easy with smart automation.
LearnBox Teach
Coming SoonAI-powered tools for digital teaching.
LearnBox Data
Coming SoonReal-time insights for educational policy & planning.
Product showcase grid
Prototype coming soon
Visual Identity & Design Direction
Clean, futuristic, African-tech
The brand direction had to feel distinctly African while projecting global ambition. Every design decision was made to reinforce the idea that African EdTech can be world-class.
Custom Iconography
Illustrations that reflect the African educational context rather than generic stock imagery.
Modern Aesthetics
Forward-thinking fonts and a smart, tech-driven tone that positions LearnBox as a category leader.
Micro-animations
Subtle hovers and transitions to enhance user engagement without cluttering the experience.
Responsiveness & Technical Execution
Mobile-first for a mobile-first continent
A mobile-first responsive layout was critical for accessibility in diverse environments across Africa. The UI was tested across four major breakpoints.
Desktop
1440px
Full-width experience with immersive storytelling
Small Desktop
1280px
Optimised for standard laptop screens
Tablet
768px
Refined touch-friendly interactions
Mobile
360px+
Streamlined, high-performance layout
Multi-device mockup
Prototype coming soon
Impact
A system built to scale
The final Figma delivery included organised layers and a complete design system for future scaling. Every component was built with the product roadmap in mind, so LearnBox Teach and LearnBox Data could be brought to life without starting from scratch.
The result is a landing page that successfully bridges the gap between complex AI technology and the practical needs of African educators — positioning LearnBox Lab as a credible, design-led company from day one.