Project Type
UX/UI Redesign
Mobile App
EdTech
S

SkwilApp — case study

A complete UX/UI overhaul of Morocco's school management platform — unifying teachers, students, and parents through a redesigned mobile experience with modern onboarding, biometric auth, and a consolidated communication system.

Skwilapp school management app — mobile dashboard UI with class schedule and attendance tracker

The Challenge

Skwilapp's original app suffered from fragmented UI, poor onboarding, and scattered communication channels across three user types.

Critical
Fragmented UI
No design system, inconsistent patterns across the platform.
Poor Onboarding
68%
Abandonment on first launch.
High Friction Auth
18s
Average login time. Password-only authentication.
Scattered Messages
3 separate inboxes causing confusion for users.

Research Insights

15 User Interviews across 3 personas revealed critical friction points:

Teachers
"I spend 10 minutes finding where to send grades"
Parents
"I can't tell which message is urgent"
Students
"The interface feels outdated and slow"

The Solution

01
Design System
Unified visual language with scalable component library.
02
Onboarding
3-step illustrated flow tailored for each user role.
03
Biometric Auth
Fingerprint login reducing authentication friction by 87%.
04
Unified Inbox
Color-coded messages replacing 3 separate channels.

The Flow

Skwilapp school management app — user flow diagram for teacher attendance tracking
Skwilapp school management app — gallery of mobile UI screens showing student grades and schedules

Key Features

🔒
Biometric Login
Fingerprint auth, 2.3s avg login
📅
Smart Agenda
Unified calendar + filters
📊
Grades Hub
Per-module breakdown
🌙
Dark Mode
WCAG AAA contrast
🌍
Trilingual
Full RTL support
👨‍👩‍👧‍👦
Multi-Child
Single account switcher

Unified Inbox

Problem: 3 scattered inboxes, no structure.
Solution: Single hub with smart organization.

Prof tags
Comptable tags
Direction tags
Thread view with history
Quick actions (Reply, Forward)
Attachment support

Design System

Color Palette
Primary #586CEB
Accent #4ADE80
Warning #FFB700
Typography
SF Pro Display 700 / 400
SF Pro Text 400
48 Components
8PT Grid
120+ Icons
Skwilapp school management app — UI library and design system components

Other Projects

View All +
M
ManagXpert Motion Design · Explainer Video
›
C
Coherence Agency Branding · Motion
›
G
Le Guide de l'Habitat Branding · Web Design
›