Laptop con la home di plot-books.com: lettere PLOT nere, menu e copertine dei libri

—

Plot Books

Identità visiva dinamica e sito

Branding · Web design · E-commerce

—

Plot Books è una casa editrice indipendente di fotografia e narrativa, fondata da Noris Cocci e Stefano Squarcia. Ho disegnato il marchio e il suo sistema visivo, poi ho costruito il sito su WordPress e il negozio con WooCommerce. Il marchio non ha un'immagine sua: prende quelle dei libri, e cambia con il catalogo.

Animazione dell’intro di plot-books.com: la P con una fotografia nella curva, il contatore da 0 a 100, poi le lettere PLOT che compongono la home

Il segno

PLOT è scritto con quattro forme semplici: una P con la pancia tonda, una L a gradino, un cerchio, una T. Nella P c'è il nome, in bianco. A riposo è tutto nero su un fondo chiaro e caldo, senza altri colori: quelli li portano i libri. Plot vuol dire pezzo di terra e anche trama, e le quattro lettere sono quattro pezzi di superficie pronti a prendere un'immagine.

Le lettere

Ogni lettera è una finestra. Ci passi sopra e si riempie con una fotografia presa dai libri in catalogo, ritagliata sulla forma: un cartello stradale nella P, delle scale nella L, un tavolo di backstage nella O, un chitarrista nella T. Ripassi e ne arriva un'altra. Il marchio cambia a ogni passaggio.

Logo Plot Books con le lettere PLOT riempite da una fotografia di scultura dorata

Il marchio si vede anche prima del sito. Mentre le pagine si caricano resta solo la P, al centro, con una fotografia dentro la curva e il nome in bianco; in basso a sinistra un numero grande conta l'avanzamento. Succede solo alla prima pagina della visita: dopo, si entra direttamente.

Il catalogo

Ogni pagina si apre con il suo titolo scritto in grande, a tutta larghezza, come PLOT: Catalogue, About. Sotto, le copertine in griglia con i filtri per collezione. Passando sopra una copertina compare una fotografia dall'interno del libro.

La scheda del libro

Qui il negozio e la scheda tecnica stanno nella stessa pagina. A sinistra la copertina e le fotografie, a destra prezzo, disponibilità e descrizione; sotto, una tabella a righe con autore, testi, editing, progetto grafico, formato, pagine, lingue, tecnica di stampa, tiratura, ISBN. Carrello e account sono quelli di WooCommerce.

Mockup del sito plot-books.com su monitor: pagina catalogo con titolo gigante e copertine dei libri
Mockup della scheda libro di plot-books.com su laptop e smartphone

Il carattere è Archivo, pesante e grandissimo nei titoli, piccolo e fitto nei dati. Sul telefono il sito non cambia idea: le quattro lettere restano in fila, le copertine passano a due per riga. Dietro il rumore e Ventuno, in catalogo, li ho progettati io.

Il biglietto da visita

Il biglietto è un quadrato di 5,5 cm. La P occupa tutta la faccia, con la fotografia dentro la curva e il nome in bianco. Il pittogramma regge anche da solo, senza le altre tre lettere.

Marchio e pittogramma

Il nome può stare da solo, dentro la P o dentro una qualsiasi delle altre lettere, e le quattro lettere possono andare in fila o in quadrato. La P si stacca dal resto e diventa un pittogramma: una cornice per una fotografia, ogni volta diversa.

Pila di biglietti da visita quadrati Plot Books con il pittogramma P riempito da una fotografia
Griglia del pittogramma P di Plot Books riempito da quindici fotografie diverse

Altri progetti

015 — altri progetti