Designing an AI-native LMS for Moroccan businesses — upload your documents, AI generates the training. Distribute via QR code, track progress in real time, no app to download. End-to-end UX/UI from research to handoff.
Bold dark hero with the purple brand accent on "l'IA", a clear three-CTA path (free trial, install app, demo), and immediate stat reinforcement to build credibility. The five-pillar strip below introduces the core capabilities at a glance.
skillzup.ma — Hero section, desktop view
Skillz-up is an AI-powered LMS designed to help Moroccan businesses digitize their training programs. It turns existing PDFs, presentations, and procedures into interactive courses, quizzes, and audio modules in minutes — distributed via QR code, no app required.
The product needed a landing page that sells the AI value prop without alienating non-tech founders, a product UI that's simple enough for first-time LMS admins, and a multilingual experience (FR / EN / AR) that respects the local market without compromising on polish.
The AI Studio is the heart of the product — twelve content types generated from a single source file: presentations, quizzes, flashcards, mind maps, AI audio, AI video, glossaries, infographics. The UI surfaces this breadth without overwhelming first-time users.
AI Studio — slide preview + generation pipeline
User interviews with 10 professionals across SMEs. Competitive audit of 6 LMS platforms. Defined personas and key jobs-to-be-done for trainers and learners.
Low-fidelity wireframes for core flows: AI generation, course discovery, lesson player, admin dashboard. Validated with stakeholders before adding visual layer.
High-fidelity UI in Figma with full design system, tokens, FR/AR/EN variants, and responsive specs. Purple-forward SaaS aesthetic with strong AI cues.
Usability testing with 6 users. Iterated on AI generation flow and lesson player. Delivered annotated specs and Figma dev handoff for the Next.js team.
Four tiers with progressive AI generation limits. The "Grow" tier carries the "Le plus populaire" flag as the recommended plan for growing teams. Each card uses the same rhythm so visitors can scan top-to-bottom in seconds.
skillzup.ma — Tarifs section, 4-tier structure