Ali Mrani Alaoui·Portfolio

Articulate Rise — A Polished, Interactive Course Site

A full eLearning course built in Articulate Rise: clean lesson navigation, embedded video, accordions, tabs, drag-match interactions, audio narration, and knowledge checks.

Articulate RiseeLearningSCORM-Ready
Industry
K-12 Literacy / eLearning
Timeline
7 weeks
Tools
Articulate Rise 360, Synthesia, ElevenLabs, Adobe Audition, Adobe Premiere Pro
Learners land on a nicely designed Articulate Rise course home.
They navigate a clean sidebar of sections and lessons with progress tracking.
They watch a short intro video that frames the lesson.
They switch between tabs to explore variations of a concept.
They drag items to match in an interactive activity.
They hear audio narration of key passages alongside the text.

Project Overview

A K-12 literacy curriculum publisher that had been shipping PDFs and quizzes for years. Districts were starting to ask for SCORM-ready packages they could drop into their LMS, and the publisher's first attempt in Rise looked like a default template. They wanted a Rise course that looked like a real product, not a corporate compliance module.

The brief was 12 lessons across 6 sections, deployable into the district's existing LMS as a SCORM package, runnable on school networks, and themed against the publisher's brand so it does not read as a Rise default.

Learners land on a course home with progress always visible. They navigate a clean sidebar of sections and lessons, watch a short intro video, read instructional text with images, switch between tabs to compare concepts, drag items to match in interactive activities, hear audio narration alongside key passages, and close each lesson with a quick knowledge check.

The whole course was built in Articulate Rise 360 with a custom theme via CSS/JS injection. The asset pipeline (video, audio, illustrations, knowledge checks) was standardised so future lessons follow the same spine. The SCORM package dropped cleanly into the client's LMS on first upload, with no manifest rework required.

What's Inside

12 lessons across 6 sections

Roughly 12 minutes each, with consistent block patterns and progress tracking.

Embedded intro video per lesson

Edited in Premiere Pro, with on-screen captions and a branded title card.

Instructional text blocks

Rich text with images, callouts, and pull quotes, themed to the publisher's brand.

Tabs and accordions

For concept comparison and progressive disclosure where the content warrants it.

Drag-match interactions

Authored against specific learning objectives, with feedback states tuned to the rubric.

Audio narration

Alongside key passages, mastered in Adobe Audition for school speakers and headphones.

Knowledge checks

Each anchored to a learning objective in the storyboard.

SCORM 1.2 and 2004 packages

Both tested in the client's LMS sandbox before go-live.

What the Client Provided

  • A 240-page literacy curriculum (PDF) with target lessons highlighted
  • Brand guidelines (PDF) for the publisher
  • 16 lesson manuscripts (Google Docs) authored by the literacy specialist
  • Existing audio narration library that needed re-mastering
  • District LMS sandbox login for SCORM testing

Design and Build Process

01

Storyboard Per Lesson Type

Mapped each lesson to a block pattern: video + text + knowledge check, tabs + drag-match, or accordion + audio. Standardised so future lessons follow the same spine.

02

Custom Theme and Asset Kit

Built a custom Rise theme with brand colours, typography, and iconography. Asset kit covers callout styles, badge variants, and quiz feedback states.

03

Media Production

Recorded and edited the intro videos in Premiere Pro. Mastered audio narration in Adobe Audition. Illustrated callouts and characters in Figma against the publisher's brand.

04

Knowledge Check Authoring

Wrote and reviewed every knowledge check against the source material. Each one is anchored to a specific learning objective in the storyboard, not a vibe check.

05

SCORM Packaging and LMS Test

Exported as SCORM 1.2 and 2004. Tested the manifest on the client's LMS sandbox. Fixed every completion and bookmarking bug before go-live.

Tools and Stack

Authoring
Articulate Rise 360 with a custom theme, H5P for supplementary interactives.
AI Voice
ElevenLabs for narration variants and pronunciation tests.
AI Video
Synthesia for AI avatar intro videos, Adobe Premiere Pro for the final cut.
AI Images
Midjourney v7 for illustration and callout art.
Audio
Adobe Audition for narration mastering and noise floor cleanup.
Delivery
Embedded directly into the publisher's website, with SCORM 1.2 + 2004 + xAPI packages for Moodle, Canvas LMS, LearnDash, Kajabi, and Thinkific.

Deliverables

  • SCORM 1.2 and SCORM 2004 packages, both tested in the client's LMS sandbox
  • Full Rise source project with all 12 lessons editable
  • Custom theme files for future Rise courses
  • Brand-aligned visual design system
  • Audio narration master files (WAV and MP3)
  • Storyboard documents per lesson (Google Docs)
  • Embedded directly into the publisher's website, with SCORM 1.2 + 2004 + xAPI packages for Moodle, Canvas LMS, LearnDash, Kajabi, and Thinkific
  • Train-the-trainer document for the publisher's content team