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

​

The four stages of mentoring was conceived, scripted, and produced as a clear, practical explainer for mentoring programmes that need consistency, shared language, and a calm, human tone. I designed the narrative and visual structure around a simple four-part model, so viewers can quickly understand how a mentoring relationship typically moves from first contact through to a purposeful close.

 

My role covered concept development with SMEs, scripting, storyboard planning, and motion-graphics direction. I shaped the pacing and on-screen structure to keep the cognitive load low, using a single recurring visual device (the four-stage wheel) to anchor each section as the presenters move through establishing, developing, progressing, and closing the relationship. Throughout, I prioritised plain-English phrasing, clear sequencing, and accessibility-aware design decisions so the message remains usable for a wide audience.

​

This project reflects my focus on making professional learning feel straightforward in the moment, while still honouring the rigour underneath: structure, learner guidance, and careful visual decision-making.

Key skills highlighted in this project
• Concept development and narrative framing

• SME interaction
• Scriptwriting for explainer video
• Storyboarding and scene planning
• Motion-graphics and visual direction using Vyond
• Accessibility-aware sequencing and plain-English writing
• Distilling a process into a clear, repeatable model

​

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

This five minute narrated walkthrough demonstrates a rapid instructional design prototype focused on Element 1: Use Effective Communication Techniques from SIRXCOM001. The prototype uses a story-driven approach to guide students through workplace communication behaviours including polite greetings, questioning and active listening, tact and discretion, clear information sharing, follow-up actions, and appropriate use of communication technologies.

Designed for ACSF Level 1–2 students, the module uses plain language, consistent visual storytelling, low-stakes knowledge checks, and scenario-based examples to support confidence and comprehension. Content is structured into short pages with regular review points, building understanding progressively before consolidating learning through a final review.

This prototype was developed entirely within Canvas, using native pages and quizzes to demonstrate how effective learning experiences can be built quickly within platform constraints, while still supporting accessibility, engagement, and compliance with unit requirements.

​

My role

I independently designed and authored this prototype from scratch as a fast-build example, completing the learning design, written content, scenarios, knowledge checks, feedback, and module structure within an approximately five-hour rapid prototyping window.

My role included interpreting the unit requirements, designing the learning flow, writing all instructional and assessment content, structuring Canvas modules and quizzes, and shaping the accessibility and usability of the experience (plain language, consistent navigation, visual support, and low cognitive load). I also identified and documented opportunities where richer interactivity (e.g. H5P) could enhance the experience in a full production build.

This example is presented as a process demonstration, showing how I approach rapid design decisions, learner-centred structure, and LMS-native development rather than a finished, production-ready course.

​

Key Skills Highlighted in This Project

• Rapid instructional design and prototyping

• Canvas-first learning design and assessment build

• Scenario-based and story-driven learning design

• Designing for ACSF Level 1–2 learners

• Plain-language instructional writing

• Knowledge check and feedback design

• Accessibility-aware UX and navigation structure

• Working effectively within LMS constraints

Click the Image below to view the 5 minute tour