<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

  <title>public.beta: Gucci.com ohne Flash, dafür mit Ajax und Shop</title>

<META NAME="keywords" CONTENT="Web, Online, Internet, Web2.0, Communication, Kommunikation, Business, Marketing, Technik, Gadgets">
<META NAME="description" CONTENT="Weblog über eBusiness, Marketing, Kommunikation und Gesellschaft im Zeitalter von Web 2.0">
<META NAME="author" CONTENT="Christian Muench">
<meta name="robots" content="INDEX,FOLLOW">
<meta http-equiv="content-language" content="de">
<meta name="revisit-after" content="1 days">
<META name="verify-v1" content="p4C8gqAqZeOc3b5jknPxcwM/IWW5V2sSvOcGtAsZIWQ=" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="generator" content="Blogger" />
<link rel="alternate" type="application/atom+xml" title="public.beta (Atom 0.3)" href="http://feeds.feedburner.com/public-beta" />
<link rel="alternate" type="application/rss+xml" title="public.beta (RSS 2.0)" href="http://feeds.feedburner.com/public-beta" />
<link rel="service.post" type="application/atom+xml" title="public.beta" href="https://www.blogger.com/atom/32422039" />
<link rel="service.post" type="application/atom+xml" title="public.beta (Atom 1.0)" href="http://www.blogger.com/feeds/32422039/posts/summary" />

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=32422039" />
<style type="text/css">
@import url("http://www.blogger.com/css/blog_controls.css");
@import url("http://www.blogger.com/dyn-css/authorization.css?blogID=32422039");
</style>
<script type="text/javascript" src="http://www.blogger.com/js/backlink.js"></script>
<script type="text/javascript" src="http://www.blogger.com/js/backlink_control.js"></script>

<script type="text/javascript">var BL_backlinkURL = "http://www.blogger.com/dyn-js/backlink_count.js";var BL_blogId = "32422039";</script>

  <style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name:     Dots
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     24 Feb 2004
----------------------------------------------- */


body {
  background:#fff url("http://www.blogblog.com/dots/bg_dots.gif") 50% 0;
  margin:0;
  padding:0 10px;
  text-align:center;
  font:x-small Verdana,Arial,Sans-serif;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


/* Page Structure
----------------------------------------------- */
@media all {
  #content {
    background:url("http://www.blogblog.com/dots/bg_3dots.gif") no-repeat 250px 50px;
    width:700px;
    margin:0 auto;
    padding:50px 0;
    text-align:left;
    }
  #main {
    width:450px;
    float:right;
    padding:50px 0 20px;
    font-size:85%;
    }
  #main2 {
    background:url("http://www.blogblog.com/dots/bg_dots2.gif") -100px -100px;
    padding:20px 10px 15px;
    }
  #sidebar {
    width:200px;
    float:left;
    font-size:85%;
    padding-bottom:20px;
    }
  #sidebar2 {
    background:url("http://www.blogblog.com/dots/bg_dots2.gif") 150px -50px;
    padding:5px 10px 15px;
    width:200px;
    width/* */:/**/180px;
    width: /**/180px;
    }
  #sidebar3 {
    width:200px;
    float:right;
    font-size:85%;
    padding-bottom:20px;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  #sidebar2 {
    width:100%;
    }
  }
html>body #main, html>body #sidebar {
  /* We only give this fade from white to nothing to
     browsers that can handle 24-bit transparent PNGs  */
  background/* */:/**/url("http://www.blogblog.com/dots/bg_white_fade.png") repeat-x left bottom;
  }


/* Title & Description
----------------------------------------------- */
@media all {
  #blog-title {
    margin:0 0 .5em;
    font:250%/1.4em Georgia,Serif;
    color:#353;
    }
  #blog-title a {
    color:#353;
    text-decoration:none;
    }
  #description {
    margin:0 0 1.75em;
    color:#996;
    }
  #blog-mobile-title {
    display:none;
    }
  #description-mobile {
    display:none;
    }
  }
