Nasce oggi il nuovo DynamicK grazie a un restyling che oltre a cambiarne l’aspetto grafico lo promuove a web-zine, cioè un portale di informazione sul mondo del web.
Ora vi voglio spiegare quali sono state le linee guida che mi hanno ispirato e che mi hanno portato a definire il concept del nuovo DynamicK. Tutto il progetto è stato incentrato nel voler dare un’immagine di maggiore autorevolezza, pur mantendo sempre l’idea di un sito fresco e pulito. Il risultato dovrà essere un’interfaccia efficace, che possa cioè far navigare l’utente tra i contenuti del sito in modo agevole ed efficace, appunto!
Autorità
Per infondere "imporanza" e "prestigio" si è scelto un template a 3 colonne, tipico delle strutture a portale. L’home page, gli archivi e le categorie mantengono questa struttura, ricca di informazioni. Le pagine interne degli articoli invece si presentano a 2 colonne per dare maggior risalto al testo dell’articolo. La colonna di sinistra presenta un colore di sfondo grigio per aiutare l”utente durante la lettura del testo nella colonna centrale: è infatti molto importante dare all’occhio un riferimento che lo aiuti a capire l’inizio di una riga, evidenziato appunto, dal grigio della colonna di sinistra.
Freschezza
Lo sfondo bianco è un must per portali di informazione, perchè non appesantisce la lettura, non distrae, non annoia e anche perchè l’utente lo associa facilmente alla carta dei quotidiani cartacei. I colori scelti per i collegamenti ipertestuali sono forti: l’azzurro e lo scarlatto.
Un tocco New Age
La testata presenta un tema naturale che richiama il cielo e un prato verde, per tranquillizzare il visitatore. E’ evidente che richiami all’ambiente come le nuvole e l’erba stimolino il visitatore per farlo sentire a proprio agio e infondere una generale sensazione di relax.
Nuovo Logo
Il logo è stato ridisegnato. Se in origine la suddivisione del nome era Dyna e Mick, un gioco di parole usando il nick dell’autore, ora, per dare maggior autorità al sito si è scelto di renderlo meno "personale". Ecco dunque che la rielaborazione del logo ha portato a Dynamic e K (letta all’inglese, Key), ovvero "chiave dinamica". Per denotare maggiormente le tematiche del sito, lo slogan riportato in testa al nome è diventato: "internet news".
Ordine e struttura di navigazione
Spesso nei blog le notizie hanno un egual peso e nell’home page gli articoli sono mostrati in sequenza, creando una pagina molto lunga. Il nuovo DynamicK dà maggior rilievo alle ultime notizie che sono presentate con titoli e immagini più evidenti. Per far questo è stata necessaria la creazione di un nuovo plugin per WordPress, Image Extractor.
L’idea di creare una rivista online ha comportato la riorganizzare del modello di navigazione, utilizzando le categorie di WordPress come menu di navigazione principale. Anche in questo caso è stato necessario lo sviluppo di un nuovo plugin che permettesse questo tipo di navigazione.
Design a griglia
L’articolo di Wilson Miner "Setting type on the web to a baseline grid" ha ispirato profondamente il restyling di DynamicK. L’ordine geometrico che troviamo nelle riviste cartacee è dato da una griglia verticale che scandisce gli elementi della pagina. Nel web è possibile ricreare tutto questo, scegliendo l’altezza base di una riga (nel mio caso 18px) e riutilizzando questa misura per dimensionare verticalmente ogni oggetto della pagina web (18px e i suoi multipli). Così facendo le righe tra colonne diverse saranno allineate e le spaziature tra gli elementi della pagina saranno consistenti e proporzionate.
Conclusioni
Questo è la summa dei miei pensieri e delle mie idee. Ho voluto spiegarle con la maggior chiarezza possibile perchè possano diventare motivo d’ispirazione o perchè possano essere criticate e discusse. E’ fuor di dubbio che saranno i vostri commenti ad aiutare il nuovo sito a crescere, convinto del fatto che le scelte sono opinabili e migliorabili. Come ha dimostrato la nuova era del web sarà l’utente a decidere il successo o il fallimento di un progetto web.
Sei interessato ad acquistarlo?
Se ti piace questo template e vuoi poterlo utilizzare per il tuo blog, contattaci. Ti possiamo inviare il pacchetto da installare oppure è possibile richiedere un’installazione personalizzata direttamente sul tuo blog.
Il pacchetto comprende il layout grafico (wp-contents/themes/dynamick2/) e tutti i plugin utilizzati su DynamicK (/wp-contents/plugins/). Non comprende lo studio grafico del logo, e non comprende le personalizzazioni delle categorie (icone, descrizioni, ecc…).
Il costo complessivo è di 100 euro per il layout+plugin. Se sei interessato, contattami.
scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:100px; height:27px;” allowTransparency=”true”>
Veramente bello questo template,
se mi fate un po di sconto lo potrei comprare, per il mio Wp
bel template complimenti ;)
Ho un idea, aggiungimi a msn/gtalk con l’email che ho inserito che parliamo ;)
Mi ero dimenticato di darti un commento e, quando ho visto il mio articolo (sulle adsl che non vanno di pomeriggio) online, mi è subito tornato in mente quindi eccomi.
Trovo il nuovo layout veramente efficace e professionale!
UAO complimenti per il restyling e per l’articolo davvero esaustivo sulle intenzioni e le finalità del tuo nuovo portale.
Ti faccio i miei più sentiti auguri!
X Nico: grazie per il consiglio. Ho già dato un’aggiustata seguendo le tue indicazioni.
X Massimiliano: Ciao Max, oramai sei diventato un lettore assiduo di DynamicK, questo mi rende più che orgoglioso!!! L’esperimento che ho fatto è stato appunto incentrato sul rendere più ricco di contenuti il sito. Ho fatto bene o male, questo ancora non lo so. Vi terrò aggiornati sui risultati di questa scelta.
X Diplod: Mi hai dato un ottimo suggerimento per uno dei prossimi articoli che scriverò: i plugin utilizzati su questo sito.
Grazie comunque a tutti per gli ottimi consigli, gli incoraggiamenti e la stima che mi avete dimostrato. Un grosso grazie!
davvero complimenti.
il restyling è a dir poco azzeccato!
Si, infatti ora funziona, complimenti!!!
Davvero un lavoro eccezionale, complimenti.
Sarebbe interessante anche capire quali sono i plugin che hai utilizzato (voti sui post, tag, articoli correlati, avater, ecc..)
Ciao Mick, complimenti per il lavoro.
Tra le varie cose interessanti che ho visto e letto … ho notato l’impaginazione degli articoli nella home. Quelli più “vecchi” visionabili stanno in basso a gruppi di due in linea con box più piccole. Ormai puoi fare concorrenza a repubblica.it et similia. ;-)
Mi piacerebbe ci fosse una box più grande per inserire i commenti.
Un’ultima considerazione personale … il sito è ricco di tante cose … forse troppe. Ma non so ancora dirtri se la considerazione, che è tutta mia, sia positiva o negativa. Ti dirò su dynamick.it, naturalmente.
[...] Dynamick.it Web design: restyling grafico di DynamicK, il blog che diventa portale. [...]
Veramente bello, chiaro e pulito, complimenti!
Complimenti!
Ormai mi ero affezionato alla linea da ritagliare… ma il nuovo aspetto grafico è davvero molto bello e valorizza tutti gli spazi della pagina. :-)
ciao mick, complimenti!
molto bello il layout e in generale l’aspetto dei contenuti. mi piace in particolar modo la visualizzazione dei commenti, sobria e pulita. L’unica cosa che mi lascia un po’ perplesso è l’uso del rosso. In alcuni punti, a mio avviso, stona un po’.
Nel complesso, pero’, un lavoro da 9 in pagella! :)
/n.
Avevo intuito l’utilizzo della mappa termica di google, hai seguito le indicazioni in dettaglio.
Nel caso potresti segnalare sul tuo blog se questo tipo di impostazioni andranno ad aumentare i tuoi introiti?
Anche il mio blog è in hosting su aruba, fin’ora non mi dato nessun problema particolare.
Pensando che i tuoi accessi continueranno ad aumentare, hai in progetto anche di cambiare server o ti trovi bene con Aruba?
Grazie per l’incoraggiamento! Sostanzialmente quello che mi ha fatto scegliere il posizionamento degli annunci AdSense è la mappa termica che la stessa guida di Google fornisce (http://www.google.ch/support/adsense/?fulldump=1#17954).
I miei complimenti per questo nuovo restyling, ottima l’architettura dell-informazione e l’uso avanzato di wordpress e dei suoi plug in.
A proposito del plug in riguardo la nuova navigazione di Dynamick.it, hai la possibilità di renderlo scaricabile?
Posso chiederti come hai scelto il posizionamento degli annunci di google?
Mi sembra una scelta molto oculata.
In bocca al lupo :).
Hai ragione Pugia, il sistema ha sostituito il nuovo template con quello “default”. Ovviamente Aruba ha smesso di far funzionare i suoi database per 30 minuti proprio oggi che il nuovo sito è online. Spero che ora funzioni normalmente!
Sono solo io che non vedo la nuova versione? Mi appare con il tema classico di wordpress…
Bravo Michele sono piacevolemente sbalordito!
Ci sono tanti aspetti davvero originali, complimentissimi!
Caspita, davvero complimenti un bellissimo lavoro. Piacerebbe anche a me fare una cosa simile con il mio sito ma non sono in gamba come te sulla realizzazione dei siti. Continua così! :-)
Molto bello, complimenti
bello ! mi piace questo cambiamento
In bocca al lupo per il nuovo corso di DynamicK. :)