Home › Progettazione › Ecodream

Redesign Ecodream

Cover progetto Ecodream

Un e-commerce più chiaro, accessibile e vicino ai suoi utenti.

Redesign completo del sito web di Ecodream Design, brand indipendente di moda sostenibile. Ho lavorato sull'architettura dell'informazione, sulla navigazione, sull'esperienza mobile e sulla progettazione di nuove funzionalità per rendere l'e-commerce più semplice da esplorare e acquistare.

Scarica il progetto completo
01 THE PROJECT

Un brand sostenibile da raccontare meglio.

Ecodream Design è un brand indipendente di moda sostenibile con sede a Borgo San Lorenzo, nel Mugello. Produce borse, zaini e accessori eco-friendly artigianali e Made in Italy, utilizzando materiali di recupero e riciclati.

È presente nella Revolution Map di Fashion Revolution Italia e ha aderito alla campagna WearMe30Times. La scelta di lavorare su Ecodream nasce quindi dall'interesse per una comunicazione capace di raccontare non solo il prodotto, ma anche i suoi valori etici e il suo approccio al consumo consapevole.

Il progetto parte da una criticità precisa: un brand con una storia d'impresa solida e prodotti coerenti con i valori dichiarati, ma una presenza digitale che non riusciva a tradurre tutto questo in un'esperienza altrettanto curata.

Ambito

UX/UI Design

Anno

2025

Tools

Figma · Adobe Creative Suite · Maze · Agent AI

02 THE CHALLENGE

Problems, bisogni e opportunità.

L'analisi ha evidenziato una serie di problemi di usabilità e accessibilità che rendevano l'esperienza di acquisto dispersiva, soprattutto da mobile.

Il 76% dei visitatori accedeva al sito da cellulare e il target principale — donne tra i 25 e i 50 anni con una sensibilità verso la sostenibilità — si aspettava un'esperienza di acquisto fluida, con filtri, recensioni e informazioni chiare su spedizioni e resi.

01 / PROBLEMS

Un e-commerce difficile da esplorare

Navigazione parzialmente in inglese nonostante la traduzione selezionata in italiano, assenza di barra di ricerca e filtri, gerarchia delle informazioni debole, lunghi blocchi di testo, icone del carrello poco visibili, assenza di wishlist, recensioni e FAQ. I prodotti outlet erano quasi nascosti, l'account poco chiaro e i materiali difficili da trovare.

02 / NEEDS

Un'esperienza più semplice e orientata all'acquisto

L'analisi del target ha evidenziato come bisogni principali uno shop ordinato per modelli con filtri e ordinamento (72,7%), informazioni chiare su spedizioni, resi e cambi (45,5%), recensioni, registrazione semplice, descrizioni esaustive dei materiali e assistenza immediata tramite chat. Per il rivenditore emergeva inoltre la necessità di acquistare direttamente i materiali e trovare facilmente la CTA "Diventa rivenditore".

Analisi del sito originale Ecodream
03 THE STRATEGY

Ripensare la struttura prima dell'interfaccia.

Ho ricostruito completamente la sitemap e ridefinito l'architettura dell'informazione per rendere più evidente il percorso tra scoperta, scelta e acquisto.

Lo shop è stato ristrutturato introducendo filtri per modello, materiale, prezzo, dimensione e colore. Ogni prodotto include inoltre collegamenti interni a spedizioni, resi e metodi di pagamento.

Sono state aggiunte Wishlist, recensioni, FAQ e una pagina dedicata ai materiali, con la possibilità di acquistare direttamente i prodotti destinati ai rivenditori. La CTA "Diventa rivenditore" è stata resa più visibile e accessibile.

Prototipi desktop Ecodream
Wireframe shop Ecodream
04 WIREFRAME & PROTOTYPING

Dal wireframe all'esperienza interattiva.

Dopo aver costruito i wireframe mid-fidelity in scala di grigi, li ho trasformati in prototipi interattivi desktop e mobile, lavorando sulla griglia, sulla tipografia, sui controlli UI, sugli user flow e sull'iconografia.

Figma mi ha permesso di verificare rapidamente le soluzioni progettuali e di testare l'interfaccia con utenti reali, intervenendo sugli elementi che generavano maggiore attrito.

Prototipo Ecodream
05 AI AGENTS

Un assistente AI per ridurre l'incertezza.

Ho progettato un assistente AI in grado di risolvere alcune delle problematiche riscontrate dagli utenti durante la navigazione del sito web mobile.

Un chatbot può diventare una scorciatoia cognitiva capace di rispondere rapidamente a domande, accompagnare l'utente nella scelta di un prodotto e sintetizzare informazioni complesse.

Non tutte le criticità emerse, però, possono essere risolte attraverso una soluzione conversazionale. Alcuni problemi dipendono infatti da carenze strutturali dell'architettura dell'informazione e dell'interfaccia e richiedono interventi di redesign.

Approfondisci

Assistente AI Ecodream
01 / RISPONDERE

Rispondere in modo naturale

Il chatbot risponde a domande su spedizioni, resi, materiali e informazioni utili all'acquisto.

Chatbot che consiglia prodotti Ecodream
02 / CONSIGLIARE

Guidare nella scelta

Attraverso domande contestuali, l'assistente aiuta l'utente a restringere la scelta in base alle sue esigenze.

Chatbot che guida l'utente Ecodream
03 / GUIDARE

Ridurre il carico cognitivo

L'AI sintetizza spiegazioni, racconta la storia dei materiali e accompagna l'utente verso contenuti e approfondimenti.

Altri progetti

Hai un progetto, un testo o un'idea? Parliamone.

Torna su