Walk me through Takeda VB KAM.

Takeda VB KAM

An e-learning platform that trains Takeda’s key account managers. I turned the UX wireframes into production ready interfaces.
Client
Takeda
Industry
Healthcare, enterprise learning
Year
2019
Role
UI designer. High fidelity design, specs and implementation review

The problem001

The training content was dense and wide ranging, and it had to fit inside Takeda’s strict design system without losing clarity.

Takeda learning platform overview

Why it was hard002

  • 01

    The system was fixed.

    Typography, colour, spacing and components were all predefined. I couldn’t invent my way out of a problem.

  • 02

    The content wasn’t built for those components.

    The design system was made for general products, not long learning modules with lots of structure.

  • 03

    Handoff had to be exact.

    Anything ambiguous would be built wrong, and fixing it later was expensive.

So the job wasn’t to make it look new. It was to make complex content clear using only the parts I was given.

Takeda module screen
Takeda learning structure
Takeda interface detail
Takeda component screen
Takeda course visual
Takeda interface screen

What I decided, and why003

  • 01

    Designed the whole platform as a system, not screen by screen.

    Learning modules repeat, so solving the pattern once kept every module consistent.

  • 02

    Adapted existing components instead of creating new ones.

    It kept the platform compliant and meant engineers were building with parts they already knew.

  • 03

    Used hierarchy to do the heavy lifting.

    Clear headings, structure and navigation made long content scannable without breaking brand rules.

  • 04

    Wrote detailed specs and reviewed the build.

    I checked the implementation against the designs, so problems were caught before release, not after.

The result004

The platform shipped consistent with Takeda’s design system across every module, and it was built with minimal rework.

What I’d do differently005

I joined after the wireframes were done. Next time I’d push to get involved earlier and test the learning flow with real account managers, because good visual design can’t fully fix a structure nobody has tested.

Explore projects

EmailLinkedInGitHub