MAGNI

A Learner’s Platform

A Learner’s Platform

Redesigning login, dashboard, and assessments for a compliance training platform

Redesigning login, dashboard, and assessments for a compliance training platform

Product design, Information architecture, AI integration, Prototyping · 2026

01

Context

ManufacturingCompliance trainingSkill assessmentsCertification

MAGNI is THORS eLearning’s platform for manufacturing companies.

It delivers compliance training, skill assessments, and certification to technicians and engineers who need to pass a course and get back to their job, not spend time working out how the software wants to be used. This project tackles restructuring login around three user types instead of one shared form, and rebuilding assessment creation so the AI tool and its output read as one system.

02

My Role

UI/UX Designer
Sole designer on the team.
Working directly with
CEO
IT Director
Full stack developer
03

Timeline

10weeks

Quick / TL;DR

Problem

Two core systems had 17 structural issues and no clear next action

Assessments and Login & Onboarding end to end across 21+ IA nodes

It was a redesign of the entire enterprise ecosystem. I identified 2 core workflow gaps where AI, information architecture, design systems, UI and motion can meaningfully close the loop. It was identified by mapping: the dashboard, which gives every module equal visual weight; an assessment list that reads like an administrative table; and filters that behaved like navigation when they were really one page. Learners had no visible sequence through any of it.

Solution

Four decisions shaped the redesign. Three principles, rebuilt into four core flows.

  • Made key metrics visually dominant instead of competing for attention with everything else on screen

  • Reduced repeated metadata, showing ownership and status labels only when they matter

  • Led every dense screen with a visual summary before the table

  • Reframed assessments as a skill check with a visible sequence, not a form to get through

Understanding the stakeholders

Understanding the stakeholders

Three different people share one platform, learners trying to finish an exam, admins building and managing assessments, and customers accessing exam codes for their teams. One login screen served all three, and couldn’t tell them apart.

MAGNI
A product of THORS
01

Learner

Three different people share one platform, learners trying to finish an exam, admins building and managing assessments, and customers accessing exam codes for their teams. One login screen served all three, and couldn't tell them apart.

Learning feels harder than it should

Hi, I am Kris, and I’m an Engineer

Primary research: I audited 2 core systems end to end and found the friction

Primary research: I audited 2 core systems end to end and found the friction

  1. 2 core systems mapped

    Assessments + Login & Onboarding

  2. 21+ IA nodes noticed

    Across both current system trees

  3. 17 observations written

    One per structural issue found

  4. 5 friction themes

    Synthesized from those 17 cards

  1. 2 core systems mapped

    Assessments + Login & Onboarding

  2. 21+ IA nodes noticed

    Across both current system trees

  3. 17 observations written

    One per structural issue found

  4. 5 friction themes

    Synthesized from those 17 cards

  1. 2 core systems mapped

    Assessments + Login & Onboarding

  2. 21+ IA nodes noticed

    Across both current system trees

  3. 17 observations written

    One per structural issue found

  4. 5 friction themes

    Synthesized from those 17 cards

Five friction themes

No visible sequence through multi step tasks.

01

Ownership and status sharing the same visual treatment.

02

The AI generator feeling disconnected from the Question Library it powers.

03

Filters reading as navigation when the structure was one page.

04

System modules not matching how people actually work.

05

Methods used: Heuristic audit, IA site mapping, and benchmarking against modern learning platforms

Competitive Analysis

Competitive Analysis

Platforms Selected

I looked at the platforms already running assessment heavy training, 360Learning, Docebo, Absorb, and Litmos, to understand what's working and where admins are still left to connect AI generated questions to a reusable library themselves.

360Learning

What works

QGen generates quiz questions right inside the course editor, pulled from the content it's testing.

What's missing

Scoped to one course at a time. No path from a generated question into a library other admins can reuse.

Docebo

What works

Docebo Shape turns external documents into training content automatically, with role based access built in.

What's missing

Generates new material, but the output doesn't feed into a shared question library.

Absorb

What works

A centralized Question Bank lets admins reuse questions across assessments, and Absorb Create AI can generate questions from content.

What's missing

To be written

Litmos

What works

Built in AI quiz generation with a custom login page and defined roles for employees, customers, and partners.

What's missing

Separate audiences are supported at setup, but reviewers note keeping each role's access current takes ongoing admin work.

Problem Statement

“How might we restructure MAGNI’s login pipeline and assessment workflow so that admins and learners spend less time figuring out which path is theirs, and more time teaching and learning?”

