PHP · Progetto universitario
BlogOwl nasce come progetto universitario per un esame di PHP. Accanto al lavoro sulle funzioni del blog, ho dedicato molta attenzione alla grafica: volevo distinguere contenuti, navigazione e comandi senza riempire ogni parte dello schermo.
Ho lavorato su colonne di lettura contenute, margini ampi e componenti arrotondati. I menu laterali raccolgono le azioni e si aprono quando richiesti. I temi permettono di cambiare il carattere visivo dei blog, mantenendo una struttura comune per orientarsi.
Il viola identifica l’interfaccia principale. Il marchio e le illustrazioni presenti nel sito accompagnano accesso, creazione e gestione dei contenuti.
Il gufo stilizzato, viola e nero, affianca il nome BlogOwl. È un segno compatto che rimane leggibile nella barra superiore.
Una figura davanti a una porta accompagna l’accesso. La scena usa pochi colori, con il viola che richiama i pulsanti principali.
Quattro piccole anteprime mostrano il cambio di colore e di carattere: viola, bianco e nero, blu e verde. La scelta del tema diventa visibile prima di applicarla.
Il viola appartiene all’interfaccia di base; nero, blu e verde identificano le varianti dei blog.
Uno spazio per le tue storie.
Leggi, scrivi, ritrova i tuoi post.
Un diario da sfogliare.
Idee da condividere.
Una voce personale.
I temi modificano anche il carattere dei titoli: dal registro editoriale di Playfair Display alle forme più giocose di DynaPuff, fino a Syne.
Ho lasciato spazio tra i blocchi e limitato la larghezza dei contenuti principali. Fondo chiaro, superfici bianche e bordi leggeri distinguono le aree senza usare un colore diverso per ogni elemento. Il viola guida l’attenzione verso le azioni principali.
Navigazione, account e creazione dei contenuti sono raccolti in pannelli dedicati. Spostare questi comandi fuori dalla colonna centrale permette di mostrarli quando servono e di lasciare più spazio alla lettura quando sono chiusi.
Le varianti cambiano colori, sfondi e font dei titoli. Ho mantenuto componenti e organizzazione comuni, così da sperimentare identità diverse per i blog senza dover riprogettare ogni schermata.
Il lavoro nasce per l’esame PHP. La versione conservata nel portfolio è una dimostrazione nel browser con dati gestiti in JavaScript: consente di esplorare l’interfaccia, mentre questo studio si concentra sulle scelte grafiche del progetto universitario.
BlogOwl è stata l’occasione per affiancare allo sviluppo un lavoro più consapevole sull’interfaccia: stabilire cosa lasciare visibile, cosa raccogliere in un pannello e quanto spazio dare al contenuto.