Tradimo: Redesigning the Learning Experience

Tradimo – an online course platform for brokers

Visit website

Duration
2024–2026
Role
Sole Product Designer
Team
1 designer · 5 developers
Tradimo: Redesigning the Learning Experience
Tradimo — Learning platform

About The Project

As the sole Product Designer alongside five developers, I made learning easier to start, continue, and explore.

Overview

Challenge

A growing library of courses, webinars, and rewards left learners unsure where to start or what to do next.

My role

I led research, problem definition, prototyping, testing, and implementation support.

Solution

I focused on three learner needs:

  • start learning
  • continue progress
  • discover the next relevant activity.

Outcome

Usability tests showed 30% faster average task completion across selected core journeys.

The product had grown, but the experience had not

More content meant more decisions. Learners struggled to start, resume courses, and find content for their level. The opportunity was to clarify the existing experience.

Learning dashboard
Learning dashboard

First, I needed to understand where people got lost

Interviews, usability tests, journey mapping, and a UI audit revealed friction in:

  • starting
  • finding the right content
  • coming back to continue learning.
Research at a glance
Research at a glance

The journey showed where to focus

Journey mapping connected a confusing home screen to activation, weak course information to discovery, and disconnected webinars and rewards to engagement.

Customer journey map
Customer journey map

Three priorities:

  • Start faster
  • Find relevant content
  • Keep learners engaged

Not every learner needed the same experience

Beginners needed guidance; returning learners needed speed. One path could not serve both.

Prioritizing what to fix first

I prioritized three improvements:

 Activation

Start or resume learning faster.

Discovery

Find and evaluate relevant content.

Engagement

Connect webinars and rewards to progress.

Before redesigning screens, I explored different directions

I tested different ways to organize the experience around learner state and progress. The chosen direction guides beginners toward a first lesson while giving returning learners fast access to unfinished content, without forcing both groups through the same path.

Wireframe
Wireframe

Core Solutions

The first problem appeared before learning even started

Analytics showed drop-off before the first lesson. I simplified login and highlighted the next learning action on entry.

Login flow and home screen
Login flow and home screen

Making the main experience easier to navigate

The dashboard and navigation needed to show learners:

  • where they were
  • what they could continue
  • where to find the next relevant activity.

I removed repeated navigation paths and surfaced progress and unfinished learning.

Main screen — After
Main screen — Before
Main screen

Course cards were making users work too hard

Course cards lacked decision-making details. I brought four essentials forward:

  • level
  • format
  • requirements
  • progress.
Course cards — After
Course cards — Before
Course and lesson flow
Lesson card — Before / After
Lesson card — Before / After

Learning did not happen only inside courses

I connected upcoming webinars and recordings in one flow: discover, join, set a reminder, and return to watch.

Webinars — After
Webinars — Before
Webinars

Rewards worked better when they appeared at the right moment

I tied coins and referrals to progress and completion, rather than displaying rewards everywhere.

Referral program — After
Referral program — Before
Referral program

Then I tested the main journeys

I tested desktop and mobile journeys, measuring task success, completion time, navigation errors, and where learners needed help. The findings guided changes to CTA visibility, course information, and mobile filters before the final design.

Usability Testing
Usability Testing

The redesign also expanded beyond learning

Making the first impression clearer

For the broker education landing page, I clarified the hero and CTA, improved readability, and moved key controls upward.

Landing page — After
Landing page — Before
Landing page

Making purchases easier to understand

The old purchase journey spanned several pages. I replaced it with a searchable catalog and quick product view that brings together details, point price, status, and a clear Buy action. This shortened the path to purchase, especially on mobile.

Learning content catalog — After
Learning content catalog — Before
Learning content catalog

What I Learned

The biggest improvement did not come from adding more features.

Three questions guided the redesign:

  • Where am I?
  • What should I do next?
  • How do I continue?

Results

30% faster task completion

Usability testing: 30% faster average completion across selected core journeys.

Fewer navigation errors

Consistent patterns reduced friction across courses, webinars, rewards, and purchases.