<!--

Copyright 2011, Fresh Interactive LLC.


        ZZZZZZZZZZ                                                                                ZZZZZZZZZZ                                
      ZZZZZZZZZZZZ                                                                                ZZZZZZZZZZ                                
     ZZZZZZZZZZZZZ                                                                                ZZZZZZZZZZ                                
    ZZZZZZZZZZZZZZ                                                                                ZZZZZZZZZZ                                
    ZZZZZZZZZZ                                                                                    ZZZZZZZZZZ                                
    ZZZZZZZZZ                                                                                     ZZZZZZZZZZ                                
    ZZZZZZZZZ                                 $ZZZZZZZZZZ8                  8ZOZZZZZZZOZ8         ZZZZZZZZZZ  NZOZZZZZOZ                    
ZZZZZZZZZZZZZZZZZZZZZZZZZZ8   ZZZZO8      NZZZZZZZZZZZZZZZZZ$            OZZZZZZZZZZZZZZZZZO      ZZZZZZZZZZDZZZZZZZZZZZZZZ                 
ZZZZZZZZZZZZZZZZZZZZZZZZZZ8 NZZZZZZ8    OZZZZZZZZZZZZZZZZZZZZZZ         ZZZZZZZZZZZZZZZZZZZZZ     ZZZZZZZZZZZZZZZZZZZZZZZZZZD               
ZZZZZZZZZZZZZZZZZZZZZZZZZZD ZZZZZZZ8   OZZZZZZZZZZZZZZZZZZZZZZZZZ      ZZZZZZZZZZZZZZZZZZZZZZZO   ZZZZZZZZZZZZZZZZZZZZZZZZZZZZ              
OOZZZZZZZZZZZZOOZZZZZZZZZZDZZZZZZZZ8 OZZZZZZZZZZZZZZZZZZZZZZZZZZZZ    ZZZZZZZZZZ$N NZZZZZZZZZZZ   ZZZZZZZZZZZZZZZZZZZZZZZZZZZZN             
    ZZZZZZZZZ     ZZZZZZZZZZZZZZZZZ8ZZZZZZZZZZZZZ      ZZZZZZZZZZZZ   ZZZZZZZZZ      NZZZZZZZZZZ  ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ             
    ZZZZZZZZZ     ZZZZZZZZZZZZZZZZZ8ZZZZZZZZZZN          ZZZZZZZZZZZ  ZZZZZZZZZN      8888888888  ZZZZZZZZZZZD      8ZZZZZZZZZZ             
    ZZZZZZZZZ     ZZZZZZZZZZZZD    ZZZZZZZZZZ             ZZZZZZZZZZ  ZZZZZZZZZOZ$                ZZZZZZZZZZD        ZZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZZ      ZZZZZZZZZZ$ZZZZZZZZZZZZZOZZZZZZZZZ ZZZZZZZZZZZZZZZOZ8          ZZZZZZZZZZ          OZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ      8ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ  ZZZZZZZZZZZZZZZZZZZOZ      ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ      ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ    $ZZZZZZZZZZZZZZZZZZZZ    ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ      ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ       ZZZZZZZZZZZZZZZZZZZD  ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ       ZZZZZZZZZ                                     ZZZZZZZZZZZZZZZ  ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ       ZZZZZZZZZZ                                        NOZZZZZZZZZZ ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ       ZZZZZZZZZZZ           OZZZZZZZZZZ OOOOOOOOOO        OZZZZZZZZZ ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ        ZZZZZZZZZZZO        ZZZZZZZZZZZ  ZZZZZZZZZZ        OZZZZZZZZZ ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ         ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ8   ZZZZZZZZZZZ    NZOZZZZZZZZN ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ          ZZZZZZZZZZZZZZZZZZZZZZZZZZZ     ZZZZZZZZZZZOZZZZZZZZZZZZZO  ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ           8ZZZZZZZZZZZZZZZZZZZZZZZZ       ZZZZZZZZZZZZZZZZZZZZZZZZ   ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ             ZZZZZZZZZZZZZZZZZZZZZ           ZZZZZZZZZZZZZZZZZZZOO    ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ                ZZOZZZZZZZZZZOZO               $ZZZZZZZZZZZZZZZD      ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
                                                N$ZZOZ8                        NZZOZZZD                                                     
                                                                                                                                            

