Da un sito di occhiali alla newsletter approvata.
Ogni schermata viene dall'app, non da un mockup.
Abbiamo inventato un marchio, gli abbiamo fatto le foto e il sito, e l'abbiamo dato a Sumipost come farebbe un'agenzia con un cliente vero.
Foto di Brezza generata con l'AI
Brezza, occhiali fatti a mano a Genova.
Acetato limato a mano in una bottega di via del Campo, la costa ligure in ogni foto, un tono caldo che dà del tu. A novembre esce la collezione Levante, e serve la newsletter di lancio.
- Mare
#12324A - Corallo
#D9573B - Sabbia
#E9DCC6 - Panna
#F8F3EA - Inchiostro
#1B1B1B
Playfair Display per i titoli, Work Sans per il testo
Brezza non esiste: marchio, sito, logo e testi sono nostri, le foto sono generate con l'AI.
Dal sito all'approvazione, passo per passo.
Le schermate vengono dall'area di lavoro di Sumipost in sviluppo, con un account di prova.
-
// Passo 01
Il sito del cliente
Il sito di Brezza dice già tutto: un blu mare, un corallo per agire, un serif da rivista. Si parte da qui, senza compilare un brand book.
-
// Passo 02
L'agente legge il marchio
Apre la pagina come un browser vero, misura i colori che si vedono, riconosce i caratteri e trova il logo. Quello che non può sapere lo scrive, invece di inventarlo: qui avvisa che Work Sans nelle email non si vede ovunque.
-
// Passo 03
Il grafico ha l'ultima parola
Colori, caratteri, angoli, peso dei titoli, voce e parole da non scrivere mai: tutto in un pannello. Per Brezza l'accento dorato, ricavato dal corallo, è diventato sabbia; e «sconto» non si scrive.
-
// Passo 04
Sei template, già suoi
Dal marchio nascono sei strutture: editoriale, vetrina, minimale, immagine grande, evento, notiziario. Il logo è al suo posto, i pulsanti hanno la sua forma.
-
// Passo 05
La newsletter, nell'editor
Si lavora sulla tela, blocco per blocco, con le foto della campagna. Quello che non si vuole fare a mano si chiede all'agente, a parole, nella chat.
-
// Passo 06
I controlli prima di mandare
Abbiamo sbagliato apposta: una versione che parla di sconto, perde la frase obbligatoria e mette un venerdì dove il calendario dice sabato. Sumipost blocca i problemi gravi prima che li veda il cliente.
-
// Passo 07
Il cliente approva con un link
Chiara, di Brezza, apre un link senza account, commenta le parti dell'email e approva. Ogni commento resta attaccato alla sezione di cui parla.
-
// Passo 08
Le immagini, nello stesso posto
Il titolo sulla foto con i caratteri del marchio, contrasto e leggibilità sul telefono misurati mentre scrivi, e l'agente a cui chiedere un ritocco a parole.
-
// Passo 09
Tutto sulla scrivania
Cosa aspetta il cliente, cosa è approvato, cosa riprendere. Ogni marchio al suo posto, anche quando sono venti.
La newsletter di Levante, come la riceve chi è iscritto.
Approvata da Chiara, pronta da esportare: MJML pulito, HTML per i client di posta, oppure uno ZIP con le immagini. Il codice resta tuo.
- MJML
- HTML
- ZIP