<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it" dir="ltr">
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>siti web, web agency, comunicazione digitale, ecommerce, magento, applicazioni mobile, Reggio Emilia, Modena, Parma, Bologna | Webgriffe</title>
		
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="/sites/all/themes/wg_theme/favicon.ico" type="image/x-icon" />
		<meta name="title" content="siti web, web agency, comunicazione digitale, ecommerce, magento, applicazioni mobile, Reggio Emilia, Modena, Parma, Bologna | Webgriffe" />
		<meta name="description" content="Webgriffe web-agency tra Modena e Reggio Emilia, realizza siti web drupal, ecommerce magento, applicazioni mobile, comunicazione digitale, progettazione, consulenza, formazione, sviluppo funzionalità aggiuntive, hosting, assistenza, web marketing" />
		
		<meta property="fb:page_id" content="104797936056" />
		
		<!-- Apple Icon -->
		<link rel="apple-touch-icon" href="/sites/all/themes/wg_theme/assets/img/apple-touch-icon.png"/>		
		
		<!-- Share Site Cover -->
					<link rel="image_src" href="/sites/all/themes/wg_theme/assets/img/shareimg.jpg" />			 	
					
    
		<link type="text/css" rel="stylesheet" media="all" href="/sites/default/files/css/css_8cc8b9ab8eae79fd2c0a86f46876e58e.css" />
<link type="text/css" rel="stylesheet" media="print" href="/sites/default/files/css/css_496a23388aea609b53d3a509f18590bf.css" />
<link type="text/css" rel="stylesheet" media="projection" href="/sites/default/files/css/css_57b768a01b3e456fb8c27bb4750bb86f.css" />
<link type="text/css" rel="stylesheet" media="screen" href="/sites/default/files/css/css_57b768a01b3e456fb8c27bb4750bb86f.css" />
    <script type="text/javascript" src="/sites/default/files/js/js_699a113d4aa316b123977ed8287977dc.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/" });
