PopBlock: il branding che non chiede permesso
Un'agenzia di branding fondata da tre amici con una regola sola: se non fa girare la testa, non esce dallo studio. Colori che urlano, griglie che si rompono e un'energia che non si può contenere in un template. Abbiamo costruito il sito che meritavano.
La sfida
PopBlock è nato nell'estate del 2023 da Luca, Sara e Matteo — tre designer sotto i trent'anni con background diversi (grafica editoriale, motion design, packaging) uniti da un'estetica comune: il neo-brutalismo. Bordi netti, colori saturi, ombre dure, tipografia che occupa spazio senza scusarsi.
Il loro portfolio cresceva rapidamente — brand di streetwear, festival musicali, startup tech con attitudine punk — ma il sito era un Notion condiviso con un link. Funzionava, ma non comunicava nulla dell'energia che definisce PopBlock.
Luca ci ha scritto un briefing di tre parole: "Loud. Bold. Fun." Non serviva altro.
Il nostro approccio
1. Neo-brutalismo come sistema, non come estetica
Il neo-brutalismo non è "metti bordi neri e colori pastello". È un sistema di design con regole precise: bordi solidi (3px), ombre dure senza blur (6px offset), colori piatti senza gradienti, tipografia display oversize. Abbiamo codificato queste regole in un design system coerente che funziona su ogni dispositivo e dimensione.
2. Palette cromatica da pop art
Viola lavanda, verde menta, rosa pastello, giallo banana, arancione caldo — la palette di PopBlock sembra uscita da una galleria di Andy Warhol. Ma non è casuale: ogni colore ha un ruolo funzionale. Il viola è l'accento primario, il verde i CTA, il rosa gli highlight, il giallo le sezioni informative.
3. Animazioni con personalità
Le transizioni di PopBlock non sono fluide ed eleganti — sono scattanti, rimbalzanti, con quel timing leggermente "sbagliato" che le rende memorabili. Un bottone al hover non si illumina — si sposta di 2px e l'ombra si accorcia, come se lo stessi premendo fisicamente. Ogni interazione ha un feedback tattile, anche su schermo.
Il processo creativo
Comprendere l'energia
Abbiamo chiesto ai tre fondatori di mandarci la loro playlist di lavoro, i brand che ammirano, i meme che condividono in chat. Sembra poco professionale? È il metodo più efficace che conosciamo per capire il tono di un brand. PopBlock ascolta Tyler the Creator mentre lavora e ammira il branding di Liquid Death. Questo ci ha detto tutto.
Design e sviluppo
- Font display: Unbounded — rounded, bold, impossibile da ignorare. Per il monospace: Space Mono, che aggiunge un tocco retro-tech
- Card con ombre dure — 6px di offset nero solido, nessun blur. L'effetto è un look "ritagliato", come collage di carta
- Hover con shift fisico — al passaggio del mouse, gli elementi si spostano di 2px e l'ombra si riduce. Sembra di premere un pulsante reale
- Layout a blocchi asimmetrici — la griglia esiste ma viene intenzionalmente violata. Alcuni elementi sporgono, altri si sovrappongono. Il caos è controllato
Il dettaglio che tutti notano: i tag delle sezioni hanno un effetto "sticker" — bordo nero, sfondo colorato, leggera rotazione casuale. Come adesivi appiccicati a mano su un quaderno. È un micro-dettaglio che costa 3 righe di CSS ma che definisce l'intera personalità del sito.
Esplora il progetto
Naviga il sito completo direttamente qui, in versione desktop o mobile.
I risultati
Il giorno del lancio, Sara ha postato il link su Instagram con la caption "Il nostro sito fa più rumore dei nostri lavori." In 48 ore, tre nuovi clienti li hanno contattati citando il sito come motivo del contatto. Luca ci ha scritto: "Avete capito PopBlock meglio di quanto lo capiamo noi."
Cosa abbiamo imparato
PopBlock ci ha insegnato che il neo-brutalismo funziona solo quando è intenzionale. La differenza tra un sito brutalista e un sito brutto è la coerenza interna: ogni "regola rotta" deve seguire un pattern. Il caos visivo di PopBlock non è casuale — è coreografato come un assolo jazz: sembra improvvisato, ma ogni nota è al posto giusto.
Tecnicamente, è stato il progetto dove abbiamo usato meno CSS in assoluto: niente gradienti, niente ombre complesse, niente blur. Solo colori piatti, bordi netti e posizionamento preciso. A volte, la semplicità tecnica produce i risultati visivi più d'impatto.
Risultati Misurabili — PopBlock Studio
Confronto performance e business metrics prima e dopo il lancio del nuovo sito.
Animazioni CSS-only (zero librerie JS esterne). Performance misurate con PageSpeed e GA4.
Servizi WebNovis coinvolti nel progetto
Il branding neo-brutalista di PopBlock Studio dimostra come un’identità audace possa restare coerente su ogni superficie.
- Brand identityLogo, colori e linee guida per un’identità riconoscibile e coerente.
- Graphic designMateriali visivi coordinati con l’identità del progetto.
Domande frequenti su un progetto simile
Quanto costa realizzare un sito simile?
I prezzi di catalogo WebNovis partono da 500 € per una landing page, 1.200 € per un sito vetrina e 3.500 € per un e-commerce completo. Ogni progetto viene quotato sul perimetro reale con un preventivo gratuito.
Quanto tempo richiede un progetto come questo?
Le stime indicative sono 1-2 settimane per una landing page, 2-3 settimane per un sito vetrina e 4-6 settimane per un e-commerce. Dipendenze, revisioni e integrazioni possono modificare il calendario: i tempi confermati arrivano con la proposta.
Lavorate anche nella zona della mia attività?
Sì. La base operativa è a Rho, nell’hinterland ovest di Milano, e il lavoro viene gestito da remoto con clienti in tutta Italia: dal preventivo alla consegna, tutto il processo si svolge online.
Vuoi un risultato simile per la tua attività? Richiedi un preventivo gratuito.
Vuoi un brand che non passa inosservato?
Raccontaci il tuo progetto. Il preventivo è gratuito e senza impegno.
Richiedi Preventivo