Discovery & Archetipi
In revisioneRivedi l’archetipo di marca, la direzione font & palette e il flusso delle sezioni: la tua approvazione fissa le basi strategiche del sito.
1 · Analisi archetipica
Personalità del brand e posizionamento di mercato.
Archetipo primario: Mago + Saggio
Il Mago trasforma, e qui la trasformazione si vede da vicino, nei volti e nelle mani di persone e macchine che lavorano insieme. Il marketing che un titolare rimanda da mesi diventa un processo che lavora ogni giorno, in piena luce, sotto gli occhi di chi lo compra. Il Saggio tiene il registro della prova, cioè fonti approvate e numeri con periodo e fonte.Posizionamento di mercato
Marketing Hackers vende consulenza e marketing di livello da grande agenzia, con un abbonamento al posto dei singoli lavori. La differenza sta nel processo. Agenti AI cercano, leggono, analizzano e scrivono ogni giorno, 24/7, e persone esperte decidono direzione, gusto e strategia. Il sito mostra questo processo invece di descriverlo e porta come prova i lavori con i loro numeri, per esempio Vivi Cortona con 403 clic dal 16 luglio al 10 agosto 2026. Rispetto alle agenzie tradizionali non cambia la competenza, cambia quanto lavoro si riesce a fare ogni mese. Il primo passo è una consulenza gratuita con Maia, a voce o per scritto.
2 · Font & palette
Linguaggio visivo e motivazioni di design.
Marketing Hackers
Non sei qui per caso.
Questa pagina è il risultato di un processo in cui intelligenza umana e artificiale lavorano insieme. Te lo facciamo vedere.
Come lavoriamo
Aa
Aa
text
#2E2A26background#F5F2EDprimary#0A6E13secondary#0EF617accent#0B5C12Strategia colore Restrained. Il colore del sito lo portano le foto, l'interfaccia resta quieta e chiara. Il fondo è il bianco caldo #F5F2ED, lo stesso che voyeurverite.com usa per i testi (misurato il 21/10) e vicino al grigio-bianco di sonder.design, mai il bianco pieno. Il testo è un inchiostro morbido #2E2A26, grigio caldo scuro e non nero pieno, 12,7 a 1 sul fondo, quasi il triplo della soglia AA di 4,5 a 1. Il verde del logo #0EF617 ha due soli lavori. Come campo pieno negli inserti da manifesto che scorrono sopra le foto, nelle pillole e negli evidenziatori sotto le parole, sempre con l'inchiostro sopra, 9,6 a 1. Come pulsante nella sua variante leggibile #0A6E13, la stessa tinta del logo scurita, con l'etichetta nel bianco caldo del fondo, 5,8 a 1. Passaggio del mouse e fuoco scendono a #0B5C12, 7,4 a 1. Sul fondo chiaro il verde del logo come testo si ferma a 1,3 a 1, quindi non scrive mai. Link e stati usano l'inchiostro, con sottolineatura, peso e corsivo. Nessun secondo colore funzionale. Niente blu, viola, giallo, arancio o rosso nell'interfaccia. Schema monochromatic sulla tinta 125 del verde del logo, con neutri caldi. Dalle regole del Mago in archetype-palettes.json teniamo lo schema e i limiti, il fondo resta fuori dalla zona beige e i verdi fuori dal verde militare. Le famiglie viola e indaco del Mago restano fuori, perché il primary melanzana è stato bocciato e il verde è un materiale del cliente. Contrasti misurati con la formula WCAG. Caratteri. La direzione è l'accademico fashion. Impaginazione e immagini da rivista di moda, tono e dispositivi da pubblicazione scientifica, cioè note, numeri di figura, fonti e periodi sotto i dati, didascalie. Titoli e numeri in Sofia Sans Condensed di Lettersoup (Botio Nikoltchev, Ani Petrova), un grottesco condensato a peso variabile da 1 a 1000. Lo usiamo fra 800 e 1000 e solo da 32 pixel in su, con le cifre tabellari per i numeri dei lavori. Menu, pulsanti, etichette e didascalie in Sofia Sans, la stessa famiglia a larghezza normale, fra 500 e 700. Testo in STIX Two Text di Tiro Typeworks (John Hudson, Ross Mills, Paul Hanslow), un serif nato per l'editoria scientifica, in 400 e 700 con un corsivo vero. Mont, il carattere del logo, resta nel logo e non entra nel sito. La scelta poggia su due studi. Henderson, Giese e Cote (2004, Journal of Marketing) trovano che la prominenza di un carattere cresce con il peso e cala con grazie e naturalezza, per questo i titoli sono un grottesco condensato pesante. Grohmann, Giese e Parkman (2013, Journal of Brand Management 20(5), studio 3) trovano che sofisticazione, competenza e sincerità crescono con caratteri armonici, naturali e con grazie, per questo il testo è un serif. Nello stesso studio la sofisticazione cala con il peso, per questo il peso pesante resta ai titoli e il testo sta a 400. Lo stesso studio misura che il verde sul nome del marchio abbassa la sofisticazione (p<0,01), per questo il verde resta su pulsanti e richiami. Fra i caratteri gratuiti Sofia Sans Condensed è risultato tra i più vicini, per proporzioni misurate, ad American Grotesk Condensed di Klim, e STIX Two Text il più vicino a Tiempos Text di Klim. È la classe di voyeurverite.com, un grottesco 900 nei titoli e un serif ad alto contrasto altrove. Dall'estetica French New Wave il pairing porta i due registri del cinema d'autore, i cartelli dei titoli in bastoni pesanti che occupano lo schermo e il serif delle riviste di critica dove quei film si discutevano, con il suo umore moderno, ribelle e contemplativo. Come livello la voce più vicina del catalogo è Tiempos Modernist, un serif da testo di Klim con un grottesco per l'interfaccia, la stessa divisione dei ruoli fra STIX Two Text e Sofia Sans. Nessuno dei tre font è usato dai siti della flotta né sta nella lista dei font da non usare come default. Tesi. Pagina bianca calda, primi piani di persone e mani al lavoro girati come un servizio di moda, numeri con fonte come in una rivista scientifica, un solo verde per guidare l'occhio.3 · Flusso delle sezioni
Struttura della pagina e scopo di ogni sezione.
1. Non sei qui per casoUna frase a pieno schermo e nient'altro. Ferma chi arriva e promette che sta per vedere come è stata fatta la pagina che ha davanti.
2. Cosa c'è sottoAllo scroll la pagina si apre e si vede il processo, persone e agenti che lavorano insieme, in movimento al centro di uno spazio bianco caldo e arioso. Qui si dice cosa compri e perché è diverso. L'invito «Come lavoriamo» non apre una pagina, fa scorrere alla tappa 3 con la nube del processo che diventa card.
3. I siti e i risultatiLa nube scende e si apre in un ventaglio di card dei lavori. Vivi Cortona e Living in Rote con periodo e fonte, Deep Tibet «viaggio esaurito» attribuito al cliente, gli altri lavori senza numeri. Link a /lavori, ai singoli lavori e a /servizi/siti.
4. L'innovazione come vantaggioGrandi immagini editoriali e testi brevi che dicono il vantaggio per chi la usa, non la tecnica. Brand book e brand voice, il sito che si modifica parlando con l'AI, discoverability, le possibilità, con i loro link.
Dentro la tappa 4, il LabUn breve passaggio sul laboratorio dove nascono le app che poi entrano nel lavoro per i clienti. Link a /lab.
5. Due stradeDice chi seguiamo. Il marketing per tutte le aziende porta a /servizi, e come si compra lo spiega /abbonamenti. Sentinel, per aziende con un team, porta a /servizi/automazione-aziendale/sentinel.
6. Consulenza gratuita con MaiaIl viaggio finisce qui. Si parla con Maia a voce o per scritto, oppure si usa il form. Link a /audit-gratuito e /contatti.
Fuori dal viaggio, menu e footerAbbonamenti, Campagne, Come lavoriamo, Documentazione, Club, Chi siamo, Domande e pagine legali, raggiungibili da menu e footer e non dalle tappe. Il footer è scritto come le note a piè di pagina di un articolo: note numerate con le fonti e i periodi dei dati citati nella pagina.
Attività
Materiali pubblicati per la tua revisione.
In attesa della tua revisione.