//--><!]]>
</script>
				
		
			
    <!--[if IE]>
      <link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/wg_theme/assets/css/fix-ie.css" />    <![endif]-->
		
		<!-- Lightbox -->
		<script type="text/javascript">
			$(document).ready(function () {
				$('a.lightbox').lightBox({
					imageLoading: '/sites/all/themes/wg_theme/assets/img/lightbox/loading.gif',
					imageBtnClose: '/sites/all/themes/wg_theme/assets/img/lightbox/close.gif',
					imageBtnPrev: '/sites/all/themes/wg_theme/assets/img/lightbox/prev.gif',
					imageBtnNext: '/sites/all/themes/wg_theme/assets/img/lightbox/next.gif',
					imageBlank: '/sites/all/themes/wg_theme/assets/img/lightbox/blank.gif'
				});
			});
		</script>
		
		<!-- Share This -->		
		<!--
		<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
		<script type="text/javascript">
			stLight.options({
				publisher:'cf6aba14-68aa-4924-8e06-f9fd6853b41a',				
				popup: 'true'
			});
		</script>
		-->					
		
		<!-- Dynamic Background -->	
		<script type="text/javascript">
			function setBodyBackground(color, cover) {
				var leftOffset = $('#main-content').offset().left;
				if(color == '') {
					color = '#ffffff';
				}
				var str = color;
				if(cover != '') {
					str = str + ' url(\''+ cover + '\') no-repeat ' + leftOffset + 'px top'
				}				
				$('body').css('background', str);
			}
			
			function repositionBackground() {
				var leftOffset = $('#main-content').offset().left;
				$('body').css('background-position', leftOffset + 'px top');
			}
			
			$(window).resize(repositionBackground);		
			$(document).resize(repositionBackground);
			$(document).ready(function() {
				var t = setTimeout("repositionBackground()", 1000);
			});
		</script>		
	</head>
		
  <body class="front">  	  	
  	<div class="container">
			<div class="prepend-1 span-3 last main-wrapper">															
	<script type="text/javascript">
		var covers = [ { "logo": "sites/default/files/carousel_logo/sielei_logo.png", "color": "#f6beef", "cover": "sites/default/files/carousel_cover/sielei_cover_0.jpg" }, { "logo": "sites/default/files/carousel_logo/blugirl_logo.png", "color": "#01b1c8", "cover": "sites/default/files/carousel_cover/blugirl_cover_0.jpg" }, { "logo": "sites/default/files/carousel_logo/annamolinari_logo.png", "color": "#ffffff", "cover": "sites/default/files/carousel_cover/annamolinari_cover.jpg" }, { "logo": "sites/default/files/carousel_logo/system_logo.png", "color": "#5c9fc9", "cover": "sites/default/files/carousel_cover/system_cover_0.jpg" }, { "logo": "sites/default/files/carousel_logo/blumarine_logo.png", "color": "#000000", "cover": "sites/default/files/carousel_cover/blumarine_cover_0.jpg" }, { "logo": "sites/default/files/carousel_logo/nek_logo.png", "color": "#584740", "cover": "sites/default/files/carousel_cover/nek_cover.jpg" }, { "logo": "sites/default/files/carousel_logo/obiettivolavoro_logo.png", "color": "#ffffff", "cover": "sites/default/files/carousel_cover/obiettivolavoro_cover_0.jpg" }, { "logo": "sites/default/files/carousel_logo/verdeveronica_logo.png", "color": "#e7e2dc", "cover": "sites/default/files/carousel_cover/verdeveronica_cover.jpg" }, { "logo": "sites/default/files/carousel_logo/verdissima_logo.png", "color": "#f8e9e2", "cover": "sites/default/files/carousel_cover/verdissima_cover.jpg" }, { "logo": "sites/default/files/carousel_logo/margheritamazzei_logo.png", "color": "#e7e5ea", "cover": "sites/default/files/carousel_cover/margheritamazzei_cover.jpg" } ];	
		 
		function setFrontBackground(index) {
			var color = covers[index]['color'];
			var image = covers[index]['cover'];
			setBodyBackground(color, image);
		}
		
		$(document).ready(function () {
			$('#logos-bar li').fadeTo('100', 0.5);
			$('#logos-bar li').eq(0).fadeTo('100', 1);
			
			$('#logos-bar li').click(function() {
				var id =$(this).attr('id');
				id = parseInt(id.replace('logo-', ''));									
				setFrontBackground(id-1);
				
				$('#logos-bar li').fadeTo('500', 0.5);
				$('#logos-bar li').eq(--id).fadeTo('500', 1);
				
				$('#logos-bar-arrow').animate(
					{left: ((id) * 171) + 'px'},
					'fast'
				);								
			});
			
			// Background images preloading
			for(var i=0; i<4; i++) {
				var image = new Image();
				image.src = covers[i]['cover'];
			}		
			
			// Imposto il primo sfondo
			setFrontBackground(0);																		 
		});		
	</script>	
	
	<div id="logos-bar">
		<div id="logos-bar-arrow">&#94;</div>	
		<ul>			
											<li id="logo-1"><img src="http://www.webgriffe.com/sites/all/modules/webgriffe/sir_helper/lib/image.php/sielei_logo.png?width=156&amp;height=60&amp;cropratio=156:60&amp;image=/sites/default/files/carousel_logo/sielei_logo.png" alt="Logo" /></li>
															<li id="logo-2"><img src="http://www.webgriffe.com/sites/all/modules/webgriffe/sir_helper/lib/image.php/blugirl_logo.png?width=156&amp;height=60&amp;cropratio=156:60&amp;image=/sites/default/files/carousel_logo/blugirl_logo.png" alt="Logo" /></li>
															<li id="logo-3"><img src="http://www.webgriffe.com/sites/all/modules/webgriffe/sir_helper/lib/image.php/annamolinari_logo.png?width=156&amp;height=60&amp;cropratio=156:60&amp;image=/sites/default/files/carousel_logo/annamolinari_logo.png" alt="Logo" /></li>
															<li id="logo-4"><img src="http://www.webgriffe.com/sites/all/modules/webgriffe/sir_helper/lib/image.php/system_logo.png?width=156&amp;height=60&amp;cropratio=156:60&amp;image=/sites/default/files/carousel_logo/system_logo.png" alt="Logo" /></li>
						
		</ul>
	</div>
	
	<div id="main-content">
		<h2>Traduciamo le idee in esperienze digitali</h2>
		<h3>
			Design thinking applicato alla comunicazione digitale.			<a href="/chi-siamo">Approfondisci...</a>		</h3>
		
		<ul class="business-units">
			<li class="first">				
				<img src="/sites/all/themes/wg_theme/assets/img/web-projects.jpg" alt="Web projects" />
				<h4>Web projects</h4>
				<p>
					Dall’architettura delle informazioni al design e allo sviluppo di progetti integrati di comunicazione online: websites, community, portali,  microsites, blogging.				</p>
				<br />
				<a href="/servizi/progetti-web">Approfondisci</a>			</li>
			
			<li>
				<img src="/sites/all/themes/wg_theme/assets/img/ecommerce.jpg" alt="eCommerce" />
				<h4>eCommerce</h4>
				<p>
					Offriamo il migliore know-how nella progettazione e nello sviluppo di soluzioni personalizzate per il commercio elettronico basate su piattaforma Magento eCommerce.				</p>
				<br />
				<a href="/servizi/e-commerce">Approfondisci</a>			</li>
			
			<li class="last">
				<img src="/sites/all/themes/wg_theme/assets/img/mobile-apps.jpg" alt="Mobile apps" />
				<h4>Mobile apps</h4>
				<p>
					Definiamo strategie, progettiamo e realizziamo applicazioni per veicolare i brand sui più recenti dispositivi e le piattaforme mobili: iPhone, iPad e Android.				</p>
				<br />
				<a href="/servizi/mobile-applications">Approfondisci</a>			</li>
		</ul>
		
		<script type="text/javascript">
			$('.business-units li').click(function(event) {
				document.location = $(this).find('a').eq(0).attr('href');				
			});
		</script>	
		
					<h5 class="twitter-title">Lifestream</h5>
			<span class="twitter-subtitle">
				Per condividere i tuoi commenti sul livestream di Webgriffe basta aggiungere @webgriffe ai tuoi tweet. Stay tuned!			</span>
										<div class="twitter-life">								
					<ul class="wg-tweets">
																		
								<li class="replies">
									<img src="http://a3.twimg.com/profile_images/1476016616/cris_new_face_normal.jpg" alt="cgalletti profile image" />
									<span class="text">
										Perplesso di fronte a <a href="http://t.co/3YI6Hru" target="_blank">http://t.co/3YI6Hru</a> #<a href="http://twitter.com/#!/search?q=%23ecommerce" target="_blank">ecommerce</a> @<a href="http://twitter.com/webgriffe" target="_blank">webgriffe</a>									</span>
									<span class="date-name">
										15:46 Sep 7 |
										<a href="http://twitter.com/cgalletti" target="_blank">@cgalletti</a>									</span>										
								</li>					
																									
								<li class="replies">
									<img src="http://a3.twimg.com/profile_images/1476016616/cris_new_face_normal.jpg" alt="cgalletti profile image" />
									<span class="text">
										Utilizzare tool per aggiornare i social network potrebbe essere controproducente? <a href="http://t.co/ES41Zf6" target="_blank">http://t.co/ES41Zf6</a> #<a href="http://twitter.com/#!/search?q=%23social" target="_blank">social</a> @<a href="http://twitter.com/webgriffe" target="_blank">webgriffe</a>									</span>
									<span class="date-name">
										11:00 Sep 7 |
										<a href="http://twitter.com/cgalletti" target="_blank">@cgalletti</a>									</span>										
								</li>					
																									
								<li>
																		<span class="text">
										Buongiorno! La settimana della moda si avvicina e in ufficio si lavora sodo!									</span>
									<span class="date-name">
										10:50 Sep 6 |
										@webgriffe									</span>
								</li>
																									
								<li class="replies">
									<img src="http://a2.twimg.com/profile_images/1162370069/WG_Team_MM_120_normal.jpg" alt="mmenozzi profile image" />
									<span class="text">
										Bellissimo il doodle con cui #<a href="http://twitter.com/#!/search?q=%23Google" target="_blank">Google</a> celebra il 65° anniversario della nascita di Freddie Mercury! <a href="http://t.co/uxi8Low" target="_blank">http://t.co/uxi8Low</a> @<a href="http://twitter.com/webgriffe" target="_blank">webgriffe</a>									</span>
									<span class="date-name">
										08:59 Sep 5 |
										<a href="http://twitter.com/mmenozzi" target="_blank">@mmenozzi</a>									</span>										
								</li>					
																									
								<li class="replies">
									<img src="http://a3.twimg.com/profile_images/1476016616/cris_new_face_normal.jpg" alt="cgalletti profile image" />
									<span class="text">
										Buongiorno! Il leitmotiv di oggi è: "Siate creativi e resterete sorpresi da quello che potrete realizzare con pochissime risorse" @<a href="http://twitter.com/webgriffe" target="_blank">webgriffe</a>									</span>
									<span class="date-name">
										09:23 Sep 1 |
										<a href="http://twitter.com/cgalletti" target="_blank">@cgalletti</a>									</span>										
								</li>					
																									
								<li class="replies">
									<img src="http://a3.twimg.com/profile_images/1476016616/cris_new_face_normal.jpg" alt="cgalletti profile image" />
									<span class="text">
										Anche il Financial Times scappa dall'App Store... <a href="http://t.co/iKCnwHd" target="_blank">http://t.co/iKCnwHd</a> #<a href="http://twitter.com/#!/search?q=%23mobile" target="_blank">mobile</a> @<a href="http://twitter.com/webgriffe" target="_blank">webgriffe</a>									</span>
									<span class="date-name">
										10:15 Aug 31 |
										<a href="http://twitter.com/cgalletti" target="_blank">@cgalletti</a>									</span>										
								</li>					
																									
								<li>
																		<span class="text">
										La pagina ufficiale di Blumarine raggiunge i 1700 fan... ed è in arrivo l'App per iPhone e iPad... stay tuned! <a href="http://t.co/G2xgn9h" target="_blank">http://t.co/G2xgn9h</a>									</span>
									<span class="date-name">
										10:37 Aug 29 |
										@webgriffe									</span>
								</li>
																									
								<li>
																		<span class="text">
										The Guide to the App galaxy by Google <a href="http://t.co/XJBtvV7" target="_blank">http://t.co/XJBtvV7</a>									</span>
									<span class="date-name">
										11:28 Aug 12 |
										@webgriffe									</span>
								</li>
																									
								<li class="replies">
									<img src="http://a3.twimg.com/profile_images/1476016616/cris_new_face_normal.jpg" alt="cgalletti profile image" />
									<span class="text">
										..e la risposta di Facebook... <a href="http://blog.facebook.com/blog.php?post=10150251242342131" target="_blank">http://blog.facebook.com/blog.php?post=10150251242342131</a> @<a href="http://twitter.com/webgriffe" target="_blank">webgriffe</a>									</span>
									<span class="date-name">
										10:16 Aug 12 |
										<a href="http://twitter.com/cgalletti" target="_blank">@cgalletti</a>									</span>										
								</li>					
																									
								<li>
																		<span class="text">
										Google+ in arrivo i giochi... come rovinare un capolavoro... <a href="http://t.co/VhUP8UA" target="_blank">http://t.co/VhUP8UA</a>									</span>
									<span class="date-name">
										09:27 Aug 12 |
										@webgriffe									</span>
								</li>
																		</ul>
				</div>
				
			</div>
	 
			</div>
		</div>
				
  	<div id="magic-menu">
  		<div class="header">
  			<h4>
  				<a href="/">
  					<img src="/sites/all/themes/wg_theme/assets/img/webgriffe_logo.jpg" alt="Webgriffe" />
  					<!--Webgriffe<sup>®</sup>-->
					</a>
				</h4>
  		</div>
  		<div class="content">			
				<!-- Menu Principale -->
				<ul class="links"><li class="menu-182 first"><a href="/chi-siamo" title="Chi siamo">Chi siamo</a></li>
