Dynamick Web [Design,Marketing,SEO]

Restyling grafico di DynamicK: il blog che diventa portale

21 apr 2007 | Scritto da 24

foto Restyling grafico di DynamicK: il blog che diventa portaleNasce 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

foto Restyling grafico di DynamicK: il blog che diventa portaleLa 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

foto Restyling grafico di DynamicK: il blog che diventa portaleIl 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.
foto Restyling grafico di DynamicK: il blog che diventa portaleL’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

foto Restyling grafico di DynamicK: il blog che diventa portaleL’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.


24 commenti Aggiungi un commento

  1. Izzyweb

    Veramente bello questo template,
    se mi fate un po di sconto lo potrei comprare, per il mio Wp


  2. ricki

    bel template complimenti ;)


  3. Federiko Aka The Killer

    Ho un idea, aggiungimi a msn/gtalk con l’email che ho inserito che parliamo ;)


  4. Alberto

    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!


  5. Antonio

    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!


  6. Mick

    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!


  7. claudio

    davvero complimenti.
    il restyling è a dir poco azzeccato!


  8. Pugia

    Si, infatti ora funziona, complimenti!!!


  9. davide diploD

    Davvero un lavoro eccezionale, complimenti.
    Sarebbe interessante anche capire quali sono i plugin che hai utilizzato (voti sui post, tag, articoli correlati, avater, ecc..)


  10. massimiliano

    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.



  11. Julius

    Veramente bello, chiaro e pulito, complimenti!


  12. MarioMiX

    Complimenti!
    Ormai mi ero affezionato alla linea da ritagliare… ma il nuovo aspetto grafico è davvero molto bello e valorizza tutti gli spazi della pagina. :-)


  13. Nico

    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.


  14. Mik

    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?


  15. Mick

    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).


  16. Mik

    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 :).


  17. Mick

    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!


  18. Pugia

    Sono solo io che non vedo la nuova versione? Mi appare con il tema classico di wordpress…


  19. DesMM

    Bravo Michele sono piacevolemente sbalordito!
    Ci sono tanti aspetti davvero originali, complimentissimi!


  20. Daniele

    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ì! :-)


  21. Il Fornaio

    Molto bello, complimenti


  22. pluto8

    bello ! mi piace questo cambiamento


  23. Tony Siino

    In bocca al lupo per il nuovo corso di DynamicK. :)


Aggiungi un commento





Seguimi su Facebook

Scarica gratis eBook

Scarica gratis il mio eBook
"Scrivere in Googlese",

guida pratica per imparare a
scrivere come piace a Google.

econtent per google

Get in Touch!

Scarica la Toolbar di Dynamick e mantieniti aggiornato sulle ultime notizie e gli ultimi commenti sul sito.

...oppure ricevi via email gli articoli di Dynamick

iscriviti via email

Scrivimi

Michele Gobbi
Web Developer
Verona, Italy

Vuoi acquistare spazi pubblicitari? Vuoi un preventivo per un sito web o un blog? Contattami!