Back to work Case 01 / Creative Direction · Prototype

Creative direction lead: onboarding prototype.

A clean, minimal brand. Elevated through motion, structure and interaction.

Role: Creative Direction
Client: Well-known bank
Scope: 7 modules / 3 hours
Discipline: Motion · Storyline

Background

A well-known bank selected our team to deliver an enhanced onboarding programme for mobile software developers, spanning 7 modules and totalling 3 hours of learning.

The content was complex, and stakeholders struggled to visualise how it would translate into a clear learning experience. There was also a risk that their clean, minimal brand style would feel too basic for an enhanced build.

Kick off

Creative direction

Guided early decisions with LD & GD as the Storyline SME
Shared proven reference examples to unlock ideas quickly
Defined the “enhanced” standard through motion & interaction

Prototype build

Prototype delivery

Fig. 01 / Stage detail · Creative direction Aligning the team early

01 / The Task

Lead the creative direction.

What I owned

My role

My task was to guide the early creative direction of the programme, acting as the Storyline subject-matter expert and helping the team align on a clear approach.

Once the direction was agreed, I needed to build an initial prototype that demonstrated the approach, using animatics-style motion and transitions to elevate the minimalist design.

This prototype acted as the creative reference point for the wider programme, setting the quality bar before production scaled across multiple modules.

Kick off

Creative direction

Prototype build

Set a reusable foundation for future modules
Used motion to elevate a minimal UI
Quick reviews with LD & GD

Prototype delivery

Fig. 02 / Stage detail · Prototype build Setting the quality bar

02 / The Strategy

Four moves to make it work.

From direction to build

Creative direction.

Led early creative decisions by collaborating closely with the Learning Designer and Graphic Designer, shaping what was feasible and effective within Storyline and sharing previous examples for conceptual and visual references.

Reusable templates.

Created a reusable set of templates that suited the developer onboarding content, giving the team a consistent approach they could reuse across multiple modules.

Motion uplift.

Established the enhanced feel, through motion, wipe transitions and emphasis animations while keeping the interface clean and minimal.

Prototype build.

Built a Storyline prototype that brought the agreed direction to life, setting clear expectations for screen structure, pacing, and interaction style before design and scripting scaled up.

Laptop showing a Storyline prototype screen — phone mock alongside a copy panel

Fig. 03 / Prototype screen Module intro · mobile UI walkthrough

03 / Results

The result.

What it unlocked

Faster team momentum.

The prototype gave the team a clear starting point and increased confidence and speed in early design and scripting decisions.

Scalable foundation.

It also established a repeatable foundation for the wider programme, proving how a minimalist design could still feel enhanced through interaction, structure and motion.

Fig. 04 / Prototype in motion Storyline build · laptop playback

I had a quick view of the prototype. It’s fantastic — love the design and attention to detail.

Client Feedback On the prototype build

Next / Continue browsing

See more case studies.

↗