-->
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fresh Interactive // Our Work // Yakult</title>
<link href="/favicon.ico" rel="defaultcut icon" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="/styles/global.css" />
<link rel="stylesheet" type="text/css" href="/styles/work.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="/js/css3.js"></script>
<script src="/js/jquery.quicksand.js"></script>
<script src="/js/jquery.easing.1.3.js"></script>
<script src="/js/main.js"></script>
<script src="/js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="/js/mosaic.1.0.1.min.js"></script>
<script>
	$(document).ready(function() {
	   $('#slideshow').cycle({ 
			fx:     'scrollHorz', 
			prev:   '#prev1', 
			next:   '#next1', 
			timeout: 0 
		});
	});
</script>
<script>
	$(function() {
		
		
		$('.home_thumb').mosaic({
					animation	:	'slide'
				});
		
		$('.home_thumb').hover(function() {
				$(this).children().children('.fullink').css({'border':'3px solid #7cbc00','position':'relative', 'background-position':'-3px -3px'});						
										}, 
  function () {
    $(this).children().children('.fullink').css({'border':'0px','position':'relative', 'background-position':'0px 0px'});			
  });
	});
	</script>
<script type="text/javascript" src="http://use.typekit.com/dwt3vpc.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<style>
.lcol {
    float: left;
    width: 650px;
}
.rcol {
    border-left: 1px solid #DEDEDE;
    float: left;
    height: auto;
    margin-left: 49px;
    margin-top: 90px;
    width: 260px;
}
.indented-col {
    margin-left: 33px;
    margin-top: -20px;
}
.testimonial-col{
 background: none repeat scroll 0 0 #C5C4C4;
    color: white;
    margin-bottom: 50px;
    margin-top: 40px;
    min-height: 160px;
    padding: 20px;	
}
.indented-col ul {
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}


.content-info
{
	margin-bottom:50px;	
}
.content-info p
{
	font-size:15px;
	margin-top:0;
}
.content-info h3
{
	font-size:15px;font-weight:bold;
	
}
.work_thumb{border: 1px solid;float: left; height: 180px;margin-bottom: 27px; margin-right: 27px; width: 300px;}
.norightmargin
{
	margin-right:0;
}
.nav_button{
	margin-top: 195px;
    width: 24px;
	cursor:pointer;
	}
.slide{width:560px; text-align:center;}
</style>
</head>
<body class="our-work">
	<div style="display:none"></div>
<div id="header" class="clearfix">
    	<div id="navbar">
        	<h1 class="logo"><a href="/">Fresh Interactive Design and Web Development</a></h1>
            <ul id="nav">
            	<li id="our-work" class="active"><a href="/our-work">Our Work</a></li>
                <li id="news" ><a href="/news">News</a></li>
                <li id="about" ><a href="/about">About</a></li>
                <li id="partnerships" ><a href="/partnerships">Partnerships</a></li>
                <li id="contact" ><a href="/contact">Contact</a></li>
                <div class="downarrow DAour-work"></div>
            </ul>
        </div>
    </div>    <div id="home-hero">
    </div>
	<div id="container" class="clearfix">
    	<div id="hero" class="clearfix">
    	<div class="lcol">
			<div class="col-content">
            	<h1>Yakult</h1>
                <p>
                When over 28 million units of your product is being consumed daily, you know you're doing more than a few things right. When Yakult, the world's pioneer in probiotics, needed to refine their website's user experience, our team was happy to answer the call. With a refined navigation system and the integration of lead-generation and social integration, the new Yakult site allows the users to explore, share, and learn all about how what Yakult can do for you.                </p>
            </div>  
            <div class="col-content">
            	<div class="nav_button" id="prev1" style="float:left;"><img src="../media/img/home/left_slide_small.png"></div>				 <div id="slideshow" style="float:left; width:560px;height:350px;margin:50px 20px 90px;">                 	<div class="slide"><img src="/media/img/work/work_main/yakult.jpg" /></div>                    <div class="slide"><img src="/media/img/work/work_main/yakult2.png" /></div>                                    </div>
                <div class="nav_button" id="next1" style="float:right;"><img src="../media/img/home/right_slide_small.png"></div>			</div>
                
    	</div>
        
        <div class="rcol">
			<div class="col-content">
            	<div class="indented-col">
                    <h2>Mobile Site & UX Facelift</h2>
                    <p class="subtitle">Services</p>
                    <ul>