@media handheld {
  #blog-title {
    display:none;
    }
  #description {
    display:none;
    }
  #blog-mobile-title {
    display:block;
    margin:0 0 .5em;
    font:250%/1.4em Georgia,Serif;
    color:#353;
    }
  #blog-mobile-title a {
    color:#353;
    text-decoration:none;
    }
  #description-mobile {
    display:block;
    margin:0 0 1.75em;
    color:#996;
    }
  }

/* Links
----------------------------------------------- */
a:link {
  color:#488;
  }
a:visited {
  color:#885;
  }
a:hover {
  color:#000;
  }
a img {
  border-width:0;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:0 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted #9b9;
  font:95%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:#663;
  }
.post {
  margin:0 0 2.5em;
  line-height:1.6em;
  }
.post-title {
  margin:.25em 0;
  font:bold 130%/1.4em Georgia,Serif;
  color:#333;
  }
.post-title a, .post-title strong {
  background:url("http://www.blogblog.com/dots/bg_post_title.gif") no-repeat 0 .25em;
  display:block;
  color:#333;
  text-decoration:none;
  padding:0 0 1px 45px;
  }
.post-title a:hover {
  color:#000;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  margin:0;
  text-align:right;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  color:#996;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 0 .25em;
  padding-left:15px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 0 .25em;
  padding-left:15px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #cca;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:0;
  }
#comments h4 {
  margin:0 0 10px;
  border-top:1px dotted #9b9;
  padding-top:.5em;
  font:bold 110%/1.4em Georgia,Serif;
  color:#333;
  }
#comments-block {
  line-height:1.6em;
  }
.comment-poster {
  background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px .35em;
  margin:.5em 0 0;
  padding:0 0 0 20px;
  font-weight:bold;
  }
.comment-body {
  margin:0;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#996;
  }
.comment-timestamp a:link {
  color:#996;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* More Sidebar Content
----------------------------------------------- */
.sidebar-title {
  margin:2em 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted #9b9;
  font:95%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:#663;
  }
#sidebar p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
#sidebar ul {
  margin:.5em 0 1em;
  padding:0 0px;
  list-style:none;
  line-height:1.5em;
  }
#sidebar ul li {
  background:url("http://www.blogblog.com/dots/bullet.gif") no-repeat 3px .45em;
  margin:0;
  padding:0 0 5px 15px;
  }
#sidebar p {
  margin:0 0 .6em;
  }


/* Profile
----------------------------------------------- */
.profile-datablock {
  margin:0 0 1em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  margin:0 8px 5px 0;
  border:4px solid #cc9;
  }
.profile-data {
  margin:0;
  line-height:1.5em;
  }
.profile-data strong {
  display:block;
  }
.profile-textblock {
  clear:left;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:15px 0 0;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  }
  </style>

</head>



<body>

<!-- Begin #content -->

<div id="content">

<!-- Begin #main - Contains main-column blog content -->

