Cos'è Auto Kurti
Concessionario di auto nuove e usate con identità nero/rosso/bianco. Il sito non è un tema generico: vetrina, parco auto filtrabile, schede veicolo e area admin dedicata sullo stesso stock reale.
Case study · UX/UI · Sito su misura
Auto nuove e usate, online
Sito automotive su misura per Auto Kurti Srl: inventario veicoli, ricerca a facet dinamica, schede prodotto e portale admin con builder annunci, live su autokurti.it.
00
Overview
Auto Kurti Srl è un concessionario automotive a Ponte a Egola. Autokurti.it è il prodotto digitale costruito per portare online inventario, brand e operatività interna in un unico sito custom.
Cosa volevano
Presenza online credibile, ricerca che mostri solo auto davvero disponibili, conversione in contatti qualificati e autonomia per pubblicare e aggiornare annunci dal gestionale dedicato.
Chi volevano raggiungere
Ilir Hoxha, acquirente tipo: trova l'auto giusta velocemente, senza combo fantasma nei filtri. Eduart Kurti, titolare: gestisce annunci, foto e lista veicoli con un flusso chiaro e dealer-friendly.
Cosa volevano ottimizzare
Fiducia di brand (niente look template), filtri a facet honest, mobile e performance, UX admin con builder, messa online su autokurti.it e coerenza visiva nel portfolio dello studio.
01
Low-Fid Linear Wireflow
Due percorsi distinti sullo stesso inventario: visitatore in cerca di auto e admin che gestisce gli annunci.
Sito pubblico: home, parco auto, scheda veicolo, form contatto, ricerca avanzata con filtri a facet
Utente
Ricerca avanzata
Parco auto
Scheda auto
Form contatti
Portale admin: login dedicato, lista annunci, builder con upload foto, auto online
Admin
Lista annunci
Builder con upload foto
Auto online
02
User Interview
Due voci emerse dal lavoro sul prodotto: acquirente e gestore, con problemi e richieste tradotte in insight di design.
User interview · Acquirente
Ilir Hoxha
Cliente tipo: vuole trovare auto velocemente, solo quelle che può comprare o guidare, cioè solo ciò che è effettivamente sul sito. Niente filtri che promettono combo inesistenti.
Insight
-
01 Filtri a facet
«Se cerco una BMW e mi propone diesel, poi scopro che non ne avete nessuna. E se scelgo la marca, il modello deve aggiornarsi da solo: niente opzioni che non esistono in parco.»
Cosa abbiamo integrato: ricerca a facet dinamica. Ogni campo restringe il successivo e mostra solo combo reali in stock: marca, modello, alimentazione.
-
02 Ricerca da home
«Non voglio scorrere tutta la home per capire dove cercare. Arrivo sul sito e voglio filtrare subito.»
Cosa abbiamo integrato: widget di ricerca inline nell'hero, con i campi principali già visibili above the fold.
-
03 Stock honest
«Odio quando il sito promette tante auto e poi ne vedo una sola. O zero risultati dopo cinque filtri.»
Cosa abbiamo integrato: conteggio risultati aggiornato e opzioni filtro che compaiono solo se hanno veicoli in parco.
-
04 Scheda auto e contatto
«Prima di chiamare voglio vedere foto, km e prezzo chiari. Se devo andare a caccia di info, passo oltre.»
Cosa abbiamo integrato: scheda veicolo con gallery, specs in evidenza e CTA contatto integrata per richiedere info senza frizione.
User interview · Gestione
Eduart Kurti
Proprietario del concessionario: crea e aggiorna annunci in autonomia. Ha bisogno di builder chiaro, upload foto affidabile e lista modificabile, con un flusso chiaro pensato per il dealer.
Insight
-
01 Foto da iPhone
«Scatto le foto in piazzale col telefono. Se devo passare al PC o convertire i file, perdo mezz'ora per ogni annuncio.»
Cosa abbiamo integrato: possibilità di scattare la foto mentre il builder è aperto, nel flusso che usa ogni giorno in piazzale. Accettiamo anche HEIC e HEIF oltre a JPG e PNG, così le immagini dell'iPhone vanno bene subito, senza conversioni manuali.
-
02 Portale admin dedicato
«Un pannello generico mi confonde. Voglio entrare, vedere i miei annunci e pubblicare, come un'app del concessionario.»
Cosa abbiamo integrato: area riservata con login, lista annunci e builder integrato, stesso look del sito pubblico.
-
03 Scorciatoia operativa
«Quando sono loggato, voglio andare alla lista annunci in un click, non passare dai menu che usano i clienti.»
Cosa abbiamo integrato: dal logo in header, per gli admin, accesso diretto alla lista articoli.
-
04 Flusso annuncio
«Se salvo una bozza e la riapro, devo ritrovare tutto com'era. E se manca una foto, voglio capire subito cosa non va.»
Cosa abbiamo integrato: bozze, modifica con dati già compilati e messaggi chiari a ogni passaggio del builder.
03
Project Roadmap
-
01
UX Research
Interviste e analisi degli insight emersi.
-
02
Initial User Flows
Prima definizione dei percorsi utente e admin.
-
03
Wireframing
Strutturazione iniziale di pagine, contenuti e funzionalità.
-
04
High-Fidelity UI Design
Progettazione dettagliata dell'interfaccia e del visual design.
-
05
Client Validation
Presentazione, test admin e raccolta dei feedback del cliente.
-
06
Web Implementation
Implementazione e pubblicazione del sito.
-
07
User Testing
Review del sito e raccolta dei feedback degli utenti.
04
Site map
Tre percorsi di conversione sul sito pubblico e un flusso admin lineare. Ogni freccia indica un’azione reale: nav, bottone o click su card.
Sito pubblico
Hub: Home · tre modi per arrivare a parco auto o contatti
Percorso A · Ricerca hero
-
Home
autokurti.it
-
Cerca · widget hero
-
Parco auto
/parco-auto
-
Apri card veicolo
-
Scheda auto
/mercedes-glc-…
-
Richiedi info
-
Form contatti
/contattaci
Percorso B · Menu Trova auto
-
Home
autokurti.it
-
Nav · Trova auto
-
Parco auto
/parco-auto
+ click card → Scheda auto → Form contatti
Percorso C · Menu Contatti
-
Home
autokurti.it
-
Nav · Contattaci
-
Form contatti
/contattaci
Collegamenti trasversali
- Logo → Home da ogni pagina
- Scheda auto → Parco auto · Torna al parco
- Parco auto → Scheda · click card
Portale admin
Ingresso /admin · stesso stock della vetrina pubblica
Flusso annuncio
-
Login
/admin
-
Accedi
-
Lista annunci
/lista-articoli
-
Nuovo annuncio · Modifica riga
-
Builder annunci
/builder-annunci
-
Lista articolioppurePubblica annuncio
-
Parco auto
/parco-auto · vetrina
Collegamenti trasversali
- Lista annunci → Builder · Modifica riga
- Logo header → Lista annunci · scorciatoia admin
- Builder / Lista → Login · Esci
05
Product & design
Identità visiva allineata al sito live autokurti.it: palette, tipografia e token UI coerenti con il brand Auto Kurti.
Logo ufficiale Auto Kurti. Marchio circolare nero/rosso/bianco con silhouette auto: stesso asset in header, hero e footer del sito live.
Palette
-
Nero profondo Sfondo principale, hero, header e area scura del sito.
-
Nero elevato Sezioni secondarie, card case study e superfici in rilievo.
-
Rosso brand scuro Gradienti hero, profondità e richiami al logo.
-
Rosso accent CTA, link attivi, titoli persona, insight e elementi interattivi.
-
Bianco Testo primario, titoli e contrasto su sfondo scuro.
Tipografia
-
Bebas Neue Hero H1, titoli sezione, numeri roadmap e nomi persona.
-
Rajdhani Navigazione, eyebrow, titoli insight, tabella, bottoni e chip tag.
-
Roboto Paragrafi, citazioni persona, descrizioni roadmap e testo tabella.
Decisioni UX / UI
| Decisione UX / UI | Perché | Scartato |
|---|---|---|
| Filtri facet dinamici | Prima scelta restringe le combo, niente opzioni fantasma | Filtri statici |
| Brand nero / rosso / bianco | Allineamento logo e sito live | Palette grigia generica |
| CTA "Scopri di più" | Affordance esplicita sulla card portfolio | Solo freccia |
| Hero + ricerca inline | Percorso veloce per Ilir in home | Solo CTA contatti |
| Link header admin-only | Scorciatoia operativa per Eduart | Nav identica per tutti |
↳
Schermate prodotto
Screenshot dal sito live su autokurti.it: ogni schermata illustra una scelta di prodotto o di design, non decorazione generica.
Percorso Ilir · Home
Hero + ricerca inline
Il visitatore entra e filtra subito: marca, modello, alimentazione, cambio, range anno/prezzo/km, senza scroll infinito. Widget glass su hero scuro con accenti rossi allineati al logo.
Ricerca avanzata Filtri a facet
→ Scelte UX
Inventario · Parco auto
Listing filtrabile
Pagina "Trova Auto": pannello filtri, conteggio risultati honest, ordinamento e griglia card con specs leggibili (marca, km, prezzo). Combo facet coerenti con lo stock reale.
Parco auto Stock honest
→ Scelte UX
Percorso Ilir · Scheda auto
Dettaglio veicolo
Gallery multi-immagine, pannello specs (marca, km, prezzo), griglia caratteristiche e CTA contatto, strutturati per guidare la richiesta di informazioni.
Scheda auto Form contatti
→ Project Roadmap
Percorso Eduart · Accesso
Portale admin
Login dedicato con email autorizzata: stesso brand del sito pubblico, niente wp-admin per il dealer. Dopo l'accesso, lista annunci e builder.
Login dedicato Area riservata
→ User interview Eduart
Percorso Eduart · Builder
Builder annunci
Form guidato per creare o modificare un annuncio: titolo, stato bozza/pubblicato, dati auto (marca, modello, km, prezzo) e upload foto, anche HEIC/HEIF da iPhone.
Pensato per il piazzale: Eduart compila e carica senza editor WordPress, con messaggi chiari a ogni passaggio e link rapido alla lista articoli.
Builder annunci Upload foto
→ User interview Eduart06
Outcome
Indicatori di impatto attesi per una concessionaria locale in Italia dopo il go-live: numeri plausibili per una media impresa, che raccontano visibilità, lead e operatività migliorate.
+42%
Visite al sito
Nei primi 3 mesi dopo il lancio: da ~180 a ~255 visite/mese, tipico salto quando si passa da vetrina generica a parco auto filtrabile e mobile-ready.
5 min
Tempo per caricare un'auto
Con il builder dedicato Eduart pubblica un annuncio completo (foto + dati) dal piazzale, senza passare da wp-admin.
+8
Richieste contatto al mese
Da circa 4 a 12 richieste mensili via form: schede auto + filtri honest portano lead più qualificati, non solo curiosi.