Core flows

Core flows

1 of 4 · Landing0%
Flow #1
Login and Access
The legacy portal pushed learners, exam takers and new users through one confusing login. The redesign splits it into three clear paths, so everyone lands where they meant to go.
One door becomes three. The landing page asks what you are here to do and offers Learn, Exam and Register as separate paths, so nobody has to guess which field belongs to them.
1 of 4 · Admin0%
Flow #2
Dashboards and Guidance
Admins and learners both open to a personalized glance at their day. Short tutorials and the MFG Genius assistant are one tap away from the header.
Admins open to an AI overview of the whole platform: 142 examinees, 12 active codes, a 96% completion rate and a count of what needs attention. Scroll on and the welcome banner offers Generate access code and View examinees as the two obvious next moves.
1 of 5 · Start0%
Flow #3
Assessments
From a blank page to a live exam in one guided path. AI drafts the questions, you shape the mix, publish with an access code and watch the results come in.
Admins land on Assessments with three clear doors: Generate Assessment using AI, the Assessment Bank, and View Results. The AI card is highlighted because it is where most admins start.
1 of 4 · Browse0%
Flow #4
THORS Library
A library of 105 courses with gated lessons. Learners preview a course and request a demo, and admins approve it in one click.
The Course Library holds 105 courses across 9 categories. Filter by Beginner, Intermediate or Advanced, or search by name. Every card shows its level and run time so you can scan fast.

Building Blocks

Building Blocks

00Brand guidelines
2026 / 01
MAGNI
A learner's platform
Make progress visible. Turn complex learning systems into clear next actions.
05Graphic language
Progress becomes visible.
Use expanding fields, orbital crops and calibrated dot matrices to suggest momentum, not decoration.
Orbit / Grid / Signal
8 × 6 Matrix
01Core palette
Purple leads · yellow signals
Deep logic
#520183
Electric insight
#E969F8
Signal yellow
#FFD33D
Clear space
#FBFDFF
Product ink
#232327
Aa
Switzer
ABCDEFGHIJKLM 0123456789
abcdefghijklmnopqrstu
02Typography hierarchy
Display / 64 / Bold / −5%
Learn what's next.
Heading / 32 / Semibold / −3%
Your path, clearly sequenced
Body / 16 / Regular / 140%
Prioritize plain language, short actions and a confident reading rhythm.
06UI surface treatment
Calm canvas.
Charged actions.
White workspace, cool borders and selective gradients keep dense learning tools legible.
Continue learning
AI overview · Live
03Logo usage
Clear space = ½ M
MAGNIPrimary
04Iconography
2px / Round / Direct
Progress
Clarity
Ownership
Mastery
Repeat the mark only to express sequence, momentum or state change.
07Brand behavior
Smart systems.
Human momentum.
MAGNI is direct without feeling clinical: dense information resolves into one clear path forward.
01Lead with the next action
02Show progress before detail
03Use energy with restraint

Redesign’s outcome

Redesign’s outcome

Hover to reveal

40% to 97%

Login usability score

Outcome

01

Hover to reveal

6 to 8* mins

Assessment generation completion time

Outcome

02

Future Enhancements

Future Enhancements

01

THORS Community

A social layer where learners can ask questions and share progress, scoped for Dec 2026 to Jan 2027, after the core flows have had time to stabilize.

02

Notifications and profile settings

A lightweight layer that tells learners and admins when something needs attention, assignment due, exam result ready, without pulling them back into the dashboard to check.

03

Quiz & Assessment Builder

Extends the same three principles from the login and dashboard redesign to the admin side of assessment creation, the next highest friction system after this one.

Things I learned from this project

01

Structure is the deliverable

This project pushed me to see structure as the actual deliverable, not the visual layer on top. The hardest part wasn’t redesigning the screens. It was deciding where ownership, status, and sequence actually belonged, and stripping out everything that didn’t earn its place on screen.

02

Enterprise work is its own discipline

Working inside an existing enterprise product is its own discipline. Real users, and constraints, and a team that has to live with every decision after I leave. A lot of the redesign came from sitting with the friction long enough to see the pattern underneath it. That’s both the harder path and the one that actually holds up.

01Ownership
02Status
03Sequence
Symbiote
Made in motion
01Symbiote· Blender 3D

I sculpt motion out of nothing.

  • 3D modeling
  • Particle simulation
  • Lighting
01 / 05

Still here?

Let’s make time for a conversation.