Redesign Limes

Overview

Redesign completo del sito web di Limes, rivista italiana di geopolitica facente parte di GEDI. È stata fondata nel 1993 da Lucio Caracciolo, che la dirige. La rivista esce ogni mese ed è disponibile online, in edicola, in libreria, in ebook e su iPad.

La scelta di lavorare su Limes nasce anche da un interesse personale: lavoro tra editoria e design, con l'obiettivo di rendere accessibili e curati i modi in cui comunichiamo (anche) cultura. Durante il mio percorso personale, ho imparato che chiunque maneggi le parole per lavoro, deve sporcarsi le mani con la grafica. E che la qualità di un contenuto non è indipendente dalla qualità della sua interfaccia.

Un secondo elemento ha orientato la mia scelta: Limes promuove sia l'utilizzo della loro app, sia la Scuola di Limes, un programma formativo nato nel 2021 e rivolto a studenti universitari e under 35. Esiste quindi un pubblico giovane che si avvicina alla geopolitica attraverso questa rivista, ma che oggi si trova davanti a una piattaforma che non dialoga con le sue abitudini digitali.

1. Problems - Needs - Solutions

PROBLEMS
Il sito di Limes presentava una navigazione confusa, con naming poco intuitivi e sovrapposti che rendevano difficile orientarsi anche per lettori abituali. Sul piano visivo, l’identità era data ta e poco coerente con il posizionamento autorevole della rivista: il logo non era distintivo, la tipografia poco leggibile, la gerarchia tra contenuti gratuiti e premium assente. La mancanza di alcune funzionalità come dark mode, zoom, ricerca intelligente, lista preferiti e condividi articolo, inficiava l’esperienza di lettura.

NEEDS
Gli utenti avevano bisogno di una navigazione chiara e intuitiva, capace di guidarli anche alla prima visita. Sul piano visivo, era necessaria un’identità forte e riconoscibile, capace di co municare autorevolezza senza rinunciare alla leggibilità. L’esperienza di lettura doveva essere f luida su desktop e mobile, con distinzione chiara tra contenuti gratuiti e premium.

SOLUTIONS
Ho ricostruito completamente la sitemap e aggiunto tutte le funzionalità mancanti ex novo. Il paywall è diventato soft inline, capace di accompagnare l’utente senza interrompere la let tura. Per l’identità visiva ho riprogettato il logo semplificando il marker Canali affiancato dal sistema tipografico Neue Haas Grotesk e Cardo. Le scelte progettuali sono state validate con prototipi interattivi e user testing su Maze.

2. Wireframe e prototipazione

Dopo aver costruito i wireframe mid-fidelity in scala di grigi, li ho "animati" trasformandoli in prototipi interattivi desktop e mobile, con particolare attenzione a griglia, tipografia, controlli UI, user flow e iconografia. Per creare i wireframe e i prototipi mi sono affidata a Figma, testando poi l'interfaccia con utenti reali.

3. Brand guidelines

Ho creato Brand Guidelines per Limes, ideando e sviluppando un logo, una color palette e una scelta di font per la comunicazione del brand, un icon pack coerente con lo stile del magazine, oltre alle grafiche social per Instagram, Facebook e YouTube.

Per ricostruire il logo, ho cercato qualcosa che fosse già presente nel sistema visivo di Limes, ma non fosse mai stato elevato a simbolo. La risposta l'ho trovata nelle mappe parlanti di Laura Canali: un marker cartografico preciso, fatto di tre cerchi concentrici con un punto centrale — quello che in cartografia professionale si chiama bull's-eye marker o target symbol. Ho preso quel marker, l'ho semplificato e trasformato in logo, sostituendo il puntino della "i" minuscola di Limes.

Approfondisci il progetto

• Wireframe mid-fidelity
• Prototipi Desktop
• Prototipi Mobile
• User test