<div id="main"><div id="main2">

  <h1 id="blog-mobile-title">
    <a href="http://www.public-beta.com">
	public.beta
	</a>
  </h1>

    <p id="description-mobile">Handel, Marketing & Medien im Zeitalter von Web 2.0</p>



    
  <h2 class="date-header">05 September 2006</h2>
  

         <!-- Begin .post -->

  <div class="post"><a name="115744489903148222"></a>

         

    <h3 class="post-title">
	 <a href="http://www.public-beta.com/2006/09/guccicom-ohne-flash-dafr-mit-ajax-und.html" title="Gucci.com ohne Flash, dafür mit Ajax und Shop" rel="bookmark">
	 Gucci.com ohne Flash, dafür mit Ajax und Shop
	 </a>
    </h3>
    

         <div class="post-body">
	<p>
      <div style="clear:both;"></div><img src="http://www.q-bee.de/_gif/gucci.jpg" /><br /><br /><a href="http://www.gucci.com/">Gucci.com</a> ist relauncht worden. Das erstaunliche: Die neue Site kommt komplett ohne Flash aus - obwohl das im ersten Moment gar nicht so wirkt. Ausserdem gibt es jetzt auch einen deutschen Online-Shop bei Gucci.<br />Die User Experience ist wirklich slick und zeigt die Richtung, in die es in nächster Zeit mit Ajax & Co. gehen kann. <br /><br />Verantwortlich war die Agentur <a href="http://www.wollzelle.com/">Wollzelle,</a> deren Philosophie beim Relaunch <a href="http://ts.wollzelle.com/2006/8/21/gucci-and-wollzelle-redefining-online-experience">hier kurz erklärt wird.</a><br /><br />Via <a href="http://www.adverblog.com/">Adverblog.</a><div style="clear:both; padding-bottom: 0.25em;"></div>
    </p>

    </div>

        <p class="post-footer">

      <em>posted by Q-BEE @ <a href="http://www.public-beta.com/2006/09/guccicom-ohne-flash-dafr-mit-ajax-und.html" title="permanent link">10:28</a></em>&nbsp;

       <span class="item-action"><a href="http://www.blogger.com/email-post.g?blogID=32422039&amp;postID=115744489903148222" title="Email Post"><span class="email-post-icon">&nbsp;</span></a></span><span class="item-control admin-49481215 pid-184314751"><a style="border:none;" href="http://www.blogger.com/post-edit.g?blogID=32422039&amp;postID=115744489903148222&amp;quickEdit=true" title="Edit Post"><span class="quick-edit-icon">&nbsp;</span></a></span>

    </p>

    </div>

  <!-- End .post -->

        <!-- Begin #comments -->
 
  <div id="comments">

	<a name="comments"></a>



    <h4>0 Comments:</h4>

        <dl id="comments-block">
      

    </dl>
		<p class="comment-timestamp">
    <a class="comment-link" href="http://www.blogger.com/comment.g?blogID=32422039&amp;postID=115744489903148222">Kommentar veröffentlichen</a>
    </p>
    	    
    


		<p class="comment-timestamp">

	<a href="http://www.public-beta.com">&lt;&lt; Home</a>
    </p>
    </div>



  <!-- End #comments -->



</div></div>

<!-- End #main -->




<!-- Begin #sidebar -->

<div id="sidebar"><div id="sidebar2">

    <h1 id="blog-title">
    <a href="http://www.public-beta.com">
	public.beta
	</a>
  </h1>

    <p id="description">Handel, Marketing & Medien im Zeitalter von Web 2.0</p>







  <!-- Begin #profile-container -->

            <div id="profile-container"> <h2 class="sidebar-title">About Me</h2> <dl class="profile-datablock">   <dt class="profile-img"> <a href="http://www.blogger.com/profile/2756273"> <img width="75" alt="My Photo" height="75" src="http://static.flickr.com/33/50179485_d9cfee0e1a_s.jpg">   </a> </dt>   <dd class="profile-data"> <strong>Name:</strong>Q-BEE </dd>  <dd class="profile-data"> <strong>Location:</strong>Cologne, Germany </dd>  </dl>  <p class="profile-textblock"> <a href="https://www.openbc.com/hp/Christian_Muench/">At  OpenBC</a>
<p>
<a href="http://www.d-sire.com/">At my desk</a>
<p>
<a href="http://www.technorati.com/claim/menwca6kj5" rel="me">Technorati Profile</a> </p>  <p class="profile-link"> <a href="http://www.blogger.com/profile/2756273">View my complete profile</a> </p> </div>  

  <!-- End #profile -->



      <h2 class="sidebar-title">Previous Posts</h2>
    <ul id="recently">
    
        <li><a href="http://www.public-beta.com/2006/09/myspace-viel-musik-voll-10.html">MySpace: Viel Musik, voll 1.0</a></li>

     
        <li><a href="http://www.public-beta.com/2006/09/neues-schaufenster-fr-online-werbung.html">Neues Schaufenster für Online Werbung in Deutschland</a></li>

     
        <li><a href="http://www.public-beta.com/2006/09/kommt-itunes-mit-movie-downloads.html">Kommt iTunes mit Movie-Downloads?</a></li>

     
        <li><a href="http://www.public-beta.com/2006/09/pimp-your-blog.html">Pimp your Blog</a></li>

     
        <li><a href="http://www.public-beta.com/2006/09/mein-google-spinnt_01.html">Mein Google spinnt</a></li>

     
        <li><a href="http://www.public-beta.com/2006/08/flickr-launcht-geo-tagging.html">Flickr launcht Geo-Tagging</a></li>

     
        <li><a href="http://www.public-beta.com/2006/08/google-analytics-jetzt-offen.html">Google Analytics jetzt offen</a></li>

     
        <li><a href="http://www.public-beta.com/2006/08/next-10-years-vortrge-als-video.html">Next 10 Years Vorträge als Video</a></li>

     
        <li><a href="http://www.public-beta.com/2006/08/flickr-fotos-bei-yahoo-und-anderswo.html">Flickr Fotos bei Yahoo und anderswo</a></li>

     
        <li><a href="http://www.public-beta.com/2006/08/hui.html">Hui</a></li>

     
  </ul>

    

