<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Magazine. Blog sul mondo del web design. &#187; case history</title>
	<atom:link href="http://www.web-magazine.it/category/case-history/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.web-magazine.it</link>
	<description>Guide e rubriche per diventare web designer freelance e per gestire l&#039;attività in proprio senza problemi.</description>
	<lastBuildDate>Thu, 26 Jan 2012 06:00:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Innovazione per le (altre) imprese. Il caso del sito Smau.it</title>
		<link>http://www.web-magazine.it/2009/09/innovazione-per-le-altre-imprese-il-caso-del-sito-smau-it/</link>
		<comments>http://www.web-magazine.it/2009/09/innovazione-per-le-altre-imprese-il-caso-del-sito-smau-it/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 12:56:11 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[case history]]></category>
		<category><![CDATA[polemic web]]></category>

		<guid isPermaLink="false">http://www.web-magazine.it/?p=1135</guid>
		<description><![CDATA[Tempo di Smau, ed ecco il sito dell'evento di quest'anno online www.smau.it
Bene bene,  vi saranno seminari sull'accessibilità, stand con le aziende più all'avanguardia che affronteranno temi attuali e innovativi, incontri interessanti. E tutto puntato sull'importanza dell'essere in linea con le ultime novità in campo ICT .]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1153" title="smau" src="http://www.web-magazine.it/wp-content/uploads/2009/09/smau.jpg" alt="smau" width="500" height="160" /></p>
<p>Tempo di Smau, ed ecco il sito dell&#8217;evento di quest&#8217;anno online <a href="http://www.smau.it">www.smau.it</a></p>
<p>Pay off della manifestazione: <em>Business technology: innovazione per l&#8217;impresa e la P.A.</em></p>
<p>Bene bene,  vi saranno seminari sull&#8217;<strong>accessibilità</strong>, stand con le aziende più all&#8217;avanguardia che affronteranno temi attuali e innovativi, incontri interessanti. E tutto puntato sull&#8217;importanza dell&#8217;essere in linea con le ultime novità in campo ICT .</p>
<p><span id="more-1135"></span></p>
<p>Cito:</p>
<blockquote><p>In uno scenario di profonda trasformazione economica e competitiva, le tecnologie dell&#8217;informazione e comunicazione (ICT) rappresentano, per le imprese italiane di ogni dimensione, una leva strategica fondamentale ma ancora poco sfruttata</p></blockquote>
<p>Infatti.  <strong>Una leva strategica poco sfruttata dallo stesso sito dell&#8217;evento</strong> che a mio parere, e non credo solo mio, potrebbe esser stato creato tranquillamente 5 anni fa.</p>
<p>Non è una conditio sine qua non ma di sicuro per lo Smau avere un sito attuale sarebbe stato  un buon biglietto da visita. Come al solito viviamo nel paese delle apparenze dove la tonalità di un rosso può assumere un&#8217;importanza di lunga maggiore rispetto a parametri fondamentali come l&#8217;usabilità di un sito.</p>
<h3>L&#8217;analisi del sito</h3>
<p>Non mi permetto di parlare di accessibilità, non sono un&#8217;esperta in questo campo ma credo che questo concetto sia assolutamente fuori dalla portata del sito in questione.</p>
<p>Analizziamo il sito da un punto di vista tecnico, la grafica potrà piacere o meno non rappresenta il nostro problema.</p>
<ol>
<li>Struttura <strong>tabellare </strong>contenuta all&#8217;interno di un div contenitore, il motivo mi è e mi sarà sempre oscuro;</li>
<li>106 <strong>errori di validazione</strong> Html e 112 avvisi, forse è una raccolta punti e con 200 premi si vince una consulenza gratuita da parte di un membro del w3c..</li>
<li><strong>Css non validato</strong>, 17 errori dovuti al tentativo di inserire proprietà CSS3 in un sito Html4 (si, proprio quello che si usava nel 2002&#8230;)</li>
</ol>
<p>andiamo avanti, questi sono solo dettagli:</p>
<ul>
<li><strong>Titoli grafici </strong>invece di intestazioni (h1, h2, h3&#8230;) testuali leggibili anche con altri dispositivi e con browser testuali;</li>
<li>Elenchi puntati con punti elenco talmente simili a <strong>checkbox </strong>che personalmente da brava utente media ho tentato di spuntare diverse volte senza successo;</li>
<li>Menu grafici. no comment;</li>
<li>Assenza di breadcrumbs/menu orizzontali  (salvo rari e inutili casi)  ossia di indicatori che permettono all&#8217;utente di ricostruire i propri punti di arrivo e partenza;</li>
<li>Assenza di &#8220;<strong>title</strong>&#8221; nelle varie sezioni</li>
</ul>
<p>Mi fermo qui perchè non è mia intenzione screditare una manifestazione che ha tanti fattori positivi, nè il lavoro dello sviluppatore che probabilmente sarà stato indirizzato verso determinate scelte da motivi più grandi di lui.</p>
<p>Semplicemente mi farebbe piacere vedere applicati i principi di cui si parla nella manifestazione stessa: fruibilità, innovazione, tecnologie all&#8217;avanguardia.</p>
<p>Il mio umile e unico consiglio è questo: <strong>aggiornatevi</strong>!!!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.web-magazine.it/2009/09/innovazione-per-le-altre-imprese-il-caso-del-sito-smau-it/feed/</wfw:commentRss>
		<slash:comments>30</slash:comments>
		</item>
		<item>
		<title>Trenitalia.it passa al layout fisso</title>
		<link>http://www.web-magazine.it/2009/05/trenitaliait-passa-al-layout-fisso/</link>
		<comments>http://www.web-magazine.it/2009/05/trenitaliait-passa-al-layout-fisso/#comments</comments>
		<pubDate>Tue, 19 May 2009 12:21:11 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[case history]]></category>
		<category><![CDATA[curiosità]]></category>
		<category><![CDATA[polemic web]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.web-magazine.it/?p=850</guid>
		<description><![CDATA[Avevo acclamato tanto la bellezza del layout della nostra compagnia ferroviaria preferita,  e oggi, intenta ad acquistare un biglietto, mi ritrovo davanti un layout nuovo. Un tema fresco, giovane, colorato e soprattutto: FISSO!!! Eccolo qui: http://www.ferroviedellostato.it/]]></description>
			<content:encoded><![CDATA[<p><img title="nuova-homepage-trenitalia" src="http://www.web-magazine.it/wp-content/uploads/2009/05/nuova-homepage-trenitalia.jpg" alt="nuova-homepage-trenitalia" /><br />
Avevo <a href="http://www.italianwebdesign.it/layout-fluido-da-css-tricks-oppure-colonne-assolute/comment-page-2/#comment-16897" target="_blank">acclamato tanto</a> la bellezza del layout liquido della nostra compagnia ferroviaria preferita,  e oggi, intenta ad acquistare un biglietto, mi ritrovi davanti un layout nuovo.</p>
<p>Un tema <strong>fresco</strong>, <strong>giovane</strong>, colorato e soprattutto: <strong>FISSO</strong>!!!<br />
Eccolo qui: <a href="http://www.ferroviedellostato.it/">http://www.ferroviedellostato.it/</a></p>
<p><span id="more-850"></span></p>
<p>Le scelte che hanno indotto trenitalia a questo restyle sono ovviamente private ma non c&#8217;è da stupirsi se la gestione del precedente layout risultasse onerosa da tanti punti di vista.  Per ora il restyle riguarda la sola homepage ma a questo punto aspetto che arrivi tutto il resto; il sito promette grandi novità e da quel che posso notare, una<strong> dedizione agli standard</strong> che è sicuramente da lodare.</p>
<p>La homepage è <a href="http://validator.w3.org/check?verbose=1&amp;uri=http%3A%2F%2Fwww.ferroviedellostato.it%2F">validata </a>dal punto di vista del codice (XHTML 1.0 Strict)  e, dal punto di vista semantico, non è il massimo ma sicuramente da apprezzare!</p>
<p>Aspetto quindi il <strong>restyle completo</strong> sperando che non interessi il solo sito ma i servizi che offre che, a dirla tutta, non sono decisamente dalla parte del cosumatore..</p>
<p>Un piccolo esempio prima di salutare tutti:  per fare un cambio di prenotazione, data l&#8217;impossiblità di usare il sito online, sono ricorsa all&#8217;help desk: numero a pagamento che mi ha succhiato ben 7€ dal mio povero cellulare! <img src='http://www.web-magazine.it/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Sembra quasi che alcuni servizi online non funzionino per un preciso motivo&#8230;</p>
<p><strong>Morale della favola:</strong> si al restyle, ma non dimentichiamo che un sito web deve offire servizi, e in questo caso dovrebbe farlo in maniera impeccabile!<br />
<a class="downloadlink" href="http://www.web-magazine.it/wp-content/plugins/download-monitor/download.php?id=1" title=" downloaded 2429 times" >Diventare Freelance - l'e-book (2429)</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.web-magazine.it/2009/05/trenitaliait-passa-al-layout-fisso/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Parliamo di: Tappetini per Auto!</title>
		<link>http://www.web-magazine.it/2009/03/parliamo-di-tappetini-per-auto/</link>
		<comments>http://www.web-magazine.it/2009/03/parliamo-di-tappetini-per-auto/#comments</comments>
		<pubDate>Fri, 27 Mar 2009 19:10:39 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[case history]]></category>
		<category><![CDATA[mtm tappeti]]></category>
		<category><![CDATA[tappetini per auto]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.web-magazine.it/?p=714</guid>
		<description><![CDATA[Oggi inauguriamo una nuova serie di articoli che prendono spunti dai miei ultimi lavori realizzati per rispondere alle domande di tanti aspiranti web designer e anche per i potenziali clienti che non hanno idea dell'iter che viene seguito per arrivare alla pubblicazione di un sito.]]></description>
			<content:encoded><![CDATA[<p><img title="mtm tappeti" src="http://www.web-magazine.it/wp-content/uploads/2009/03/mtm.jpg" alt="tappetini auto" /></p>
<p>Oggi inauguriamo una nuova serie di articoli che prendono spunti dai miei ultimi lavori realizzati per rispondere alle domande di tanti aspiranti web designer che cercano una guida per <strong>realizzare </strong>correttamente progetti mediamente complessi, e anche per i potenziali clienti che non hanno idea dell&#8217;iter che viene seguito per arrivare alla pubblicazione di un sito.</p>
<p><span id="more-714"></span>Ho deciso di iniziare con questo progetto <a href="http://www.mtmitaly.it/">MTM &#8211; tappetini per auto</a> perchè è uno degli esempi più completi di operazioni che vanno oltre il semplice sviluppo di un sito web ma che attraversano<strong> diverse fasi</strong> per uno scopo preciso.</p>
<h3>Il primo contatto: gli obiettivi del sito.</h3>
<p>L&#8217;azienda in questione è la MTM, si trova a Seregno, nel cuore della Brianza e da oltre 40 anni è specializzata nella produzione e vendita di <strong>tappeti per auto </strong>e per la casa sia in <strong>gomma </strong>che <strong>moquette </strong>ed erba sintetica.</p>
<p>Quando sono entrata in contatto con il cliente, non vi era ancora un&#8217;immagine aziendale, nè un sito esistente, e la prima richiesta è stata di creare un e-commerce al quale abbinare una forte campagna SEO per posizionarlo con determinate chiavi di ricerca.</p>
<p>La mission ovviamente di incrementare la<strong> vendita di tappetini per auto</strong> sfruttando un nuovo canale: il web.</p>
<p>Come fare per raggiungere gli obiettivi? Prima di tutto essere presenti nei motori di ricerca  a posizionarsi in maniera eccellente, dopodichè offrire all&#8217;utente un sito gradevole, dove possa trovare il <strong>tappeto </strong>per la propria auto su misura o il prodotto ricercato, in maniera veloce e con altrettanta facilità poter mettersi in contatto con l&#8217;azienda.</p>
<h3>Le prime scelte strategiche</h3>
<p>Una volta conosciuto il background, la filosofia aziendale e gli obiettivi è il momento di fare delle scelte. Nonostante le prime intenzioni fossero quelle di costruire un negozio elettronico abbiamo deciso di fare un passo alla volta.</p>
<p>Da qui nasce l&#8217;esigenza di un&#8217;immagine aziendale semplice ed immediata, che possa essere assimilata e riconosciuta nel tempo, al fine di <strong>fidelizzare la futura clientela, e monitorare gli accessi al fine di seguire i percorsi degli utenti e analizzarne meglio le esigenze</strong> perchè il sito in questione anche se non lo è ancora è prossimo ad una conversione ad e-commerce.</p>
<h3>L&#8217;immagine aziendale</h3>
<p><img class="alignleft size-full wp-image-719" title="mtm-logo" src="http://www.web-magazine.it/wp-content/uploads/2009/03/mtm-logo.gif" alt="mtm-logo" width="187" height="109" />Un marchio semplice e fotografie di alto impatto visivo fanno in modo che i <a href="http://www.mtmitaly.it/produzione-automotive.html"><strong>tappetini per auto</strong></a>, i<a href="http://www.mtmitaly.it/produzione-casa.html"> tappetini per la casa</a> e anche uno <a href="http://www.mtmitaly.it/Ricerca/46/Zerbini_moquette.html">zerbino </a>o un prato di <a href="http://www.mtmitaly.it/Ricerca/40/Erba_sintetica.html">erba sintetica</a> possano diventare oggetti di culto, abbinati a slogan che identificano immediatamente il prodotto e ne fanno risaltare la qualità e il design.</p>
<p>Da qui l&#8217;esigenza di due nuove figure professionali coinvolte, un art director e un fotografo pubblicitario.</p>
<h3>Le scelte tecnologiche</h3>
<p>Una volta decisa l&#8217;immagine aziendale siamo partiti con un progetto che prevedeva l&#8217;inserimento di tutte le categorie di prodotti in homepage, una sezione istituzionale, la possibilità di inserire delle news e una piccola vetrina in homepage per catturare subito l&#8217;utente e guidarlo verso la scheda prodotto.</p>
<p>Dal punto di vista del CMS è stato creato un pannello di controllo &#8220;user friendly&#8221; ad hoc per permettere l&#8217;<strong>inserimento </strong>e la <strong>gestione </strong>delle <strong>categorie </strong>di prodotto e la creazione di schede prodotto complete di files allegati e fotografie ad alta risoluzione, ogni scheda prodotto viene automaticamente convertita in un comodo file pdf per una stampa ottimale.</p>
<p>Originale e di sicura utilità è inoltre la possibilità di inserire la propria marca e modello di auto per poter scegliere un <strong>tappetino su misura</strong> tra le diverse qualità offerte dalla MTM.</p>
<p>E qui vi sono altre due figure professionali che hanno dato il loro apporto: Web designer e web developer.</p>
<h3>Conclusioni</h3>
<p><img class="alignleft size-full wp-image-718" title="analit" src="http://www.web-magazine.it/wp-content/uploads/2009/03/analit.gif" alt="analit" width="281" height="140" />La prima fase del progetto ha visto quindi coinvolta una squadra di diversi attori che hanno contribuito a sviluppare un sito (<a href="http://www.mtmitaly.it/">www.mtmitaly.it</a>) dal design semplice ma efficace, facile da navigare e attento agli standard che nel giro di pochi mesi ha registrato un continuo aumento delle visite.</p>
<p>Più dell&#8217;80% dei visitatori proviene dai motori di ricerca e al momento è posizionato in prima pagina di Google con la chiave<strong> tappetini per auto</strong>.</p>
<p>Come inizio non è niente male ma un sito va seguito, monitorato, al fine prima di tutto di raggiungere gli obiettivi&#8230; per poi mantenerli!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.web-magazine.it/2009/03/parliamo-di-tappetini-per-auto/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

