Logo Novary
Torna al portfolio
Portfolio concept

Lumen

Un concept di piattaforma corsi per creator, scuole e professionisti: catalogo ordinato e filtrabile, percorso di lezione lineare e progressi sempre sotto controllo.

Concept creato da Novary per mostrare un'esperienza di apprendimento premium. Corsi e contenuti sono simulati e non rappresentano un cliente reale.

LLumenLearning
6 corsi

Design system da zero

60%

Workflow con assistenti AI

40%

TypeScript per prodotti

80%

Riprendi la lezione

Tema e varianti · 4 di 5

Tipo

Piattaforma corsi

Settore

Education e creator

Focus

Catalogo e lezioni

Stato

Portfolio concept

Problema

Molti corsi online vivono dentro strumenti scomodi: cataloghi confusi, player poco chiari e nessuna idea di dove si è arrivati nel percorso.

Soluzione

Lumen propone un catalogo ordinato e filtrabile, un percorso di lezione lineare e progressi sempre visibili. Studiare diventa chiaro, dalla scoperta del corso fino al completamento.

Funzionalità principali

Una piattaforma dove è facile iniziare e difficile perdere il filo.

Il concept mette al centro chiarezza del percorso e continuità, senza dichiarare numeri o risultati reali.

Catalogo filtrabile

Corsi ordinati per area, con livello e numero di lezioni, per trovare in fretta il percorso giusto.

Percorso lezione

Una sequenza chiara di lezioni, con anteprima dei contenuti e un solo passo successivo evidente.

Progressi e ripresa

Indicatori di avanzamento e ripresa rapida dall'ultima lezione vista, per non perdere il filo.

Accesso e abbonamento

Una struttura pronta per gestire accesso libero, contenuti riservati e abbonamenti ricorrenti.

Scoperta dei corsi più semplice
Percorso di studio chiaro
Progressi sempre visibili
Esperienza coerente su ogni device
Schermate chiave

Dal catalogo alla singola lezione, con i progressi sempre in vista.

Catalogo

Lezione

Progressi

Demo catalogo

Esplora il catalogo dei corsi.

Filtra per area e apri un corso per vederne il percorso di lezioni e i progressi. Tutto resta locale al browser, con contenuti simulati.

Processo di sviluppo

Da contenuti sparsi a un percorso di apprendimento chiaro.

1

Definizione di catalogo, categorie e struttura dei corsi.

2

Design del percorso lezione e degli stati di avanzamento.

3

Prototipo interattivo con filtro e anteprima lezione.

4

Rifinitura di accesso, progressi e layout mobile.

Tecnologie

Una base moderna per una piattaforma scalabile.

Il prototipo usa componenti riutilizzabili e stato locale, con una struttura pronta a evolvere verso autenticazione, pagamenti ricorrenti e player video.

Next.js App Router
TypeScript
Tailwind CSS
Framer Motion
Componenti riutilizzabili
Stato locale React
Layout adattivo
Demo senza server

Vuoi lanciare la tua piattaforma di corsi?

Novary può progettare un'esperienza su misura per pubblicare contenuti, gestire abbonamenti e accompagnare le persone fino alla fine del percorso.