The Secret Architecture of Seamless Learning was conceived, scripted, and directed as a showcase of the hidden craft that underpins clean, intuitive online learning. I developed the narrative, produced the full storyboard, and designed the motion-graphics sequence to highlight the many invisible layers that contribute to a well-crafted digital learning experience.

 

My role spanned concept development, scripting, visual direction, accessibility framing, and production planning. I shaped each scene to reflect real-world learning design workflows—from prototyping and feedback cycles to academic collaboration, scaffolding theory, and the empathetic design decisions that support diverse learners. Working within CreateStudio 4, I also specified animation behaviour, transitions, character actions, and UI motion to ensure the final piece communicates both clarity and craft.

 

The project reflects my commitment to making learning feel effortless for students while elevating the often unseen, highly disciplined work of instructional designers.

​

Key Skills Highlighted in This Project

• Storytelling and scriptwriting

• Motion and visual design direction

• Storyboarding for animation

• Accessibility-centred learning design

• UI/interaction planning for explainer media

• Empathy-driven learner experience

• CreateStudio 4 animation planning

• Distilling complex processes into clear visuals

​

Click the Image below to view

Digital Basics is a short animated video designed to introduce learners to the essential skills, concepts and confidence needed to navigate modern digital environments. Built for accessibility and clarity, the video uses clean motion graphics, friendly character animation, and a warm narrative tone to demystify common digital tasks and reduce technology-related anxiety for beginner users.

 

The animation breaks down foundational concepts such as logging in, using navigation menus, understanding icons, managing passwords, and interacting safely online. Each scene blends plain-language explanation with visual cues, step-by-step demonstrations, and relatable scenarios. The aim is to help learners build digital confidence through intuitive examples, simple metaphors, and clear, repeatable processes.

 

The project reflects a commitment to digital inclusion — supporting learners who may be new to technology, returning to study, or navigating unfamiliar platforms for the first time. The video was designed to be platform-agnostic, scalable across multiple training contexts, and welcoming for learners with diverse literacy, confidence, or accessibility needs.

​

Key Skills Highlighted in This Project

• Digital-literacy storytelling and scriptwriting

• Clear visual explanation of foundational digital concepts

• Motion and visual design direction for beginner learners

• Storyboarding for animation and step-by-step demonstrations

• Accessibility-centred learning design for low-confidence users

• UI and interaction planning for simple, intuitive navigation

• Empathy-driven learner experience for digital newcomers

• CreateStudio 4 animation planning and visual sequencing

• Distilling technical tasks into clear, confidence-building visuals

​

Click the Image below to view

This short animated induction video introduces new starters to essential construction-site safety expectations, focusing on PPE, hazard awareness, traffic management, and safe working behaviours. Built in a clean, modern motion-graphics style, the video uses a narrator-only format to deliver a clear, accessible onboarding experience for workers stepping onto site for the first time.

 

The piece breaks down critical concepts such as correct PPE use, site check-in processes, hazard reporting, safe interaction with mobile plant, tool readiness, and housekeeping standards.

 

Designed for clarity and confidence-building, the animation supports organisations in setting a strong safety culture from day one, ensuring new workers understand not only what to do, but why each behaviour contributes to a safe and efficient worksite.

​

Key Skills Highlighted in This Project

• Safety-focused storytelling and scriptwriting

• Motion and visual design direction for induction content

• Storyboarding for safety animation sequences

• Accessibility-centred communication for diverse workforces

• UI/interaction planning for simple, clear safety messaging

• Empathy-driven learner experience for new starters

• CreateStudio 4 animation planning and visual sequencing

• Distilling complex safety procedures into clear, practical actions

​

Click the Image below to view

This 150-minute Canvas module guides learners through budgeting with 5D BIM, BIM-based cost monitoring and tracking, collaborative cost management, and reporting/communication, using knowledge checks, short research tasks, and scenario-style examples to build practical capability. It integrates cost data with BIM models for dynamic updates and real-time financial insight, then reinforces learning with structured summaries and a final knowledge check to evidence progress. 

​

My role

I co-designed the learning flow with the subject matter expert, authored the instructional content and assessments, structured the knowledge checks and research activities, and mapped the module to clear outcomes and practice tasks. I also shaped the accessibility and UX patterns (captions, readability, navigation clarity) and prepared a de-identified shareable version for portfolio use.

This example is de-identified and shown with permission. A SCORM package can be provided on request so you can load and test the module in your own LMS environment.

​

Key Skills Highlighted in This Project

• ​Learning design storytelling

• Storyboarding and scene sequencing

• Accessibility-centred learning design

• UI/interaction planning for explainer content

• Empathy-driven learner experience

• Distilling complex processes into clear steps

• Canvas-first structure with SCORM-ready export

Click the Image below to download a PDF