Restyling grafico di DynamicK: il blog che diventa portale
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.
Vuoi ricevere gli ultimi articoli e tenere d'occhio i commenti direttamente sul tuo PC?
Potrai inoltre navigare ascoltando decine di radio on line, accedere a centinaia di TV in streaming e chattare con gli altri visitatori del sito.
Per Windows 2000/XP/Vista/Windows 7. No spyware!
Tag:blogzine, concept, portale, progetto-grafico, restyling
Articoli che potrebbero interessarti...
Restyling di Dynamick: un aggiornamento necessario da tempo
Da oggi è online il nuovo Dynamick, al terzo restyling della sua esistenza. Cambio necessario per il troppo carico sul server che non reggeva più e non rispondeva alle troppe richieste. Vediamo se la situazione migliora...
dynamick, envato, jquery, mysql, restyling, template wordpress, wordpress, wp super cache
Portale di Fotografia
Un portale ricco di informazioni e link a risorse di fotografia. Questo è Gomma, il sito istituzionale di Gomma Magazine, una importante rivista del settore.
Da cosa si riconosce un grafico
Sicuramente nel grafico ideale, i principali aspetti che devono emergere sono, la fantasia e l’estro creativo, dunque la capacità di immaginare nella propria mente, il risultato finale del proprio pensiero.
grafica, grafico, indesign, photoshop, xpress
Google Adsense prova nuove soluzioni su DynaMick
Navigando su DynaMick, ho visto con sorpresa che, in alcune occasioni, nella posizione dove usualmente si trova la scritta "Annunci Google" sui banner Adsense, sono comparsi due logo differenti. Si tratta dell’icona colorata "G"…
google-adsense, logo
Un Dynamick più fresco e veloce
Oggi viene pubblicato un restiling grafico di Dynamick, nella speranza che vi possa piacere e rendere la lettura più piacevole.
dynamick, restyling grafico, server dedicato
Benvenuti su Dynamick!
Ciao,
sei capitato su dynamick, il sito personale di Michele Gobbi. Il sito comprende un piccolo blog (un diario personale) che intendo aggiornare quotidianamente, segnalando le stranezze e i fatti più importanti della giornata.…
24 Commenti
Lascia il tuo commento
Ricerca
Risorse Esterne correlate per "restyling"
-
Tempo di restyling per la home di Ambra dei Bimbi
-
Tempo di restyling per la home di Ambra dei Bimbi
-
ThreadBanger - D.I.Y Fashion & Style
-
New Dress A Day | 365 Days. 365 New Outfits. 365 Dollars.
to save and compare the before and after dresses
-
BeginWeb - Creazione e Restyling Siti Internet - Vi Pubblicizziamo in tutto il mondo
Azienda presente ad Empoli e Firenze specializzata nella creazione e nel restyling di pagine internet per agriturismo, con inserimento nei motori di ricerca e creazione di loghi aziendali.
-
Creazione siti internet
CODENCODE, web agency specializzata in realizzazione siti web dinamici, creazione siti internet accessibili, grafica web e servizi internet. Effettua restyling siti web esistenti offrendo il servizio di analisi e valutazione gratuita del sito.
-
Coop Italia | Studiofluid, Inc.
-
HOW TO: Get Up-to-Date on WordPress 3.0
-
How to: Set Up A Professional Facebook Page | Penn Olson
-
Come personalizzare la grafica di una pagina FaceBook | Italian webdesign
Toolbar
Vuoi ricevere gli ultimi articoli e tenere d'occhio i commenti direttamente sul tuo PC?
Potrai inoltre navigare ascoltando decine di radio on line, accedere a centinaia di TV in streaming e chattare con gli altri visitatori del sito.
Per Windows 2000/XP/Vista/Windows 7. No spyware!
In bocca al lupo per il nuovo corso di DynamicK. :)
bello ! mi piace questo cambiamento
Molto bello, complimenti
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ì! :-)
Bravo Michele sono piacevolemente sbalordito!
Ci sono tanti aspetti davvero originali, complimentissimi!
Sono solo io che non vedo la nuova versione? Mi appare con il tema classico di wordpress…
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!
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 :).
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).
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?
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.
Complimenti!
Ormai mi ero affezionato alla linea da ritagliare… ma il nuovo aspetto grafico è davvero molto bello e valorizza tutti gli spazi della pagina. :-)
Veramente bello, chiaro e pulito, complimenti!
[...] Dynamick.it Web design: restyling grafico di DynamicK, il blog che diventa portale. [...]
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.
Davvero un lavoro eccezionale, complimenti.
Sarebbe interessante anche capire quali sono i plugin che hai utilizzato (voti sui post, tag, articoli correlati, avater, ecc..)
Si, infatti ora funziona, complimenti!!!
davvero complimenti.
il restyling è a dir poco azzeccato!
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!
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!
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!
Ho un idea, aggiungimi a msn/gtalk con l’email che ho inserito che parliamo ;)
bel template complimenti ;)
Veramente bello questo template,
se mi fate un po di sconto lo potrei comprare, per il mio Wp