Patty Concept Website
Sito concept che ho progettato e sviluppato per un burger place di Modena.
La storia
Patty è un burger place di Modena con un'identità di marca davvero forte, e volevo trasformare quell'identità in un sito concept completo, dalla ricerca al frontend online. È un concept, ma è il tipo di esercizio che mi piace di più: prendere un brand reale, studiarlo a fondo e ricostruirne la presenza digitale da zero con la stessa cura di un progetto cliente.
Tradurre, non inventare
La prima parte è stata pura ricerca. Sono passato dal loro Instagram e ho tirato fuori tutto quello che potevo: il mood, lo stile visivo, i colori, la tipografia, il modo in cui parlano. Il loro brand è così ben definito che non stavo inventando una direzione, la stavo traducendo.
Da lì ho scritto un piccolo design system prima di qualsiasi riga di codice: le osservazioni, le regole che ne sono uscite e le linee guida che il sito doveva seguire. Un colore domina su tutto, il blu cobalto, e il tono è street, rumoroso e premium insieme.
- #0038D3blu cobalto, il colore dominante, ovunque
- #FFD600giallo, per accenti, bottoni e cursore
- #0A0A0Anero, lo sfondo alternativo
- #F5F5F5bianco sporco, il testo sul blu
- #8C8C8Ccemento, per i dettagli neutri
- display: titoli enormi e stretti
- Bebas Neue
- testo: leggibile, un po' tecnico
- Space Grotesk
- corsivo, per un tocco scritto a mano
- Damion
Un sito che si muove come il brand
Il sito si apre su uno schermo tutto blu dove il logo si ingrandisce fino a inghiottire la pagina. Il titolo, "Hamburger is a serious thing", entra una parola alla volta, e un punto giallo segue il cursore e si ingrandisce su tutto quello che puoi cliccare. Tra le sezioni una fascia di testo scorre nei due sensi, e l'header diventa vetro scuro smerigliato appena inizi a scorrere.
- 1
Home
Un hero blu a tutta altezza con la foto della crew tagliata in diagonale, la fascia scorrevole, un assaggio dei burger e un banner di chiusura.
- 2
The Drop
Il menu, chiamato The Drop come un'uscita di abbigliamento: ogni burger è una card da lookbook, con ingredienti e prezzo.
- 3
Crew
I fondatori, in un layout editoriale, ognuno con un ruolo e una riga di presentazione.
Costruito in un giorno
Con le regole scritte, il codice è andato veloce: tutto il sito è passato da un progetto Next.js vuoto alla pagina della crew finita in 17 commit in un solo giorno, con Tailwind e Framer Motion. Gran parte del resto del tempo è andata sul mobile, dove l'hero ha attraversato due concept prima di quello che è andato online.
Galleria
Vuoi qualcosa del genere?
Posso costruire la stessa cosa per il tuo prodotto.
Raccontami cosa hai in mente. Ricevi una risposta in giornata, con uno scope e dei tempi realistici, non una proposta di vendita.