From an eyewear website to the approved newsletter.
Every screen comes from the app, not from a mockup.
We invented a brand, made its photos and its website, and handed it to Sumipost the way an agency would with a real client.
Brezza photo, AI-generated
Brezza, eyewear handmade in Genoa.
Acetate filed by hand in a workshop on via del Campo, the Ligurian coast in every photo, a warm voice that speaks to you directly. In November the Levante collection comes out, and it needs a launch newsletter.
- Mare
#12324A - Corallo
#D9573B - Sabbia
#E9DCC6 - Panna
#F8F3EA - Inchiostro
#1B1B1B
Playfair Display for headings, Work Sans for text
Brezza doesn't exist: brand, website, logo and copy are ours, the photos are AI-generated.
From the website to approval, step by step.
Screens come from Sumipost's workspace in development, with a trial account and the interface in English. The image editor is still being translated, so step 8 has no screen yet.
-
// Step 01
The client's website
Brezza's website already says it all: a sea blue, a coral for actions, a magazine serif. This is where we start, with no brand book to fill in.
-
// Step 02
The agent reads the brand
It opens the page like a real browser, measures the colours you actually see, recognises the typefaces and finds the logo. What it can't know, it says instead of making it up: here it warns that Work Sans won't show in every email client.
-
// Step 03
The designer has the last word
Colours, typefaces, corners, heading weight, voice and words never to write: all in one panel. For Brezza the golden accent, derived from the coral, became sand; and «discount» is off limits.
-
// Step 04
Six templates, already theirs
Six structures come out of the brand: editorial, showcase, minimal, big image, event, bulletin. The logo is in place, the buttons have its shape.
-
// Step 05
The newsletter, in the editor
You work on the canvas, block by block, with the campaign photos. Whatever you'd rather not do by hand, you ask the agent for, in words, in the chat.
-
// Step 06
Checks before sending
We got it wrong on purpose: a version that talks about a discount and drops the mandatory line. Sumipost blocks serious problems before the client sees them.
-
// Step 07
The client approves with a link
Chiara, from Brezza, opens a link with no account, comments on parts of the email and approves. Each comment stays attached to the section it's about.
-
// Step 08
Images, in the same place
The heading on the photo in the brand's typeface, contrast and phone legibility measured as you type, and the agent to ask for a touch-up in words.
The image editor is still being translated into English: this screen will follow when it is done.
-
// Step 09
Everything on the desk
What the client is waiting for, what's approved, what to pick up. Every brand in its place, even when there are twenty.
The Levante newsletter, as subscribers receive it.
Approved by Chiara, ready to export: clean MJML, HTML for email clients, or a ZIP with the images. The code stays yours.
- MJML
- HTML
- ZIP