<li class="menu-183"><a href="/servizi" title="Servizi">Servizi</a></li>
<li class="menu-184"><a href="/portfolio" title="Referenze">Referenze</a></li>
<li class="menu-185 last"><a href="/contatti" title="Contatti">Contatti</a></li>
</ul>				
				<!-- Menu Social -->
				<ul class="social-links">
					<li>
						<a title="Facebook" href="http://www.facebook.com/webgriffe" target="_blank">
							<img src="/sites/all/themes/wg_theme/assets/img/share-facebook-icon.png" alt="Facebook" />
						</a>
					</li>
					<li>
						<a title="Twitter" href="http://twitter.com/webgriffe" target="_blank">
							<img src="/sites/all/themes/wg_theme/assets/img/share-twitter-icon.png" alt="Twitter" />
						</a>
					</li>
					<li>
						<a title="Flickr" href="http://www.flickr.com/photos/webgriffe" target="_blank">
							<img src="/sites/all/themes/wg_theme/assets/img/share-flickr-icon.png" alt="Flickr" />
						</a>
					</li>
					<li>
						<a title="LinkedIn" href="http://www.linkedin.com/company/webgriffe-" target="_blank">
							<img src="/sites/all/themes/wg_theme/assets/img/share-linkedin-icon.png" alt="LinkedIn" />
						</a>
					</li>						
				</ul>								      
  		</div>
  	</div>
		
		<div id="footer">
			<div class="container">
				<div class="span-1">
					<div id="newsletter-subscribe">
						<h4>Iscriviti alla Newsletter</h4>
						Notizie esclusive e bonus per gli iscritti.<br/>
						Assolutamente senza spam!<br/>
						<br/>
						<form id="nlsubscribe" action="/progetto-siti-web-internet-ecommerce-mobile-cms-drupal-magento-agency" method="post">
							<input type="text" name="nlmail" value="Il tuo indirizzo e-mail" alt="Il tuo indirizzo e-mail" />
							<input type="submit" name="nlsubmit" value=">" alt="Invia" />
						</form>
					</div>
					
					<script type="text/javascript">
					//<![CDATA[
					
						// Iscrizione newsletter
						$('#nlsubscribe').submit(function() {
							var address = $('#nlsubscribe input[name="nlmail"]').val();
							var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
							if(!address.match(re)) {
								alert('Per favore, inserisci un indirizzo e-mail valido.');
								return false;
							}
						});	
						
						var response = null;
						if(response == 1) {
							alert("C'è stato un errore durante la tua richiesta. Per favore, riprovare più tardi.");
						}
						else if(response == 2) {
							alert("Per favore, inserisci un indirizzo e-mail valido.");
						}
						else if(response == 3) {
							alert("L'indirizzo e-mail inserito è già iscritto alla nostra newsletter.");
						}
						else if(response == 0) {
							alert("L'iscrizione alla nostra newsletter è avvenuta con successo, grazie!");
						}				
						
						// Newsletter textfield - Sistema label interna
						var initialNewsletterTextfield = "Il tuo indirizzo e-mail";
						$('#newsletter-subscribe input[name="nlmail"]').focus(function() {				 
							if($(this).val() == initialNewsletterTextfield) {
								$(this).val("");
							}
						});
						
						$('#newsletter-subscribe input[name="nlmail"]').blur(function() {
							if($(this).val() == "") {
								$(this).val("Il tuo indirizzo e-mail");
							}
						});
					
					//]]>
					</script>
				</div>
				<div class="span-3 last">
					<ul>
						<li class="contactus">
							<h6>Contattaci</h6>
							Via Canale, 1/P<br/>
							42013 Casalgrande (RE) Italy<br/>
							Tel. +39 0522 771931<br/>
							Fax. +39 0522 015042<br/>
							<a class="mail" href="mailto:info@webgriffe.com">info@webgriffe.com</a><br/>
							<br/>
							<a href="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=it&amp;msa=0&amp;msid=200565887493468505896.0000011342ea74c0bb265&amp;z=12" target="_blank">Google Maps</a><br/>
						</li>
						<li class="followus">
							<h6>Seguici</h6>
							<ul>
								<li>
									<a href="http://www.facebook.com/webgriffe" target="_blank">Facebook</a>
								</li>
								<li>
									<a href="http://twitter.com/webgriffe" target="_blank">Twitter</a>
								</li>
								<li>
									<a href="http://www.linkedin.com/company/webgriffe-" target="_blank">LinkedIn</a>
								</li>
								<li>
									<a href="http://www.flickr.com/photos/webgriffe" target="_blank">Flickr</a>
								</li>
								<!--
								<li>
									<a href="/feed.xml">RSS Feed</a>
								</li>
								-->
							</ul>
						</li>
						<li class="search">
														<a class="magento" href="http://www.magentocommerce.com/partners/find/italy/bronze-solution/">
								<img src="/sites/all/themes/wg_theme/assets/img/magento-bronze-partner.png" alt="Magento - Bronze Partner" />
							</a>
						</li>
					</ul>
					<span class="legal">
						Copyright © 2011 Webgriffe. All rights reserved. P.IVA 02277170359					</span>
				</div>
			</div>
		</div>	
		
		<script type="text/javascript">
			var ua = navigator.userAgent.toLowerCase();
			var isAndroid = ua.indexOf("android") > -1;
			var isPhone = ua.indexOf("iphone") > -1;
			var isPad = ua.indexOf("ipad") > -1;
			var isPod = ua.indexOf("ipod") > -1;
			var newsletterTop = 0;
			
			$(document).ready(function() {
				if(isAndroid || isPhone || isPad || isPod) {
					repositionLeft();					
				  $(window).scroll(repositionLeft);					
				}
			});
			
			function repositionLeft() {
				$('#magic-menu').css('top', $(window).scrollTop());			
			}			
		</script>
			
				
		<script type="text/javascript">
		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript">
		var pageTracker = _gat._getTracker("UA-957815-1");
		pageTracker._trackPageview();
		</script>
	</body>
</html> 