At a glance HTML, CSS & JavaScript Custom content & interactions LMS management SCORM WCAG 2.2 Video & filming
Where I am strongest

What I bring

I build modules in code rather than only in an authoring tool, which keeps the finished module close to what was designed and gives me room to shape how it behaves for the learner. I pick up new tools quickly and I am technically minded, so new technology tends to find its way into my work where it earns a place. With AI that means using it where it genuinely improves the learning, then curating and verifying what comes out rather than passing it on unchecked.

Building in code

Six years of modules written in HTML, CSS and JavaScript at Nottingham Trent rather than assembled in an authoring tool. It means less gets lost between the plan and what a learner actually experiences. Delivered to WCAG 2.2, packaged as SCORM where the platform needs it.

With HTML5, CSS3, JavaScript, shared libraries, Brightspace, SCORM, WCAG 2.2

Learning design

Mapping the shape of the learning, prototyping quickly, and collaborating with SMEs to shape what actually lands with learners, grounded in adult learning theory.

Every module starts with the learning aims and outcomes, and everything after that answers to them: the structure, the interactions, the assessment. From there I map the shape of the learning, prototype quickly, and work closely with SMEs to make sure it lands with the people it's for.

With ABC Learning Design, ADDIE, storyboarding, assessment & feedback design and Prototyping
A teaching background

Qualified teacher status and secondary classroom experience before this. That is where I learned to spot when a task is not landing, and it makes working with subject experts easier because I understand what it takes to hold a room. Feedback from real learners then feeds back into the design, so the finished module is one that has been tested rather than assumed.

With QTS, secondary teaching, SME collaboration, academic partnership

Custom interactions

When the standard quiz template cannot carry the teaching, I build the interaction instead: branching scenarios, language practice components, gamified activities, H5P where it fits. That extends into authoring tools rather than stopping at them, so in Articulate 360 I write custom JavaScript elements driven by triggers instead of staying inside the stock blocks.

With JavaScript, branching scenarios, gamification, Articulate storyline triggers, H5P
Video and filming

I shoot and edit my own video, from planning the shots through to the finished cut. Camera work, sound and lighting on location, then editing, titles and motion graphics. It means a module that needs video does not stall waiting on a separate production team.

With Premiere Pro, Kdenlive, camera and lighting, motion graphics, subtitles
Also in the toolkit Articulate Storyline, H5P, FutureLearn, LMS management, Filming and Camera work, Premiere Pro, Photoshop, Illustrator

How I can help

Design and build a module end to end

From mapping the learning and developing the content through to a finished module, ready for your LMS.

Map the learning and prototype

Storyboarding and an early prototype to confirm the interactions and design direction before the full build.

Build the custom interaction a template can't

Branching scenarios, A-Frame (VR) and gamified activities, built in JavaScript.

Work alongside your subject experts

My teaching background means I speak the same language as your subject experts, and can turn their knowledge into something learners can use.

Selected
work

A selection of work from six years designing and building fully online modules and personal projects

Sketch of the Stepping into Leadership course landing page
FutureLearn · Open course
Stepping into Leadership

A three-week open course for new higher education managers, designed and built to FutureLearn's social-learning model with H5P reflection activities that learners can take with them.

Rated 4.7 out of 5 by learners, with over 2,000 enrolments. AHEP-aligned, built with Nottingham Business School.
Read the case study →
Stacked books
SQE
Blended module · SQE
SQE Dispute Resolution

A blended module for trainee solicitors preparing for the Solicitors Qualifying Examination, built to keep dense procedural content workable across in-person and online delivery.

Custom iframe embeds for the procedural documents learners need to reference alongside the module content, with interactive instructions layered on top.
Read the case study →
Code on a laptop
AI Pilot · JavaScript
AI Trailblazer

Piloting a closed-loop AI tutor inside online modules, with custom JavaScript that injects structured prompts to keep the model answering from verified module content rather than freestyling.

Prompt design for reflection, summarisation and short scenarios. A working recreation of the two tools is linked from the case study.
Read the case study →
Sketch of an interactive French language activity
Languages · Interactive
Introduction to French

An online language module for internal and external learners, designed around spoken practice with instant feedback rather than the usual reading and translation drill.

Running across multiple cohorts with strong take-up from both current students and external enrolments.
Read the case study →
Mountain illustration
Storyline · Interactive
Carbon Budget

An interactive carbon footprint calculator built in Articulate Storyline, designed to let learners discover the shape of their own footprint by manipulating it rather than being told about it.

Six live-calculated categories against DEFRA/DESNZ and Oxford emissions data. Colour is always paired with a written label (WCAG 1.4.1).
Read the case study →

Feedback

4.7/5

Learner rating for the Stepping into Leadership course on FutureLearn, across 13 reviews and more than 2,000 enrolments.

FutureLearn · Nottingham Business School →
4.6/5

Learner rating for Project Management Insights on FutureLearn, with more than 1,800 enrolments. A three-week course structured around the project lifecycle, stakeholders and risk.

FutureLearn · Nottingham Business School →
Learning Designer & Instructional Designer

Learning design, start to finish

I am a learning designer with six years of experience building fully online modules in HTML, CSS and JavaScript. I come from a teaching background and a design degree, so I plan every module from what the learner needs to be able to do, and build the interactions to get them there. Based in Nottingham, working remotely. Available for freelance and contract work.

See the work Get in touch

About me

Illustrated portrait of Charlotte Crosby

Good design is not decoration on a course, it is part of what makes the learning work. A clear layout, a well-judged visual, an interaction that lets someone try something for themselves: these are often what help a concept actually land. I came to this through a design degree and secondary school teaching, and a real interest in the code underneath, so I understand how those interactions are built and not just how they should look.

For the past six years I have been a Learning Designer at Nottingham Trent University, building fully online modules in HTML, CSS and JavaScript.

Two things I hold to. I plan backwards from what someone needs to do differently afterwards, not from the content sitting in front of me. And accessibility goes in from the first line, to WCAG 2.2, because retrofitting it later never works as well as designing for it from day one.

6+
Years in learning design
HTML
CSS · JS
Built in code, not just authoring tools
QTS
Qualified teacher status
HELLO



Let's make
something good.

Or find me on LinkedIn