DOCTECH

2/6Work

All work

Online learning

IlmForge

Structured, self-paced Islamic learning with courses, reading, listening and assessment.

Platform
Web application
Scope
Learning platform, Course catalogue, Lesson reading and listening
Built with
Next.js, TypeScript, Supabase, Framer Motion
IlmForge homepage on a laptop
IlmForge on a phone

The challenge

Learners need a calm, trustworthy place to study at their own pace — with a clear sense of where they are and what comes next.

Scope

  • Learning platform
  • Course catalogue
  • Lesson reading and listening
  • Assessments and progress
  • Administration

See it up close.

Full page capture of the IlmForge homepage

Scroll inside the frame to read the whole page, captured from the project’s own codebase.

Design decisions

  1. 1

    Show progress, not just courses

    The hero previews a course in progress — module, lesson and pass score — so the learning experience is visible before sign-up.

  2. 2

    Read or listen

    Lessons are offered as audio and text, respecting different routines and learning preferences.

  3. 3

    A calm, focused palette

    Deep green, generous white space and a subtle geometric pattern keep attention on the material.

How it’s built

Built with Next.js and Supabase, with a course catalogue, learner-facing lesson components, authentication, assessments and profile management.

Outcome

Results will be published here once they have been measured and approved by the project owner.

Next projectDeenPath

Start a project

Tell us what you’re building.

A new website, an application your team will rely on, or a system that ties the business together. Share a few details and we’ll reply with thoughtful next steps.