UX/UI DESIGN
PORTFOLIO
LORAINE
Product Overview
Loraine è un brand emergente che progetta e produce borse gioiello - prodotti di lusso realizzati solo su richiesta. L'obiettivo dell'azienda è quello di creare un sito vetrina dove esporre le proprie creazioni e raccogliere nuovi ordini.
Problem Statement
Raccogliere ordini attraverso il sito vetrina aumentava la probabilità di abbandono.
Responsability
-
User Experience
-
User Interface
Tools
-
FigJam
-
Figma
Goals
Progettare un sito vetrina per raccogliere pre-ordini
Design Process
L'industria del lusso è cresciuta costantemente negli ultimi anni, con un aumento del 5% nel 2019 e del 1% nel 2020, nonostante la pandemia di COVID-19.
Secondo uno studio condotto da Bain & Company, la maggior parte degli acquisti di lusso avviene ancora in negozio, ma la percentuale di acquisti online sta aumentando costantemente. Nel 2020, la percentuale di acquisti di lusso online è cresciuta del 23% rispetto all'anno precedente, raggiungendo il 23% del totale degli acquisti di lusso.
Lo scopo quindi è di progettare un sito che possa raggiungere un vasto numero di utenti e che sia la miglior vetrina per il produttore
Understand
-
User Research
-
SWOT
-
Competitor Analysis
Define
User Personas
Costumer Journey
Information Architecture
Design
-
Wireframe Low-fidelity
-
Wireframe High Fidelity
-
Prototype
Test
Usability Test
Results
Future developments
Target Audience
L'obiettivo target è un utente prevalentemente femminile nella fascia di età tra i 35 e i 65 anni.
Amante del lusso e dell'esclusività.
Che vuole distinguersi ma rimanere al passo con la moda.
Disposto a pagare un prezzo mediamente piu' alto per un prodotto esclusivo.
S
-
Personalizzazione
-
Unicità
-
Qualità
-
Innovazione
W
-
Posizionamento
-
Acquisire fiducia
-
Individuare bacino clienti prima del lancio
O
-
Creare valore attraverso la comunicazione
-
Assistenza
-
Personalizzazione
-
Ispirazione
T
-
Competitor già affermati
-
Farsi scegliere
Competitor Analysis
Loraine vuole differenziarsi da competitor offrendo esclusività e personalizzazione.
Duration
3 settimane
Unique Feature
-
Offre ai propri clienti la possibilità di personalizzare la propria borsa
-
Prodotti esclusivi e di nicchia realizzati a mano da artigiani Italiani
Pain Point
-
Investire in prodotti non tangibili
-
Non essere soddisfatti del prodotto acquistato
-
Lunga attesa al ricevimento dell'ordine
Gain Point
-
Avere un prodotto unico
-
Qualità elevata e made in Italy
-
Comunicare il valore
User Personas
Site Map
In questa fase ho creato l'architettura dell'informazione del sito del cliente.
L'obiettivo è quello di progettare un sito pulito ed essenziale, con focus sui prodotti e sulla comunicazione
Empathy Map
Prototype Validation
Il wireframe realizzato con Figma è stato testato su 7 utenti in target.
Lo scopo della validazione era:
-
Verificare la fluidità del processo di navigazione
-
L'attività di personalizzazione del prodotto
Bad study result
Personalizzazione prodotto non esaustiva, la sola selezione del colore non rendeva l'effetto di un'unicità del prodotto.
Solution
Integrare opzioni per la personalizzazione del prodotto.
UI KIT
Design System
UI Screen
L'interfaccia è minimal per porre il focus sui prodotti.
La palette colori è basica con l'intenzione di richiamare il valore del lusso.
Results
Con le sessioni di osservazione del comportamento è stato possibile raccogliere opinioni e feedback.
I KPI monitorati sono stati:
NAVIGAZIONE: La navigazione è risultata semplice ed apprezzata
DISTINTIVITA': Gli utenti che hanno navigato il sito web hanno percepito il senso di unicità che volevamo trasmettere ed il valore dei prodotti
PERSONALIZZAZIONE: E' stata apprezzata l'integrazione della scelta dell'accessorio.
ACQUISTO: Velocità nel concludere un'ordine, spedizione troppo lunga.
Future Developments
-
Assistenza integrazione chatbox per servizio di assistenza 24h/24h.
-
Tool di AI per personalizzazione del prodotto.
-
Newsletter per aumentare il bacino di utenti.
.png)
Wireframe
Nella progettazione dei wireframe, i principi che mi hanno guidata sono stati:
-
Grafica semplice e pulita: Interfacce con informazioni esaustive ma essenziali
-
Semplificazione passaggi: Pochi click fino al processo d'acquisto
