Edu-Xspace

Learn anything, anytime, anywhere — teachers publish, students learn.

Section

Overview

Edu-Xspace is a two-sided learning marketplace built as one mobile app.

Students browse courses, books and booklets, buy them, then watch lessons and read PDFs in-app or book live sessions.

Teachers get a full studio to create courses and books, go live, manage their catalog and track earnings.

Every flow is designed twice — English and Arabic (RTL) — on one shared design system spanning 50+ screens.

Section

Problem

Problem · 01

Two very different audiences share one app.

Problem · 02

Learners want to discover and start fast; instructors need real tools to publish content and get paid.

Problem · 03

The challenge was to serve both without the product splitting into two disjointed apps — and to deliver full Arabic / RTL parity, not an afterthought.

Section

Solution

Solution · 01

One design system, two clear modes.

Solution · 02

A calm student store — browse, course and book detail, cart, checkout, lesson player and PDF reader, profile — sits alongside a teacher studio for creating courses and books, going live, managing the catalog, and tracking earnings and reviews.

Solution · 03

Shared components, a consistent bottom nav and a confident violet brand hold it together, mirrored fully for Arabic RTL.

Section

Process

Process · 01

Mapped both journeys — student (discover → buy → learn) and teacher (create → publish → earn)

Process · 02

Authentication with a role split for students and teachers

Process · 03

Information architecture for the store, the player/reader and the teacher studio

Process · 04

Wireframes → high-fidelity UI on a single shared design system