01

Redesign Brand Legacy Academy

Client
Brand Legacy
Role
Product Designer
Year
2026
Duration
3 months

A redesign of Brand Legacy's online learning platform and of the journey of the people who study on it. Research with students pointed to a confusing, unfriendly interface and classes that were hard to find.

Key decisions

4 Class formats, separated and filterable
3 New modules: Academy, Íris and Library
1 Next step on the home page, instead of the catalogue
Desktop Starting point, where most students study
02 / The Challenge

The Problem Space

In the old version, students landed straight on a content catalogue.

Every visit started with questions the platform left for them to answer alone:

01 — Direction
  • What matters most?
  • Where do I start?
  • Which content should I watch?
02 — Progress
  • What have I already watched?
  • What comes next?
  • How do I pick up my journey?
03 — Organisation
  • What's the difference between formats?
  • Where do I find a specific class?
  • Where are the materials?

The platform delivered content, but not a clear path through it.

“There’s a lot of content on the platform, but there’s no clear direction. I don’t want to search for what to watch — I want to know what makes sense for me right now.” — User Research Interview

03 / Discovery

Research & Insights

Before redesigning a single screen, I went to listen to the people using the platform. The research with students answered three questions: where they access it from, how they look for a class and where they get lost.

What the research looked at

  • Which device students study on
  • How they look for a specific class
  • Where they get lost in the navigation
  • What they think of the current interface

“The computer is the classroom.”

Most students use the platform on a computer. The redesign started from the desktop — with room for progress, filters and search always in view.

“The problem isn't the content, it's the path.”

The frustration came from not finding the right one, and from an interface that never made it clear what to do next.

04 / Approach

Design Process

01 — Listen

Research with students

Who uses it, what they use it on and where they get stuck. Those findings became the criteria for every decision after.

02 — Reorganise

New journey and architecture

The entry point stopped being the catalogue and became the student's next step. Content was split by format — immersions, hotseats, recorded classes and webinars — and materials got a home of their own.

03 — Design

An interface for the desktop

Screens designed for the computer first: search always at hand, progress visible on every class and a fixed side navigation with the same sections across the whole platform.

Wireframes built with AI to see how each module would sit in the new interface before any visual decision.

Greybox variations

Top of Home · Íris first The question opens the screen and “continue” drops to the bottom of the fold.
Top of Home · Continue first Resume in one click, with the catalogue visible without scrolling.
Íris answer · Text, then sources The risk is the student stopping at the text and never hitting play.
Íris answer · Source first It pushes towards play, which is what the answer is for.
05 / The Solution

Final Interface

01 / Academy

Immersions, hotseats, recorded classes and webinars in one place, split by format and filterable. Every card shows length, number of classes and progress — students can pick up where they left off without opening anything.

02 / Íris

An assistant that answers with the Academy's own content. Students describe a business problem and get the right classes in the right order, the supporting material and, if they are still stuck, a route to the hotseat.

03 / Biblioteca de Materiais

Every class material gathered by module, searchable by name, module or class, filterable by file type and downloadable in one go.

06 / Afterwards

What I took from it

Learnings

  1. 01

    Asking where students access the platform changed the order of the project. With most of them on a computer, the desktop stopped being an adaptation and became the starting point.

  2. 02

    The complaint was never a lack of content, it was a lack of path. Reorganising the entry point — what to continue, what to watch next — solved more than redesigning each screen on its own.

  3. 03

    Naming sections after what students are looking for, rather than after the course's internal structure, was half the information architecture work.

Next Project

02 — Landing Page The Substance

Personal study • Design & art direction

The Substance landing page shown on a green iMac