<!-- Stay tuned -->

<h2 class="sidebar-title">Stay tuned</h2>
<p><a href="http://feeds.feedburner.com/public-beta" title="Subscribe to my feed, public.beta" rel="alternate" type="application/rss+xml"><img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" style="border:0"/></a> <a href="http://feeds.feedburner.com/public-beta" title="Subscribe to my feed, public.beta" rel="alternate" type="application/rss+xml">RSS-Feed</a> 
<p>

<a href="http://feeds.feedburner.com/public-beta"><img src="http://feeds.feedburner.com/~fc/public-beta?bg=999966&amp;fg=FFFFFF&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a>

</p>
<br>
<p><a href="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/public-beta" title="public.beta"><img src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif" alt="" style="border:0"/></a></p>
<p><a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/public-beta" title="public.beta"><img src="http://www.newsgator.com/images/ngsub1.gif" alt="Subscribe in NewsGator Online" style="border:0"/></a></p>
<p><a href="http://www.netvibes.com/subscribe.php?url=http://feeds.feedburner.com/public-beta"><img src="http://www.netvibes.com/img/add2netvibes.gif" width="91" height="17" alt="Add to netvibes" style="border:0" /></a></p>
<p><a href="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/public-beta"><img src="http://buttons.googlesyndication.com/fusion/add.gif" width="104" height="17" style="border:0" alt="Add to Google"/></a></p>
<p>
<h2 class="sidebar-title">Blogs I like</h2>
<ul>
   <li><a href="http://ecommerce.typepad.com/exciting_ecommerce/">Exiting Commerce</a></li>
   <li><a href="http://www.fischmarkt.de">Fischmarkt</a></li>
   <li><a href="http://www.e-commerce-blog.de/">E-Commerce Blog</a></li>
   <li><a href="http://www.smartmobs.com">Smartmobs</a></li>
   <li><a href="http://blog.wired.com/monkeybites/">Monkey Bites</a></li>
   <li><a href="http://www.web2null.de/">Web2Null</a></li>
   <li><a href="http://www.adverblog.com/">Adverblog</a></li>
   <li><a href="http://www.connectedmarketing.de/">Connected Marketing</a></li>
</ul>

<h2 class="sidebar-title">Current Location</h2>

<embed src="http://beta.plazes.com:80/tools/badge.swf?nocache=1158065741" wmode="transparent" width="180" height="120" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" swLiveConnect="true" FlashVars="key=6fc9df4ae707488b27214316fa7a31c7&amp;dark=000000&amp;light=000000&amp;text=ffffff&amp;link=33cc00" />

<!-- Start of Flickr Badge -->

<h2 class="sidebar-title">My Photos</h2>
<style type="text/css">
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#669999;}
#flickr_badge_wrapper {border: solid 1px #CCCC66}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
</style>
<table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="10" border="0"><tr><td><a href="http://www.flickr.com" id="flickr_www">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=3&display=latest&size=t&layout=v&source=user&user=35468140055%40N01"></script>
</table>
</td></tr></table>
<!-- End of Flickr Badge -->


  </div></div>

<!-- End #sidebar -->


<!-- Begin #footer -->

<div id="footer"><hr />


  <p><!-- This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>



</div>

<!-- End #footer -->



</div>

<!-- End #content -->

<script src="http://getclicky.com/1107.js"> </script>
<noscript><img height=0 width=0 src="http://getclicky.com/1107ns.gif"></noscript>

<!-- Google Analytivs -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-622956-1";
urchinTracker();
</script>
<!-- Google Analytics End -->

</body>

</html>