Redesign Ecodream

Redesign completo del sito web di Ecodream Design, , brand indipendente di moda sostenibile.

Cover progetto Ecodream
Overview

Redesign del sito web di Ecodream Design, 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, con 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 da un interesse per la comunicazione dei valori non solo estetici ma etici. Un brand che crede nella sostenibilità merita una presenza digitale che lo racconti con la stessa cura con cui produce i suoi oggetti.

In questo senso, Ecodream rappresentava un caso interessante perché con prodotti di qua lità, una storia d’impresa solida e un approccio al consumo consapevole ben definito, ma un sito che non riusciva a tradurre tutto questo in un’esperienza digitale all’altezza. La navigazione era poco chiara, mancavano funzioni fondamentali come la barra di ricerca e i filtri, la gerarchia delle informazioni era debole e la versione mobile — la più usata dal target — era quella meno curata.

Un secondo elemento ha orientato la mia analisi: il 76% dei visitatori accede al sito da cel lulare, e la maggior parte del target — donne tra i 25 e i 50 anni, con una sensibilità verso la sostenibilità — si aspetta un’esperienza di acquisto fluida, con filtri, recensioni e informa zioni chiare su spedizioni e resi. Tutte funzioni assenti o difficili da trovare nel sito originale.

Ambito

UX/UI Design

Anno

2025

Approfondisci il progetto
Wireframe Ecodream
1. Problems - Needs - Solutions


PROBLEMS
Il sito presentava problemi significativi di usabilità e accessibilità: navigazione parzialmente in inglese nonostante la traduzione selezionata in italiano, mancanza di barra di ricerca e funzio ne filtro nello shop, gerarchia delle informazioni assente con lunghi blocchi di testo illeggibili, icone del carrello posizionate in modo inappropriato e invisibile, nessuna lista preferiti, nes suna recensione o FAQ, assenza di chat live. I prodotti outlet erano quasi del tutto nascosti, la registrazione all’account poco chiara, e i materiali in vendita difficili da trovare e acquistare. Il sito sembrava più un blog che un e-commerce.

NEEDS
Tramite analisi del target ho capito che i bisogni principali emersi erano: uno shop ordinato per modelli con filtro e ordinamento (72,7%), condizioni di spedizione, resi e cambi chiare e visibili (45,5%), presenza di recensioni (50% le considera fondamentali), registrazione semplice e veloce, descrizione dei materiali esaustiva e chat live di assistenza immediata. Maurizio, il rivenditore, aveva bisogno di poter acquistare i materiali direttamente e di una CTA “Diventa rivenditore” accessibile.

SOLUTIONS
Ho ricostruito completamente la sitemap e aggiunto nuove funzionalità come la funzione cer ca e una chat live. Lo shop è stato ristrutturato con filtri per modello, materiale, prezzo, dimen sione e colore, e ogni prodotto include link interni a spedizioni, resi e metodi di pagamento. Sono stati aggiunti una Wishlist, le recensioni, le FAQ e la possibilità di acquistare i materiali direttamente dalla pagina dedicata. La CTA “Diventa rivenditore” è stata resa visibile e acces sibile. Il tutto è stato documentato attraverso una Service Blueprint che mappa le azioni front stage e back stage di Ecodream.

Wireframe Ecodream
Prototipi desktop Ecodream
2. Wireframe e prototipazione

Dopo aver costruito i wireframe mid-fidelity in scala di grigi, li ho "animati" trasformandoli in prototipi interattivi desktop e mobile, con particolare attenzione a griglia, tipografia, controlli UI, user flow e iconografia. Per creare i wireframe e i prototipi mi sono affidata a Figma, testando poi l'interfaccia con utenti reali.

Wireframe Ecodream
Prototipi desktop Ecodream
3. Agenti AI per e-commerce

Ho progettato un assistente AI in grado di risolvere alcune problematiche riscontrate dagli utenti durante la navigazione del sito web versione mobile. I chatbot testuali stanno diventando parte in tegrante di prodotti digitali in svariati contesti, dalle app di customer support agli strumenti di e-commerce e di content delivery. La progettazione di una chatbot intelligente potrebbe rappresentare per Ecodream Design una scor ciatoia cognitiva in grado di risolvere incertezze o addirittura abbandoni. È importante però sottolineare che non tutte le criticità emerse possono essere risolte tramite l’introduzione di un assistente AI. Alcune problematiche, infatti, derivano da carenze strutturali dell’architettura dell’informazione e dell’interfaccia, che richiedono interventi di redesign e non possono essere delegate esclusivamente a una soluzione conversazionale.

1. Un chatbot può rispondere in linguaggio naturale e immediato a domande come : “Quanto tempo ci mette ad arrivare?”, “Posso fare un reso?”, “Di che materiale è fatta questa borsa?”, “Come posso diventare rivenditore?”. E può esortare a lasciare delle recensioni dopo l’acquisto. Momenti tipici: dopo 30-40 secondi di scroll senza azione, l’AI può intervenire per sciogliere dubbi e assistere l’utente.

2. Progettare un chatbot che consiglia Un chatbot può fare domande come:“La cerchi per lavoro o per viaggio?”, “Preferisci una borsa capiente o compatta?”,“Ti serve impermeabile?”. Momenti tipici: dopo aver aperto più prodotti senza aggiungerli al carrello, il chatbot potrebbe chiedere: “Ti aiuto a scegliere?.

3. Progettare un chatbot che guida Un chatbot può ridurre il carico cognitivo, semplificare spiegazioni, sintetizzare e adattare il livello di dettaglio personalizzato sul cliente, così come raccontare la storia del materiale o indirizzare a reels, video, post ed eventi formativi sul tema, magari organizzati da Ecodream Design.

Wireframe Limes
Prototipi desktop Limes
Prototipi desktop Limes

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

Torna su