<li>UX Research and Development</li>
<li>Architecture Redesign</li>
<li>Lead Generation and Management</li>
<li>Educational Quiz Development</li>
<li>Mobile Website Development</li>
</ul> 
                                       <p class="subtitle">Under the Hood</p>
                    <ul>
<li>Facebook and Twitter API</li>
<li>PHP and MySQL</li>
<li>jQuery Framework</li>
<li>Google Maps API</li>
</ul>                                        <p class="subtitle">Visit the Website</p>
                    <div class="view_site">
                        <a href="http://www.yakultusa.com" target="_blank">www.yakultusa.com</a>
                    </div>
                                    </div>
                            </div>
        </div>  
       </div>  <!--ends hero-->
       <div style="clear:both;"></div>
       
       <div class="simprojects">
       		<h2>similar projects.</h2>
            <div class="home_thumb">
                	<a href="/our-work/frostings-cupcakes"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Frostings Cupcakes</div>
                           Website
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/frostings_thumb.jpg);"><a class="fullink" href="/our-work/frostings-cupcakes"></a></div>
                </div><div class="home_thumb">
                	<a href="/our-work/dean-distributors"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Dean Distributors</div>
                           Corporate Website
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/dean_thumb.jpg);"><a class="fullink" href="/our-work/dean-distributors"></a></div>
                </div><div class="home_thumb norightmargin">
                	<a href="/our-work/ramuan-superchews"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Biotropics</div>
                           Ramuan Superchews Microsite
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/ramuan_thumb.jpg);"><a class="fullink" href="/our-work/ramuan-superchews"></a></div>
                </div>       		
       </div>
       
       </div>
	</div>
 </div>  
    <div id="footer">
    	<div class="content clearfix">
        	<div id="footer-left">
            	<h2 class="logo-footer">Fresh Web Design Development Los Angeles</h2>
                &copy;2012 Fresh Interactive, LLC
            </div>
            <div id="footer-mid">
            	<ul class="left-list">
                	<li><a href="/">Home</a></li>
                	<li><a href="/our-work">Our Work</a></li>
                    <li><a href="/news">News</a></li>
                    <li><a href="/about">About Us</a></li>
                </ul>
                <ul class="right-list">
                	<li><a href="/careers">Careers</a></li>
                    <li><a href="/partnerships">Partnerships</a></li>
                    <li><a href="/blog">Blog</a></li>
                    <li><a href="/contact">Contact</a></li>
                </ul>
            </div>
            <div id="footer-right">
            	3019 Olympic Blvd.<br/>
				Studio D<br/>
				Santa Monica, CA 90404<br/>
				866.865.3041
				<p><a href="mailto:info@freshiscool.com">info@freshiscool.com</a></p>
            </div>
            <div class="footer-contact">
            	<div class="clearfix"><a class="social facebook" href="http://www.facebook.com/freshinteractive" target="_blank"></a><a class="social twitter" href="http://twitter.com/freshinteractiv" target="_blank"></a><a class="social linkedin" href="http://www.linkedin.com/company/fresh-interactive/" target="_blank"></a><a class="social youtube" href="http://www.youtube.com/freshinteractive1" target="_blank"></a><a class="social pinterest" target="_blank" href="http://www.pinterest.com/freshpins"></a></div>
                <p>Get Our Newsletter<br /><div id="newsform"><form id="newsletter">
                <input class="newsletter-email" name="email" value="Email" /><input type="submit" class="newsletter-submit" />
                </form></div>
                </p>
            </div>
        </div>
</div>

<script>
$('.newsletter-email').focus(function(){
									  $(this).val("");
									  });
$('.newsletter-email').blur(function(){
									 if($(this).val() == "") {
										 $(this).val("Email");
									 }
									  
									  });

  /* attach a submit handler to the form */
  $(".newsletter-submit").click(function(event) {

    
    /* get some values from elements on the page: */
   
      var  email = $( '.newsletter-email' ).val();

   var dataString = 'email=' + email;  
//alert (dataString);return false;  
$.ajax({  
  type: "POST",  
  url: "/lib/join_newsletter.php",  
  data: dataString,  
  success: function() {  
    $('#newsform').html("Thanks for signing up!");  
   
  }  
});  
return false; 
  });
</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">
try {
var pageTracker = _gat._getTracker("UA-7372893-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>