Caso studio Restyling Sito-Web

Caso studio Millevoci.
Questo sito web possiede una notevole storicità ! ![]()
Il committente aveva bisogno di rinnovare le vesti e le funzionalità del proprio Sito Web storico, senza perdere visibilità, perciò si è reso necessario trasformare un vecchio sito statico in un moderno sito dinamico. L'opzione è caduta sulla scelta del CMS Wordpress, per la semplicità d'uso e grande versatilità, consentendo ora al proprietario di aggiornare i contenuti senza necessità di un tecnico.
Le città nelle quali operiamo da remoto
Abano Terme - Acerra - Acireale - Agrigento - Albenga - Alcamo - Alessandria - Alghero - Altamura - Ancona - Andria - Anzio - Aosta - Aprilia - Ardea - Arezzo - Argenta - Arzignano - Ascoli Piceno - Assemini - Assisi - Asti - Avellino - Avezzano - Bagheria - Bari - Barletta - Bassano del Grappa - Bastia Umbra - Bellaria - Belluno - Benevento - Bergamo - Biella - Bisceglie - Bitonto - Bologna - Bolzano - Brescia - Bressanone - Brindisi - Busto Arsizio - Cagliari - Caltanissetta - Camaiore - Campi Bisenzio - Campobasso - Capannori - Carbonia - Carpi - Carrara - Casalecchio di Reno - Casale Monferrato - Cascina - Caserta - Casoria - Castelfidardo - Castelfranco Emilia - Castelfranco Veneto - Castellammare di Stabia - Castrovillari - Catania - Catanzaro - Cattolica - Cava-de-Tirreni - Cecina - Cento - Cerignola - Cervia - Cesena - Cesenatico - Chiavari - Chieti - Chioggia - Cinisello Balsamo - Città di castello - Cividale - Civitanova Marche - Civitavecchia - Codroipo - Comacchio - Como - Corato - Conegliano - Corciano - Cordenons - Corigliano Rossano - Correggio - Cosenza - Cremona - Crotone - Cuneo - Empoli - Enna - Fabriano - Faenza - Falconara Marittima - Fano - Fasano - Feltre - Fermo - Ferrara - Fidenza - Fiorano - Firenze - Fiumicino - Foggia - Foligno - Forli - Formigine - Francavilla al Mare - Frosinone - Frosinone - Gallarate - Gela - Genova - Giuliano in Campania - Giulianova - Gorizia - Gravina in Puglia - Grosseto - Gubbio - Guidona Montecelio - Iglesias - Imola - Imperia - Isernia - Jesi - Lamezia Terme - Lanciano - L'Aquila - La Spezia - Latina - Latisana - Lecce - Lecco - Legnano - Livorno - Lodi - Lucca - Lugo - Macerata - Manfredonia - Mantova - Maranello - Marano di Napoli - Marsala - Marsciano - Martina Franca - Massa - Matera - Mazara del Vallo - Merano - Messina - Mestre - Milano - Mirandola - Misterbianco - Modena - Modica - Mogliano Veneto - Molfetta - Moncalieri - Mondolfo - Monfalcone - Monopoli - Monselice - Montebelluna - Montesilvano - Monza - Napoli - Narni - Novara - Nuoro - Oderzo - Ogliastra - Olbia - Oristano - Ortona - Orvieto - Osimo - Padova - Palermo - Parma - Paterno - Pavia - Perugia - Pesaro - Pescara - Piacenza - Pinerolo - Piombino - Pisa - Pistoia - Poggibonsi - Pomezia - Pontedera - Pordenone - Portici - Portogruaro - Porto Sant'Elpidio - Porto Torres - Potenza - Pozzuoli - Prato - Quartu Sant'Elena - Ragusa - Rapallo - Ravenna - Recanati - Reggio Calabria - Reggio Emilia - Rho - Riccione - Rieti - Rimini - Roma - Roseto Degli Abruzzi - Rosignano Marittimo - Rovereto - Rovigo - Sacile - Salerno - Salsomaggiore Terme - San Benedetto del Tronto - San Donà di Piave - San Giovanni Lupatoto - San Giuliano terme - Santarcangelo di Romagna - San Lazzaro Savena - Sanremo - San Severo - Sarzana - Sassari - Sassuolo - Savona - Scandiano - Scandicci - Schio - Selargius - Senigallia - Sesto Fiorentino - Sesto San Giovanni - Siena - Siracusa - Sondrio - Spilimbergo - Spoleto - Sulmona - Taranto - Teramo - Termoli - Terni - Thiene - Tivoli - Todi - Tolentino - Torino - Torre del Greco - Trani - Trapani - Trento - Treviso - Trieste - Udine - Umbertide - Urbino - Valsamoggia - Varese - Vasto - Velletri - Venezia - Ventimiglia - Verbania - Vercelli - Verona - Viareggio - Vibo Valentia - Vicenza - Vigevano - Vignola - Vigonza - Villafranca di Verona - Viterbo - Vittoria - Vittorio-veneto- Cliente: Format televisivo Millevoci
- Tipologia progetto: Restyling sito web
- Settore: Comunicazione / Televisione
- Focus: Sviluppo WordPress, UX, coerenza con il brand, rispetto della storicità
- Sviluppo sito web WordPress
- Implementazione frontend e design creato ex novo
- Ottimizzazione UX e navigazione
- Passaggio da ottimizzazione 640 X 480 PX a Desktop-adattivo, ottimizzato per Smartphone
- Correzione sintattica, grammaticale, ulteriore sviluppo a completamento del Copywriting
- Creazione ex-novo della originale struttura di URLs e Links.
- Sviluppo contenuti con numero di immagini che passa dalle ca 15 all'origine, fino a sfiorare il centinaio.
Palette colori
Anche i colori parlano...
Per questo progetto sono stati rispettati requisiti che donassero importanza e centralità ai contenuti e contemporaneamente mantenendo un aspetto sobrio, essenziale, importante.
è un aspetto molto importante nella creazione di un sito-web.
A seconda del tipo di attività promossa o di articolo venduto, nella terapia comunicativa-emozionale e di memorizzazione del branding,
sarà determinante esprimere anche visivamente idee, sapori, personalità... mediante appropriati gruppi o coerenze di colorazioni.
Non possono mancare neanche il nero, il bianco e le scale di grigi. In questo caso, lo sfondo doveva rimanere neutro, austero quanto minimalista, suggerendo concentrazione su immagini e testi.
Obiettivo Nr. uno! Mantenimento della struttura di Link ed URLS originale
Trasformare un sito da statico a dinamico vuoldire in poche parole, rifarlo daccapo. Però questa semplificazione è risultata non fattibile semplicemente sviluppando un nuovo sito Worpress. Non solo i contenuti dovevano rimanere gli stessi (ed essere migliorati) ma, per non perdere visitatori e nemmeno l'indicizzazione delle pagine storiche, anche i link e la struttura degli URL delle vecchie pagine dovevano rimanere i medesimi.
Sì è proceduto creando il Database e poi il template, seguendo a ricreare tutte le pagine una ad una, rispettando sia la strutture degli URL, che la tipologia, dovendo trasformare degli URL.PHP in URLS HTML ed HTM. come gli originali, di modo che gli utenti ed i motori di ricerca potessero ritrovare i medesimi link insieme agli URL identici, anche se destinati ora a pagine completamente nuove.
Obiettivo Nr. due! Adattamento del Logo e preservazione del "Brand"
Il sito web originale, per quanto necessitasse di un restauro generale, possedeva una importante storicità, ed è stato impossibile adattare un logo blu scuro con uno sfondo grigio-nero. La soluzione sì è trovata impiegando il logo alternativo del medesimo Brand, con colorazione lilla (un colore per nulla agevole da gestire ) ma almeno poteva giustamente risaltare in tutte la pagine con sfondo scuro, il quale tono austero, è stato necessario per dare importanza ed "atmosfera" al Sito-Web, cosa impossibile altrimenti con uno sfondo bianco o altrimenti colorato.
Per donare coerenza cromatica a grafica, logo e contenuti, sì sono filtrate blandamente alcune immagini presenti in ogni pagina del Sito con un gradiente di Lilla, di modo che sì mantenesse una piena coerenza di tutte le pagine con il proprio Logo. Il Lilla è quindi divenuto un elemento alternativo ricorrente non nella struttura del Sito ma nel Logo e nelle immagini, donando una giusta sensazione di vivacità al Tema "spettacolo" ed una preziosa coerenza visiva, potenziata dall' aspetto molto composto.. quasi austero del template del Sito.
Obiettivo Nr. tre! Elevazione dell'autorità di "Brand" o "Brand Authority Feeling" "Brand Authority Feeling" è in sintesi, la sensazione di Fiducia, Competenza percepita, Status ed Esclusività.
Dovendo conservare storicità e riconoscibilità del Brand, sembrerebbe di avere le mani legate, ma con buone idee e soluzioni meditate, sì può fare molto.
Si sottolinea la coerenza cromatica data dal Logo colore Lilla, alle Immagini filtrate con un gradiente sempre di colore lilla.
La scelta dello sfondo è stata la soluzione decisiva per donare importanza ad un Sito che non avrebbe mai potuto giovarsi da sfondi, colori e dettagli eccessivamente sgargianti, i quali avrebbero oscurato la buona vivacità ed eleganza dei contenuti. Nessun inutile effetto speciale, app o immagine semovente, per evitare di distrarre o stancare l'utenza, ogni dettaglio trasmette serietà, ordine ed un tono profondo... austero, che fa da perfetto contrappunto al tema musicale, ispiratore di sentimento. Il "buio" dietro alle immagini, le valorizza, consente di entrare nelle atmosfere del programma. Insomma, questo connubio tra austerità di atmosfere e colori caldi da palcoscenico, permettono una immersione totale nei contenuti del Sito.
Fonts speciali & tone of voice 
I fonts sono strumenti assai delicati perchè possono condizionare il Lettering o Tipografia fino a determinare lo stile dell'intero Sito. Inoltre il "tone of voice" ovvero il modo di esprimere i contenuti, viene profondamente influenzato, (oltre che dalla Grafica-Design, sintassi e colorazione,) proprio dal tipo di fonts di scrittura utilizzati!
Per questo Sito, sì sono utilizzati Fonts come l'"INTER", dal Design neutro ma umanista: Bilancia la precisione geometrica con curve morbide, evitando un aspetto troppo rigido o sterile, inoltre possiede uno tra i più elevati gradi di leggibilità!
Donare importanza ed eleganza ad una Pagina web è un'obiettivo tutt'altro che scontato.
Gusti, mode e tendenze cambiano con rapidità e perciò risulta sempre vincente concentrarsi sulla sostanza, che sì condensa nella elevata qualità dei contenuti, nella creazione di un appropriato ambiente, rigorosamente rispettando regole di gerarchia dei contenuti, armonia del contesto visiva e narrativa, coerenza cromatica, rispettando il punto focale, gli spazi e le proporzioni, lasciando parlare la saturazione e la temperatura dei colori, nulla aggiungendo se non ciò che donerà carisma ed "atmosfera" al progetto.
L'impostazione schematica dell'albero della struttura è semplice, ordinata ed intuitiva, fornendo le pagine principali già a prima vista e da subito tante immagini e poco testo, creando un potente catalizzatore d'attenzione anche per semplici curiosi e scroller compulsivi di Smartphone, offrendo appena a fondo pagina, al terzo livello, il "magico" Link di vero approfondimento sulla Storia del format e sulla Storia dei cantanti partecipati, fornendo quindi, un forte impatto già ad inizio pagina ed un esaustivo approfondimento a chi poi, più sì aspetta e richiede, donando una calda sensazione di sito solido ed autorevole, profondo... compiuto!
Per potere donare sensazioni più intense, è stato svolto di concerto con la committenza anche un delicato e piuttosto lungo lavoro di Copywriting tra modifiche, aggiunte e correzioni. Le immagini sono passate da ca una quindicina a quasi un centinaio, contribuendo a dare un giusto spessore all'informazione.
Il progetto Millevoci.it non è un sito di nicchia, come potrebbe esserlo una particolare fabbrica o il Sito di un artista. Millevoci.it è un Sito per forza maggiore generalista e deve perciò, rispettare particolari requisiti di universale semplicità d'uso, di agevole navigazione e di agevolazione alla concentrazione sui temi. Deve essere un Sito che genera fiducia, caldo... e che sia navigabile con leggerezza anche da persone senza alcuna esperienza di Web. Anche dietro alla apparente semplicità, si può nascondere un delicato esercizio di equilibrio... un grande lavoro svolto in background.
Ricchezza di informazione, giusta profondità testuale, sobrietà nei colori ed immagini Autentiche (Solo una singola immagine in Home è Royalty-free), donano grande soddisfazione a navigare questo sito che viaggia già nel futuro perchè è facile da usare, esaustivo e per contenuti, davvero autentico!
Noi lavoriamo per quel futuro! ![]()
(Webdesign-Specialist)
Se lo desideri, ti accompagniamo, come tenendoti "per mano" alla creazione del tuo progetto Web. Possiamo aiutarti!


© Del Monaco Elvis (Copywriter & Web art-director)

“Possiedi il prodotto migliore...?
la buona comunicazione, lo renderà celebre! ”

