<?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>Fi Blog</title>
	<atom:link href="http://blog.f-i.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.f-i.com</link>
	<description>Fantasy Interactive</description>
	<lastBuildDate>Tue, 07 May 2013 07:23:25 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Six Reasons You Want to Work at Fi</title>
		<link>http://blog.f-i.com/six-reasons-you-want-to-work-at-fi/</link>
		<comments>http://blog.f-i.com/six-reasons-you-want-to-work-at-fi/#comments</comments>
		<pubDate>Tue, 30 Apr 2013 06:00:11 +0000</pubDate>
		<dc:creator>Stephanie Yang</dc:creator>
				<category><![CDATA[Fi]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[Jobs]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=2852</guid>
		<description><![CDATA[If you're familiar with Fi, and you're in the digital industry, you've likely wondered what it might be like to work here. We're not going to waste your time with a fluff piece. You've seen our work and the results speak for themselves.]]></description>
				<content:encoded><![CDATA[<p>If you&#8217;re familiar with Fi, and you&#8217;re in the digital industry, you&#8217;ve likely wondered what it might be like to work here. We&#8217;re not going to waste your time with a fluff piece. You&#8217;ve seen our <a href="http://www.f-i.com/work/all">work</a> and the results speak for themselves. So, might joining us be your best next career move? Read on and decide for yourself.</p>
<p><strong><span style="color: #ff0000;">1.</span> Our creative process is driven by collaboration and cross-pollination.</strong></p>
<p>Our process is collaborative from the start, and there is no formal hierarchy among the teams. Sure, we have our Global Directors at the top, but there’s no attitude, and everybody works side-by-side each day with one goal in mind: Deliver the absolute best experience possible, for the user and the client. Right from kickoff, Production, Account, UX, Visual Design and Tech teams all work <a href="http://blog.f-i.com/usatoday-com-redesigning-one-of-americas-most-popular-news-site/">collaboratively</a> throughout the process to ensure we’re incorporating the very best ideas, no matter from whom they came.</p>
<p><img class="aligncenter size-full wp-image-2911" alt="Collaboration over Skype" src="http://blog.f-i.com/wp-content/uploads/2013/04/Collab_Unfiltered.jpg" width="640" height="853" /></p>
<p><strong><span style="color: #ff0000;">2.</span> Our work makes a difference on the broader web.</strong></p>
<p>These days, launching a digital project is becoming standard for most companies. What really gets us out of bed in the morning is the opportunity to create something truly meaningful; an experience that informs, delights and excites the audience, and the world at large. Sometimes it’s partnering with a startup like Pulse, pushing them to reach beyond the status quo and deliver a <a href="http://blog.f-i.com/fi-microsoft-cool-html5-experiences/">transformative experience</a>. In this case adding value and propelling them toward their eventual <a href="http://www.businessweek.com/articles/2013-04-18/why-linkedin-is-buying-newsreader-app-pulse">acquisition</a> by LinkedIn. Most times we’re working with <a href="http://blog.f-i.com/nick-app-ranks-1-in-free-ipad-entertainment-apps/">household names</a> in a similar fashion, constantly stretching the boundaries of what’s possible in the digital space. When the end result is a net improvement in the user’s digital quality of life, that’s a win-win.</p>
<p><img class="aligncenter size-full wp-image-2906" alt="NYOffice_003" src="http://blog.f-i.com/wp-content/uploads/2013/04/NYOffice_0031.jpg" width="640" height="427" /></p>
<p><strong><span style="color: #ff0000;">3.</span> Quality over quantity.</strong></p>
<p>This is our <a href="http://www.f-i.com/fi/about-us">mantra</a>, and we apply it to our work, the clients we choose to work with, and our staff as well. Our ideal target employee is someone who has paid their dues, and brings a skill set second to none. You’ve studied hard, perfected your methods, and are ready to be a part of something truly amazing. This is not about beefing up your portfolio to make a quick jump elsewhere, this is about transforming ‘work’ into a career that you truly love and enjoy.</p>
<p><img class="aligncenter size-full wp-image-2891" alt="JV_Soundbite" src="http://blog.f-i.com/wp-content/uploads/2013/04/JV_Soundbite.jpg" width="640" height="167" /></p>
<p><strong><span style="color: #ff0000;">4.</span> Home is where the Mac is.</strong></p>
<p>Passion and dedication are not ruled by the clock, so we offer workspaces that are warm and comfortable, regardless of how long the day might get. It starts with the shoes coming off at the door, and extends to the lighting, furnishings, and well-stocked refrigerators. Weekly Fikas (Swedish for ‘coffee/tea break’) bring each office together for snacks, treats, and often some spirited trivia competition. When your office feels like a second home, ‘going to work’ takes on new meaning.</p>
<p><img class="aligncenter size-full wp-image-2897" alt="No_Shoes_Blog" src="http://blog.f-i.com/wp-content/uploads/2013/04/No_Shoes_Blog.jpg" width="640" height="236" /></p>
<p><strong><span style="color: #ff0000;">5.</span> Our clients are truly partners.</strong></p>
<p>Regardless of our size, we bring a boutique mindset to client relationships. We seek out and work with those clients that respect our process, and are ready to create something meaningful and long-lasting. A mutual exchange of ideas brings us closer, but it’s the mutual trust and respect that deepens the relationship and drives us toward truly evolving their business in the digital realm. We’re proud to call some of the biggest household names, like Google, <a href="http://blog.f-i.com/explore-touch-with-internet-explorer/">Microsoft</a>, MTV and <a href="http://blog.f-i.com/usatoday-com-redesigning-one-of-americas-most-popular-news-site/">USA Today</a>, not just clients but truly partners in our shared success.</p>
<p><img class="aligncenter size-full wp-image-2927" alt="Clients Logos" src="http://blog.f-i.com/wp-content/uploads/2013/04/Clients-Logos1.png" width="640" height="292" /></p>
<p><strong><span style="color: #ff0000;">6.</span> We&#8217;re fiercely independent.</strong></p>
<p>Never beholden to a parent company, or shareholders strictly focused on the bottom line, we have the freedom and flexibility to do whatever we choose, creatively. We <a href="http://blog.f-i.com/inside-the-studio-fis-new-website/">experiment</a>, explore, stretch and push every boundary, constantly searching for the next big innovation or approach that will truly reshape what digital means in our everyday lives.</p>
<p><img class="aligncenter size-full wp-image-2902" alt="We are Fi cover" src="http://blog.f-i.com/wp-content/uploads/2013/04/Fi_Cover_OFFF-2013.jpg" width="640" height="457" /></p>
<p dir="ltr">So there you have it. We’re collaborative and comfortable, innovative and independent. But above all, we’re collectively enhancing and elevating one another simply by working together within a system that supports growth and accomplishment, one project at a time. If you can’t sincerely say the same thing about your current situation, we should talk.</p>
<p dir="ltr">We&#8217;re growing quickly to meet our client demands and are looking for candidates up for the challenge. Current open <a href="http://www.f-i.com/fi/careers">positions</a> include Creative Directors, Art Directors, UX Designers, Senior Producers and Lead Developers in both our NYC and SF offices. Please send your portfolios and resumes to Fi&#8217;s Director of Talent Acquisition <a href="mailto:nicholas.saricopoulos@f-i.com">Nick Saricopoulos</a>. And be sure to follow us on <a href="https://www.facebook.com/Fi">Facebook</a> and <a href="https://twitter.com/F_i">Twitter</a> for new positions that open up.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/six-reasons-you-want-to-work-at-fi/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Equalizer Dots</title>
		<link>http://blog.f-i.com/equalizer-dots/</link>
		<comments>http://blog.f-i.com/equalizer-dots/#comments</comments>
		<pubDate>Wed, 17 Apr 2013 15:24:16 +0000</pubDate>
		<dc:creator>Tomek Augustyn</dc:creator>
				<category><![CDATA[Digital]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=2846</guid>
		<description><![CDATA[<p>Equalizer dots experiment. Source on <a href="https://github.com/FantasyInteractive/fi-labs_equalizer-dots" target="_blank">github</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Equalizer dots experiment. Source on <a href="https://github.com/FantasyInteractive/fi-labs_equalizer-dots" target="_blank">github</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/equalizer-dots/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>USAToday.com: Redesigning One of America&#8217;s Most Popular News Sites</title>
		<link>http://blog.f-i.com/usatoday-com-redesigning-one-of-americas-most-popular-news-site/</link>
		<comments>http://blog.f-i.com/usatoday-com-redesigning-one-of-americas-most-popular-news-site/#comments</comments>
		<pubDate>Mon, 15 Apr 2013 06:00:03 +0000</pubDate>
		<dc:creator>Stephanie Yang</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[Press]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[adaptive design]]></category>
		<category><![CDATA[online newspaper]]></category>
		<category><![CDATA[USA Today]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=2497</guid>
		<description><![CDATA[This is the story behind Fi's re-imagination of how news content is consumed on the web.]]></description>
				<content:encoded><![CDATA[<p>This is the story behind<a href="http://blog.f-i.com/wp-admin/www.f-i.com"> Fi&#8217;s</a> re-imagination of how news content is consumed on the web.</p>
<p>&nbsp;</p>
<p><strong>BACKGROUND</strong></p>
<p dir="ltr">Newspaper readership is in decline. In fact, print media in general is gasping for air, in a desperate search for the path back toward relevancy in our increasingly digital world. It’s not that our appetites for news and information have faded; they certainly have not. The core challenge for publishers is to somehow evolve along with the preferences of their audience. This evolution has been from paper to pixels, and it shows no signs of slowing. In fact, a<a href="http://www.adweek.com/news/television/data-points-news-diet-144229"> Pew Center Research 2012 news consumption survey</a> shows that fully 39% of Americans polled prefer to receive their news digitally vs. more traditional offline sources. From fourth place in 2008, digital news consumption is now second only to televised news programming.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/Pew_New.jpg"><img class="aligncenter size-full wp-image-2641" alt="Digital is 2nd leading news source for Americans" src="http://blog.f-i.com/wp-content/uploads/2013/04/Pew_New.jpg" width="640" height="445" /></a></p>
<p dir="ltr">Gannett Company, Inc. keenly observed this trend earlier than most, and began to embrace the new paradigm by investing in their own digital evolution, specifically with USA Today. After turning inward for several months of workshops, they began the search for the ideal partner to shepherd along the course they had charted. Out of twelve world-class competitors, Fi was the clear favorite, and we eagerly embarked on the journey with one of the most prolific and familiar news sources in publishing.</p>
<p><iframe src="http://player.vimeo.com/video/62878476" height="313" width="500" allowfullscreen="" frameborder="0"></iframe></p>
<p style="line-height: 1.3;"><span style="color: #999999;"><em><span style="font-size: small;">Narrated by Fi&#8217;s creative leads, Irene Pereyra, Global Director of UX &amp; Strategy and Anton Repponen, Global Creative Director, this video is a look at Fi&#8217;s story and strategy of redesigning one of America&#8217;s most popular news site. Please note that all of the imagery featured in the video was work-in-progress during the lifecycle of the project. Obviously, the end result turned out quite differently.</span></em></span></p>
<p dir="ltr"><span style="font-size: 13px; line-height: 19px;"> </span></p>
<p><strong>GETTING STARTED</strong></p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.002.jpg"><img class="aligncenter size-full wp-image-2536" alt="Fi wins the USAToday.com redesign work" src="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.002.jpg" width="640" height="360" /></a></p>
<p>The centerpiece of the USA Today evolution strategy was a comprehensive rebranding across all of their properties, timed to coincide with their 30th anniversary. Print, digital, even the iconic logo, were all in line for a full makeover. While<a href="http://www.wolffolins.com/"> Wolff Olins</a> set out to craft the new branding guidelines, logo and identity, our teams dove into research and discovery toward the next generation of USA Today online.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Logo-Change.jpg"><img class="size-full wp-image-2525 aligncenter" alt="USA Today rebranded logo" src="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Logo-Change.jpg" width="551" height="278" /></a></p>
<p>Defined by bold decisions, and the challenge to fully disrupt news consumption in the digital space, the plan for the new USA Today was aggressive, and that’s the way we like it. The new experience had to be like nothing before it, paving new ground toward the future of digital publishing. This was familiar territory for both partners involved. USA Today has always been on the forefront of<a href="http://www.garciamedia.com/blog/articles/usa_today_turns_30-part_1-looking_into_the_attic_for_those_early_sketches"> innovation</a> with their bold use of color, and headline-driven editorial approach uncommon in their marketplace. Similarly, Fi has continually pushed the bleeding edge of innovation for many iconic brands in the digital space. Staying true to our shared heritage, and unconcerned with what the competition was doing, we set out to fully reset the bar for a news site in the twenty-first century.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/AR_Soundbite1.jpg"><img class="aligncenter size-full wp-image-2806" alt="AR_Soundbite" src="http://blog.f-i.com/wp-content/uploads/2013/04/AR_Soundbite1.jpg" width="640" height="167" /></a></p>
<p><strong>DISCOVERY </strong></p>
<p><strong></strong>So the course was set, and now we took the deep dive into what it really means to be a trusted source of news, and defining the true wishes and desires of a modern news consumer. There was no doubt we needed a feature-rich and engaging experience that aligned to the updated USA Today brand, but what we were really after were the pivotal insights into the industry and its audience that would inform our architecture and design.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.008.jpg"><img class="aligncenter size-full wp-image-2542" alt="Discovery Phase" src="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.008.jpg" width="640" height="360" /></a></p>
<p>The targeted Discovery phase included four core components, working together by sequentially layering key insights from one phase onto the next.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.009.jpg"><img class="aligncenter size-full wp-image-2543" alt="Discovery phase includes 4 key areas" src="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.009.jpg" width="640" height="360" /></a></p>
<ol>
<li dir="ltr">
<p dir="ltr"><strong>Discovery Research</strong>: Very simply, this phase is all about defining the market, the needs, and the opportunities. What are the core mechanics and drivers of the business? What are the existing pain points for news consumers? How can we better serve the needs of journalists and contributors and help them reach the widest possible audience? How can we offer a superior ad experience for both advertisers and audience?</p>
</li>
<li dir="ltr">
<p dir="ltr"><strong>Innovation Discovery</strong>: Informed by the previous phase, now it’s time to define our approach toward relieving pain points, serving needs, and delivering on identified opportunities. Beyond that, how do we do this in a way that is truly unique and groundbreaking?</p>
</li>
<li dir="ltr">
<p dir="ltr"><strong>Experience Strategy</strong>: Herein we map user flows and journeys ad infinitum. Continuing to modify and iterate until we reach a state where every rendition of the end experience is sensible, efficient, and delivers on the charted objectives from prior phases.</p>
</li>
<li dir="ltr">
<p dir="ltr"><strong>Creative Concepts</strong>: With every critical component of the foundation clearly documented, now we do what we do best: design. Organically iterating in a continuous feedback loop with the team at USA Today, we began to conceptualize the framework for an experience built on said foundation, and rapidly come away with a clear vision for the end result.</p>
</li>
</ol>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.010.jpg"><img class="aligncenter size-full wp-image-2544" alt="Character archetypes overview" src="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.010.jpg" width="640" height="360" /></a></p>
<p style="text-align: center;"><span style="color: #999999;"><em>Here&#8217;s a quick glance at one of the Discovery Research documents &#8211; a snapshot of user behavior.  </em></span></p>
<p dir="ltr">While personas are common and often useful, our approach toward user definition is focused on archetype development. Creating these archetypes based on a set of specific questions defines our approach from a behavioral perspective, as opposed to inventing personas in a vacuum.</p>
<p dir="ltr"><em>When are people coming to the site? From whence are they coming? What are their objectives? How much time are they willing to spend? Are they coming from mobile devices? Which ones? What is their level of comfort and savvy with the Internet in general?</em></p>
<p dir="ltr">Once we truly and deeply understand the natural behaviors and preferences of our user groups, and in this case how they consume mixed-media news content, then the products of our subsequent phases are sure to be productive. This exercise lays the foundation for the architecture, framework, and creative vision and overall experience.</p>
<p>&nbsp;</p>
<p><strong>UX &amp; DESIGN</strong></p>
<p><strong></strong>Fully informed by the research and analysis from the prior phase, now teams of subject-matter experts from both UX and Visual Design come together to begin the heavy lifting toward manifesting the vision.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.013.jpg"><img class="aligncenter size-full wp-image-2547" alt="UX &amp; Design " src="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.013.jpg" width="640" height="360" /></a></p>
<p>Many weeks spent in discovery yielded a series of insights that equated to a world-class primer on how people read the news. Informed by natural behaviors &#8211; Mom starts with the Life section, Dad with Sports, for example &#8211; one key insight was that it’s very rare for any reader to consume the entire newspaper from front to back. Any UX or Visual designer could pick up our comprehensive analysis and within hours be an expert ready to deliver on the designated vision established. Very quickly the framework took shape, and a brilliant disruption of the section-by-section analog convention was the basis of our philosophy.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.014.jpg"><img class="aligncenter size-full wp-image-2548" alt="Analog sectioned manner to read news" src="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.014.jpg" width="640" height="360" /></a></p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/irene_soundbite.jpg"><img class="aligncenter size-full wp-image-2815" alt="irene_soundbite" src="http://blog.f-i.com/wp-content/uploads/2013/04/irene_soundbite.jpg" width="640" height="97" /></a>Most people don’t end up at a news site on the home page. Instead, they’ve likely landed via organic search, social media, or an email forward. This led our architecture to serve those habits and patterns. Our solution involved a radical simplification of a typically very deep framework, essentially providing a two-level structure, with individual articles being the primary focus. Assigning each a unique URL, and layering them directly over the main section page behind it, allowed users to easily share or link to a particular article, and continue reading from article to article without ever having to hit the home page.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.015.jpg"><img class="aligncenter size-full wp-image-2549" alt="Digital sections broken up" src="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.015.jpg" width="640" height="360" /></a></p>
<p>Essentially creating one long page for each section, the hovering articles became the heroes, and this philosophy became the basis for the entire experience. An added benefit to this simplified approach is that the resulting flat architecture made for massive efficiencies in the development of UX and Design templates. This modular approach offered economies of time, effort, and total costs as well. Instead of unique layouts for each and every section, we found the critical path toward most sensible delivery of a vastly diverse set of information. This offered a streamlined and flexible format that catered to user needs, as well as the swift evolution of ever-changing news cycles.<b id="internal-source-marker_0.07927099778316915">  </b></p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.039.jpg"><img class="aligncenter size-full wp-image-2573" alt="Individual story page" src="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Case-Study.039.jpg" width="640" height="360" /></a></p>
<p>Typically a massive evolutionary redesign like this would be designed in a fully-responsive manner, offering a tailored desktop experience specific to the device on which it was consumed (e.g. tablet, smartphone, etc.). In this case however, USA Today already had a quite robust offering via iPad and iPhone apps, so we took a singular focus toward making the desktop experience be the very best it could be, as a standalone environment yet still fully accessible via device-based browsers.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Mobile.jpg"><img class="aligncenter size-full wp-image-2682" alt="USAT-Mobile" src="http://blog.f-i.com/wp-content/uploads/2013/04/USAT-Mobile.jpg" width="640" height="480" /></a></p>
<p dir="ltr">We invite you to dive in and get familiar with all of the opportunities the new<a href="http://www.usatoday.com/"> usatoday.com</a> offers for discovering and consuming news in a way that’s custom-tailored for today’s digital landscape and habits.  Here’s a quick look at the highlights of the final result.</p>
<p><iframe src="http://player.vimeo.com/video/49599658" height="281" width="500" allowfullscreen="" frameborder="0"></iframe></p>
<p>&nbsp;</p>
<p><strong>IMPACT</strong></p>
<p dir="ltr">Even in its beta state, the new USA Today site was fully embraced by users and industry colleagues alike. The<a href="http://www.aiga.org/"> AIGA</a> design community lauded the experience as &#8220;<a href="http://designenvy.aiga.org/usa-today-website-redesign-fantasy-interactive/">impressive</a>&#8221; and &#8220;unprecedented.&#8221;<a href="http://www.fastcompany.com/"> Fast Company</a> touted the full-page ad experiences as &#8220;<a href="http://www.fastcodesign.com/1670800/could-a-redesign-really-rescue-usa-today#1">luxury</a>&#8220;, and the leading educational voice of journalism, The Poynter Institute, reviewed the site as &#8220;<a href="http://www.poynter.org/how-tos/newsgathering-storytelling/visual-voice/188575/usa-today-innovates-with-horizontal-experience-information-layers-on-new-website/">a digital re-envisioning&#8221; that may &#8220;elevate its importance in this time of transition for journalism.</a>&#8220;</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/RFORD_Soundbite1.jpg"><img class="aligncenter size-full wp-image-2807" alt="RFORD_Soundbite" src="http://blog.f-i.com/wp-content/uploads/2013/04/RFORD_Soundbite1.jpg" width="640" height="167" /></a></p>
<p>The site has gone on to receive an FWA <a href="http://www.thefwa.com/site/usa-today-?search=USA%20Today">Site of the Day</a> followed by <a href="http://www.thefwa.com/adobe/tcea/usa-today">The Cutting Edge Award</a> by Adobe which highlights the best work and capabilities of the modern web.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/04/FWA-Cutting-Edge-Award.png"><img class="aligncenter size-full wp-image-2651" alt="FWA Cutting Edge Award" src="http://blog.f-i.com/wp-content/uploads/2013/04/FWA-Cutting-Edge-Award.png" width="640" height="460" /></a></p>
<p>Now that <a href="http://www.usatoday.com/">usatoday.com</a> has officially gone live and matured with time, the work has been featured in the design press as a case study example for the next generation of digital publishing. Web Designer Magazine wrote a 5 page<a href="http://blog.f-i.com/usa-today-featured-in-web-designer-magazine/"> spread</a> on the new design in Issue 207 and titled the story USA Today: A New Frontier in Digital Publishing.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/03/USAT_Web-Designer_March-2013_Page-1_2.jpg"><img class="aligncenter size-full wp-image-2386" alt="USA Today's redesigned website" src="http://blog.f-i.com/wp-content/uploads/2013/03/USAT_Web-Designer_March-2013_Page-1_2.jpg" width="640" height="415" /></a></p>
<p>In the March 2013 issue of .net Magazine, USA Today&#8217;s simple page app structure was the topic of discussion in the publication&#8217;s <a href="http://blog.f-i.com/usa-today-featured-in-net-magazine/"><em>How We Built</em></a> section.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/02/Page1.jpg"><img class="aligncenter size-full wp-image-1716" alt="Page1" src="http://blog.f-i.com/wp-content/uploads/2013/02/Page1.jpg" width="640" height="655" /></a></p>
<p>Like the music and broadcast industries before it, digital has forever disrupted business as usual for print publishing. The grand takeaway from this project, for Fi, was that no matter how much content you have to offer, no matter how disparate, less is most definitely more in terms of presentation. Today’s savvy readers/consumers no longer simply skim above-the-fold and move on. Instead, they come with a specific purpose, a mission if you will, and our job is to offer an experience designed to help them fulfill those missions on a regular basis, in the most efficient way possible. Similarly, for the publishers and advertisers, we meet their end objectives by providing an innately shareable experience that lends itself to the broadest organic reach available. In sum, the new <a href="http://www.usatoday.com/">usatoday.com</a> delivers a news site that serves the core business needs of those involved in the production and delivery of the content, while catering specifically to the needs and objectives of its rapidly expanding digitally-native audience. If we make it easy to consume and share content in a way that’s natural and familiar to the reader, we provide a winning proposition for all involved.</p>
<p><strong><br />
ABOUT FI</strong></p>
<p>If you think about it, digital is a daily touchpoint in almost everyone’s lives. And for the most part, we rely on it&#8230; crave it, even. And when digital experiences surprise, delight, and simplify life for the end user, it’s a beautiful thing. That’s what <a href="www.f-i.com">Fi</a> is, an agency producing beautiful digital experiences.</p>
<p>Boutique. Nimble. Bespoke. Describe us as you please. The fact is we operate as a smaller agency compared to others by design despite our global footprints in London, New York, San Francisco and Stockholm. Our size allows us to stay ahead of the disruptions digital brings. And our clients understand the type of results they’ll get from us. We don’t just get the job done. We help fix the inherent problem.</p>
<p>To check out the latest Fi projects, visit <a href="http://www.f-i.com/work/all">here</a>. Follow us on <a href="http://www.facebook.com/Fi">Facebook</a>, <a href="https://twitter.com/F_i">Twitter</a> and <a href="https://plus.google.com/u/1/b/109344403037033200207/109344403037033200207/posts">G+</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/usatoday-com-redesigning-one-of-americas-most-popular-news-site/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>WebGL Sparkling Logo</title>
		<link>http://blog.f-i.com/webgl-sparkling-logo/</link>
		<comments>http://blog.f-i.com/webgl-sparkling-logo/#comments</comments>
		<pubDate>Wed, 10 Apr 2013 18:19:55 +0000</pubDate>
		<dc:creator>Jon Wålstedt</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Labs]]></category>
		<category><![CDATA[WebGL]]></category>
		<category><![CDATA[Sparkling logo]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=2493</guid>
		<description><![CDATA[<p>The Fi logo is being drawn by a particle emitter animating along a bezier curve in 3d space. This lab is using the <a title="Sparks" href="https://github.com/zz85/sparks.js/" target="_blank">sparks.js</a> library. <a title="Sparkling Logo" href="https://github.com/FantasyInteractive/fi-labs_webgl-sparkling-logo" target="_blank">Source on GitHub</a></p>
]]></description>
				<content:encoded><![CDATA[<p>The Fi logo is being drawn by a particle emitter animating along a bezier curve in 3d space. This lab is using the <a title="Sparks" href="https://github.com/zz85/sparks.js/" target="_blank">sparks.js</a> library. <a title="Sparkling Logo" href="https://github.com/FantasyInteractive/fi-labs_webgl-sparkling-logo" target="_blank">Source on GitHub</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/webgl-sparkling-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>USA Today Featured in Web Designer Magazine</title>
		<link>http://blog.f-i.com/usa-today-featured-in-web-designer-magazine/</link>
		<comments>http://blog.f-i.com/usa-today-featured-in-web-designer-magazine/#comments</comments>
		<pubDate>Tue, 12 Mar 2013 22:37:21 +0000</pubDate>
		<dc:creator>Stephanie Yang</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[Press]]></category>
		<category><![CDATA[editorial]]></category>
		<category><![CDATA[Gannett]]></category>
		<category><![CDATA[publishing]]></category>
		<category><![CDATA[site redesign]]></category>
		<category><![CDATA[USA Today]]></category>
		<category><![CDATA[Web Designer Magazine]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=2389</guid>
		<description><![CDATA[Our work with USA Today’s site redesign is featured in a 5-page spread in this month’s issue of Web Designer, the UK publication for creative web design enthusiasts and professionals. Go ‘behind the scenes’ with the team responsible for the publisher’s digital rebrand and walk through the timeline of work.]]></description>
				<content:encoded><![CDATA[<p>Our work with <a href="http://www.facebook.com/video/video.php?v=10151250080289923&amp;saved">USA Today&#8217;s site redesign</a> is featured in a 5-page spread in this month&#8217;s issue of <a href="http://www.webdesignermag.co.uk/">Web Designer</a>, the UK publication for creative web design enthusiasts and professionals. If you&#8217;re not familiar with the work yet, check out the award-winning site in the video below.</p>
<p><iframe src="http://player.vimeo.com/video/49599658" height="281" width="500" allowfullscreen="" frameborder="0"></iframe></p>
<p>Go &#8216;behind the scenes&#8217; with the team responsible for the publisher&#8217;s digital rebrand and walk through the timeline of work. Follow our strategy, design and development of how we took a content-heavy publishing site and re-engineered it to make online news reading simple, intuitive and usable.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/03/USAT_Web-Designer_March-2013_Page-1_2.jpg"><img class="aligncenter size-full wp-image-2386" alt="USA Today's redesigned website" src="http://blog.f-i.com/wp-content/uploads/2013/03/USAT_Web-Designer_March-2013_Page-1_2.jpg" width="640" height="415" /></a></p>
<p>We love how the editor colorfully displays the story in the same fashion the USA Today site experience delivers.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/03/USAT_Web_Designer_March_2013_Page-3_4.jpg"><img class="aligncenter size-full wp-image-2396" alt="Color-coded landing pages" src="http://blog.f-i.com/wp-content/uploads/2013/03/USAT_Web_Designer_March_2013_Page-3_4.jpg" width="640" height="415" /></a></p>
<p>Get to know two nuances that helped define the work: the design and launch date.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/03/USAT_Web-Designer_March-2013_Page-5.jpg"><img class="aligncenter size-full wp-image-2393" alt="Design and launch date" src="http://blog.f-i.com/wp-content/uploads/2013/03/USAT_Web-Designer_March-2013_Page-5.jpg" width="640" height="832" /></a></p>
<p>For the full digital March 2013 issue, you can purchase and download it <a href="https://www.imagineshop.co.uk/index.php/catalog/product/view/id/2320/s/web-designer-issue-207/?utm_source=Web%20Designer&amp;utm_medium=button&amp;utm_campaign=Product-Widget">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/usa-today-featured-in-web-designer-magazine/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Nick App Ranks #1 In Free iPad Entertainment Apps</title>
		<link>http://blog.f-i.com/nick-app-ranks-1-in-free-ipad-entertainment-apps/</link>
		<comments>http://blog.f-i.com/nick-app-ranks-1-in-free-ipad-entertainment-apps/#comments</comments>
		<pubDate>Thu, 07 Mar 2013 05:48:31 +0000</pubDate>
		<dc:creator>Stephanie Yang</dc:creator>
				<category><![CDATA[Fi]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[Press]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iTunes App Store]]></category>
		<category><![CDATA[Nick app]]></category>
		<category><![CDATA[Nickelodeon]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=1909</guid>
		<description><![CDATA[About a year ago Fi helped launch the awards show app for Nickelodeon timed to their annual celebrity-studded Kids' Choice Awards show. A record-breaking 223 million votes were cast last year for kids' favorite stars, increasing engagement to an all-time high. Yeah, you could say everybody was happy. So we've teamed up again with our trusted Nickelodeon partner and, last Thursday, launched Nick app, a digital tapestry of all-things-Nickelodeon available exclusively on the iPad.]]></description>
				<content:encoded><![CDATA[<p>About a year ago <a href="http://www.f-i.com">Fi</a> helped launch the <a href="http://www.f-i.com/nickelodeon/kids-choice-awards/">awards show app</a> for Nickelodeon timed to their annual celebrity-studded Kids&#8217; Choice Awards show. A record-breaking 223 million votes were cast last year for kids&#8217; favorite stars, increasing engagement to an all-time high. Yeah, you could say everybody was happy. So we&#8217;ve teamed up again with our trusted Nickelodeon partner and recently launched the <a href="https://itunes.apple.com/us/app/nick/id596133590?mt=8&amp;ign-mpt=uo%3D4">Nick app</a>, a digital tapestry of all-things-Nickelodeon currently available on the iPad in the US. We&#8217;re delighted to see the app trending as the #1 free entertainment app on the iPad.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/03/Nickapp-Number-1-Marquee-New-noheading.jpeg"><img class="aligncenter size-full wp-image-2381" alt="Nick app #1 Free iPad Entertainment App" src="http://blog.f-i.com/wp-content/uploads/2013/03/Nickapp-Number-1-Marquee-New-noheading.jpeg" width="640" height="480" /></a></p>
<p>So just what is this app all about? The Nick app is an endless stream of Nickelodeon content, or as the <a href="http://www.nytimes.com/2013/02/20/business/media/nickelodeon-hopes-app-wins-hearts.html?_r=0">New York Times</a> describes &#8220;a noisy, colorful smorgasbord of animated clips, irreverent music videos and the occasional deluge of the network’s trademark green slime.&#8221; (Don&#8217;t you just love saying that word? Smorgasbord?) The content boasts humorous original videos, animated shorts, games, full episodes of popular shows, insider access to Nick celebrities and, what everyone expects, a whole lot of slime. Kids and kids-at-heart must be keeping themselves entertained swiping left and right.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1928" alt="Let your fingers point the way to fun." src="http://blog.f-i.com/wp-content/uploads/2013/02/Nick-App-Finger-Swipe.png" /></p>
<p style="text-align: left;">We think that featuring extras like polls and games in the app is a smart move from the authoritative voice in children&#8217;s entertainment.</p>
<p><img class="wp-image-2202 aligncenter" alt="Nick-App-Poll" src="http://blog.f-i.com/wp-content/uploads/2013/03/Nick-App-Poll.jpg" /></p>
<p>And it looks like it&#8217;s not just kids who have embraced the Nick app. The <a href="http://lostremote.com/an-inside-look-nickelodeons-new-ipad-app-rises-to-the-top-of-itunes_b36770">press</a> have already called it &#8220;a game changer in the kids&#8217; TV world.&#8221; Sarah Boehler, Fi&#8217;s Associate Director of Production says &#8220;The Fi team put everything we had into this app and I&#8217;m extremely proud to see it doing so well.&#8221; Fi&#8217;s Global CD Anton Repponen also comments &#8220;All the hard work that we put into the app for the past year has paid off. There&#8217;s something incredible in helping to create a large product for iPad rather than a small game. This Nick app is more extensive than some of the web projects we&#8217;ve done.&#8221;</p>
<p style="text-align: left;">The news of how well the Nick app is ranking definitely helps start our week off on the right foot. And get excited for the next Nick app release when it becomes available on the iPhone and iPod.</p>
<p style="text-align: left;">
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/nick-app-ranks-1-in-free-ipad-entertainment-apps/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Fi + Microsoft = Cool HTML5 Experiences</title>
		<link>http://blog.f-i.com/fi-microsoft-cool-html5-experiences/</link>
		<comments>http://blog.f-i.com/fi-microsoft-cool-html5-experiences/#comments</comments>
		<pubDate>Wed, 06 Mar 2013 00:23:18 +0000</pubDate>
		<dc:creator>Stephanie Yang</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Digital]]></category>
		<category><![CDATA[Fi]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[Explore Touch]]></category>
		<category><![CDATA[Glimpse]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[IE10]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Pulse]]></category>
		<category><![CDATA[TheFind]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=2221</guid>
		<description><![CDATA[Looking back at some of our work that demonstrates our HTML5 site experiences, we realize the more recent examples have developed while teamed with Microsoft. We've built a trusted partnership with them to create useful and usable web apps designed to be social and shareable for everyday leisure activities. We're proud that Microsoft chooses to work with Fi for our commitment to quality of work, innovation and thought leadership. It goes to show that with bold clients, an agency is empowered to create beautiful, meaningful work.]]></description>
				<content:encoded><![CDATA[<p>Lately, our output with HTML5 experiences has come through some of our recent work with Microsoft. We&#8217;ve built a trusted partnership with them to create useful web apps. It goes to show that with bold clients, an agency is empowered to create beautiful, meaningful work. Check out the &#8216;everyday activities&#8217; we&#8217;ve transformed with HTML5.</p>
<p>&nbsp;</p>
<p><strong><span style="font-size: large;"><span style="color: #ff0000;">1. Reading</span> </span></strong></p>
<p><strong></strong><em><a href="https://www.pulse.me/">Pulse</a></em> is a news reading experience for mobile devices and the web that allows readers to easily access traditional media, blogs, websites, and social networks.</p>
<p><iframe src="http://player.vimeo.com/video/60868751" height="281" width="500" allowfullscreen="" frameborder="0"></iframe></p>
<p>In partnership with Microsoft, Fi was tapped to design Pulse&#8217;s HTML5 web app and deliver a beautiful interface and intuitive UX in which Pulse&#8217;s co-founder and CEO Akshay Kothari has since described as &#8220;content consumption that is a visual delight.&#8221; The beautiful and interactive mosaic of news was named one of TIME&#8217;s top 50 apps in 2011. Today, 25 million people use Pulse across all devices and over 10 million stories are read each day. We&#8217;re proud to have helped increase engagement and score another win in our wheelhouse of news clients which includes previous projects with Al Jazerra, <a href="http://www.f-i.com/cbs/60minutes/">CBS</a>, CNN and <a href="https://www.facebook.com/video/video.php?v=10151250080289923&amp;saved">USA Today</a>.</p>
<p>Here are a few screen shots from the Pulse experience starting with the web app&#8217;s landing page.</p>
<p><img class="aligncenter size-full wp-image-2312" alt="Pulse web app landing page" src="http://blog.f-i.com/wp-content/uploads/2013/03/0000_LandingPage.jpg" width="640" height="444" /></p>
<p>Readers can customize their news feeds by selecting from preferred catalog publications.</p>
<p><img class="aligncenter size-full wp-image-2313" alt="Pulse news reader catalog of titles" src="http://blog.f-i.com/wp-content/uploads/2013/03/0000_Catalog.jpg" width="640" height="455" /></p>
<p>After personalizing settings, the user&#8217;s news feed displays as an interactive mosaic of streaming images.</p>
<p><img class="aligncenter size-full wp-image-2314" alt="Pulse Activity news feed" src="http://blog.f-i.com/wp-content/uploads/2013/03/0001_Activity.jpg" width="640" height="455" /></p>
<p>Reading an article delivers a clean, uncluttered experience where users can swipe left or right to move to the next article.</p>
<p><img class="aligncenter size-full wp-image-2315" alt="Pulse article reading view" src="http://blog.f-i.com/wp-content/uploads/2013/03/0000_Article_View_Social_Sm.jpg" width="640" height="531" /></p>
<p>&nbsp;</p>
<p><span style="color: #ff0000;"><strong><span style="font-size: large;">2. Shopping </span></strong></span></p>
<p>Shopping is inherently social. But with today&#8217;s advanced web technologies, shopping is taken to a new playing field at the ease of the consumer. Microsoft tasked Fi to design <em>Glimpse </em>by the popular social shopping company TheFind. The idea was to create an HTML5 site experience consolidating paper catalogues into digital look books in one easy-to-use place. <em>Glimpse</em> is a shopping discovery app that curates shopping pages for users based on their Facebook &#8216;Like&#8217; data.</p>
<p><iframe src="http://player.vimeo.com/video/60868960" height="360" width="640" allowfullscreen="" frameborder="0"></iframe></p>
<p>Shopping becomes even more social with new ways to discover, browse and explore your favorite clothes and accessories. Of course, here at Fi, we&#8217;ve always been stylish. That is, we&#8217;ve had a long history in working with fashion and e-commerce clients like Acne, Desigual, IKEA and Nordstrom. And social is in our nature with aficionado brands like <a href="http://www.f-i.com/ducati/ducati-community-mobile/">Ducati</a> and <a href="http://www.f-i.com/work/porsche/porsche-drive-community">Porsche</a>. What can we say? We like to be ahead of the trends.</p>
<p>&nbsp;</p>
<p><strong><span style="font-size: large;"><span style="color: #ff0000;">3. Playing</span> </span></strong></p>
<p>With a focus on promoting <a href="http://blogs.windows.com/ie/b/ie/archive/2013/02/26/internet-explorer-10-now-available-for-more-than-700m-windows-customers.aspx">Internet Explorer 10 </a>and touch browsing, Fi had a lot of fun creating <a href="http://blog.f-i.com/explore-touch-with-internet-explorer/">Explore Touch</a>, an HTML5 site that lets consumers use touch gestures to mix audio files and create custom sound tracks with their fingers. Time to release your inner DJ. Accessible from any new Windows 8 touch device with IE10, intuitive UI like swiping left and right, pinching in and out, and rotating full circles with your fingers controls the experience.</p>
<p><iframe src="http://player.vimeo.com/video/60707752" height="281" width="500" allowfullscreen="" frameborder="0"></iframe></p>
<p>Our work with Xbox, <a href="http://www.f-i.com/ea/madden/">EA Sports</a> and Nintendo proved to be good sources of valuable inspiration as we put this one together. As always, check out the latest Fi projects <a href="http://www.f-i.com/work/all">here</a> and keep up with us on <a href="http://www.facebook.com/Fi">Facebook</a>.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/fi-microsoft-cool-html5-experiences/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Explore Touch with Internet Explorer</title>
		<link>http://blog.f-i.com/explore-touch-with-internet-explorer/</link>
		<comments>http://blog.f-i.com/explore-touch-with-internet-explorer/#comments</comments>
		<pubDate>Fri, 01 Mar 2013 15:29:04 +0000</pubDate>
		<dc:creator>Stephanie Yang</dc:creator>
				<category><![CDATA[Dev]]></category>
		<category><![CDATA[Fi]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[IE10]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Surface DJ Blake]]></category>
		<category><![CDATA[virtual DJ]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=2119</guid>
		<description><![CDATA[We couldn't be more excited about the launch of Fi's latest project. In partnership with Microsoft to promote Internet Explorer 10 and touch browsing, we proudly introduce Explore Touch, an HTML5 site that lets consumers use touch gestures to mix audio files and create custom sound tracks with the swipe of their fingers. The experience centers on an original song from singer, song-writer, and producer Blake Lewis.
]]></description>
				<content:encoded><![CDATA[<p>We couldn&#8217;t be more excited about the launch of Fi&#8217;s latest project. In partnership with Microsoft to promote <a href="http://blogs.windows.com/ie/b/ie/archive/2013/02/26/internet-explorer-10-now-available-for-more-than-700m-windows-customers.aspx">Internet Explorer 10 </a>and touch browsing, we proudly introduce Explore Touch, an HTML5 site that lets consumers use touch gestures to mix audio files and create custom sound tracks with the swipe of their fingers. The experience centers on an original song from singer, song-writer, and producer <a href="https://twitter.com/BlakeLewis">Blake Lewis</a>.</p>
<p>Look what happens when we let Fi&#8217;s own COO Stephen Carpi at the controls of this site. Scratching, two touch drags, rotations, and a light-filled explosion. HTML5&#8242;ing it like a boss.</p>
<p><iframe src="http://player.vimeo.com/video/60727755" height="360" width="640" allowfullscreen="" frameborder="0"></iframe></p>
<p>Check out the slick spot Microsoft, Blake Lewis and filmmaker <a href="http://keithrivers.com/index.php/about/">Keith Rivers</a> created to showcase what&#8217;s possible on a new Windows 8 touch device with IE10.</p>
<p><iframe src="http://player.vimeo.com/video/60707752" height="360" width="640" allowfullscreen="" frameborder="0"></iframe></p>
<p>Bonus points! Blake&#8217;s new track <em>Your Touch</em> is available for streaming for a one-week exclusive at <a href="http://www.exploretouch.ie/">ExploreTouch.ie</a> and as a free download from <a href="http://www.xbox.com/en-US/Music">Xbox Music</a>.</p>
<p>Want to know more about the spot? Check out this behind-the-scenes video.</p>
<p><iframe src="http://www.youtube.com/embed/tDoJuWNS9ek" height="315" width="560" allowfullscreen="" frameborder="0"></iframe></p>
<p>The site was recently recognized as <a href="http://www.thefwa.com/adobe/tcea/explore-touch-with-microsoft-ie-10">The Cutting Edge Project of the Week</a>, an award curated by Adobe and FWA as work that best highlights the newest capabilities of the modern web.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/03/Adobe-TheFWA-The-Cutting-Edge-award-winner-Explore-Touch-with-Microsoft-IE-10.png"><img class="aligncenter size-full wp-image-2943" alt="Adobe - TheFWA | The Cutting Edge award winner | Explore Touch with Microsoft IE 10" src="http://blog.f-i.com/wp-content/uploads/2013/03/Adobe-TheFWA-The-Cutting-Edge-award-winner-Explore-Touch-with-Microsoft-IE-10.png" width="640" height="461" /></a>Here are a few screen shots of the site experience. The Explorer logo flashes and loads before the big reveal.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-2142" alt="Explorer logo" src="http://blog.f-i.com/wp-content/uploads/2013/02/FI_DJBlake_Screen-001.png" /></p>
<p>Touch gestures like pinching the smaller rings in and out controls the flow of music.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-2143" alt="Touch gestures like pinching in and out" src="http://blog.f-i.com/wp-content/uploads/2013/02/FI_DJBlake_Screen-002.png" /></p>
<p>Explore Touch can be accessed on any new Windows 8 touch device with IE10.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-2145" alt="Explore Touch " src="http://blog.f-i.com/wp-content/uploads/2013/02/FI_DJBlake_Screen-003.png" /></p>
<p style="text-align: left;">Individual music components like vocals, strings and bass can be mixed and experimented with just a swipe of the finger.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-2147" alt="Music components can be experimented with touch interface" src="http://blog.f-i.com/wp-content/uploads/2013/02/FI_DJBlake_Screen-004.png" /></p>
<p style="text-align: left;">Working on Explore Touch icons. You know we <em>love</em> our <a href="http://www.f-i.com/fi/icons/">icons</a> around here.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-2150" alt="Explore Touch icons" src="http://blog.f-i.com/wp-content/uploads/2013/02/FI_DJBlake_Photo-Icons.png" /></p>
<p style="text-align: left;">Like all of our work, Explore Touch was made possible by the amazing talent at <a href="http://www.f-i.com ">Fi</a>. Thank you all for your hard work. Now everyone at the office can&#8217;t stop unleashing their inner DJ on Explore Touch.</p>
<p style="text-align: left;">Follow Fi on <a href="http://www.Facebook.com/Fi">Facebook.com/Fi</a></p>
<p style="text-align: left;">
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/explore-touch-with-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>So You&#8217;re Interested in &#8216;Attack?&#8217;</title>
		<link>http://blog.f-i.com/so-youre-interested-in-attack/</link>
		<comments>http://blog.f-i.com/so-youre-interested-in-attack/#comments</comments>
		<pubDate>Thu, 28 Feb 2013 02:11:20 +0000</pubDate>
		<dc:creator>Stephanie Yang</dc:creator>
				<category><![CDATA[Fi]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[Attack]]></category>
		<category><![CDATA[Attack of the Creative Process]]></category>
		<category><![CDATA[digital agency]]></category>
		<category><![CDATA[speaking]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=2029</guid>
		<description><![CDATA[You're familiar with our work. You know our strong background in both design and technology. You may have even met a few of our executives. But you keep hearing about this event we host called 'Attack' and you want to know "What is this thing all about?"
]]></description>
				<content:encoded><![CDATA[<p>You&#8217;re familiar with our work. You know our strong background in both <a href="http://www.f-i.com/google/ramayana/">design</a> and <a href="http://www.facebook.com/photo.php?v=10151775988195031">technology</a>. You may have even met a few of our <a href="http://www.facebook.com/photo.php?fbid=226125394065179&amp;set=a.226125384065180.71151.114307968580256&amp;type=3&amp;theater">executives</a>. But you keep hearing about this event we host called &#8216;Attack&#8217; and want to know &#8220;<em>What is this thing all about</em>?!&#8221;</p>
<p>Fair question.</p>
<p>&#8216;Attack&#8217; is short for its full title &#8216;Attack of the Creative Process.&#8217; It started out as small lunch-and-learn sessions first held internally for any employees interested in passion projects that others wanted to discuss or share. When topics became too interesting to contain within Fi&#8217;s offices, &#8216;Attack&#8217; opened the knowledge-sharing to the public and quickly evolved into a popular hosted event that the creative community continues to look forward to hearing year-round. &#8216;Attack&#8217; is now Fi&#8217;s signature speaking series in examining creative processes within actual project life cycles from recent Fi examples. <em>Because who wants to hear about work that&#8217;s passed its prime?</em> It&#8217;s an opportunity to listen to the ideas that worked and others that failed miserably. It&#8217;s the behind-the-scenes stories about the real-life challenges faced by digital agencies as told in the same refreshingly candid manner as those early brown-bag days.</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/02/FITC_2.jpg"><img class="aligncenter size-full wp-image-1730" alt="FITC_2" src="http://blog.f-i.com/wp-content/uploads/2013/02/FITC_2.jpg" width="640" height="511" /></a></p>
<p>A lot of people are interested in having us present &#8216;Attack,&#8217; but the demand is greater than our time. Unfortunately, we can&#8217;t respond to everyone&#8217;s request for Fi to present. The company that is most applicable for an Attack presentation is of a certain size. This is a company with an audience of 20-50 creatives and perhaps 30-200 digital practitioners overall. Large media companies reliant on beautiful design and UX, hot starts-ups offering emerging technologies as a solutions-provider and bleeding-edge creatives looking to find inspiration &#8211; these are all appropriate audiences. Fi has given &#8216;Attack&#8217; presentations at previous companies like Yahoo, top design academies and other large institutions all around the world, from London, Moscow and New York, to Rzeszow, San Francisco and Stockholm.</p>
<p>&#8216;Attack&#8217; is geared for those creative professionals who want an insider look at &#8216;best practices.&#8217; The art and science of getting creative, if you will. Since we switch our topics according to the work, the start of a new quarter calls for fresh content. This season&#8217;s &#8216;Attack&#8217; focuses on our year-long work on <a href="http://www.facebook.com/photo.php?v=10151250080289923&amp;set=vb.114307968580256&amp;type=3&amp;theater">USA Today&#8217;s site redesign</a>. This is a project in which we didn&#8217;t just get the job done; we helped fix the underlying problem. The USA Today site re-imagines user behavior for publishers and the news business altogether.</p>
<p>To get a glimpse of where we&#8217;ve been, check out the images below. Here we are presenting &#8216;Attack&#8217; to a full house in London.</p>
<p style="text-align: center;"><img class=" wp-image-2094 aligncenter" alt="IRENE-ANTON-LONDON-ATTACK" src="http://blog.f-i.com/wp-content/uploads/2013/02/IRENE-ANTON-LONDON-ATTACK1.jpg" /></p>
<p>Here we are on the Yahoo! campus, moments away from presenting to a packed room full of employees.</p>
<p style="text-align: center;"><img class=" wp-image-2093 aligncenter" alt="YAHOO-ATTACK" src="http://blog.f-i.com/wp-content/uploads/2013/02/YAHOO-ATTACK1.jpg" /></p>
<p>We presented &#8216;Attack&#8217; at <a href="http://www.offf.ws/bcn2013/">OFFF</a> in Barcelona, Spain to the world&#8217;s leading creatives.</p>
<p style="text-align: center;"><img class="wp-image-2092 aligncenter" alt="OFFF" src="http://blog.f-i.com/wp-content/uploads/2013/02/OFFF1.jpg" /></p>
<p style="text-align: left;">And most recently, we debuted our new &#8216;Attack&#8217; presentation discussing our work with USA Today in The Netherlands to a sold out crowd.</p>
<p style="text-align: center;"><img class="wp-image-1732" alt="Irene + Anton at FITC, Amsterdam" src="http://blog.f-i.com/wp-content/uploads/2013/02/FITC_4.jpg" /></p>
<p>For those interested in having Fi present &#8216;Attack&#8217; at your company, school or conference, please contact Fi’s Director of PR &amp; Communications, Stephanie Yang, at <a href="mailto:stephanie.yang@f-i.com">stephanie.yang@f-i.com</a>. Please note that appearances include a fee to cover speaker&#8217;s travel costs and incidentals, if applicable. Contact us to discuss custom content and tailored messaging to fit the right audience. We hope to &#8216;Attack&#8217; you soon.</p>
<p>Here is the 2012 Attack of The Creative Process presentation (not professionally) filmed at Fi&#8217;s NYC office in October 2012. This previous &#8220;Attack&#8221; featured 3 award-winning projects: <a href="http://www.f-i.com/google/ramayana/">Google Ramayana</a>, Google Chrome Store,  and The History Channel&#8217;s <a href="http://www.f-i.com/infographics/civilwar/">Civil War microsite</a>.</p>
<p><iframe src="http://player.vimeo.com/video/52234360" height="281" width="500" allowfullscreen="" frameborder="0"></iframe></p>
<p>The flyer from Attack in London:</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/02/336319_469871383023911_162010902_o.jpg"><img class="aligncenter size-full wp-image-2163" alt="336319_469871383023911_162010902_o" src="http://blog.f-i.com/wp-content/uploads/2013/02/336319_469871383023911_162010902_o.jpg" width="1448" height="2048" /></a></p>
<p>The flyer from Attack in San Francisco:</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/02/616908_486897311321318_1390524138_o.jpg"><img class="aligncenter size-full wp-image-2164" alt="616908_486897311321318_1390524138_o" src="http://blog.f-i.com/wp-content/uploads/2013/02/616908_486897311321318_1390524138_o.jpg" width="1240" height="1754" /></a></p>
<p>The flyer from Attack in Moscow:</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/02/476383_499021373442245_568285841_o.jpg"><img class="aligncenter size-full wp-image-2165" alt="476383_499021373442245_568285841_o" src="http://blog.f-i.com/wp-content/uploads/2013/02/476383_499021373442245_568285841_o.jpg" width="1447" height="2048" /></a></p>
<p>The flyer from Attack in New York:</p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2013/02/132166_505288509482198_1714702_o.jpg"><img class="aligncenter size-full wp-image-2166" alt="132166_505288509482198_1714702_o" src="http://blog.f-i.com/wp-content/uploads/2013/02/132166_505288509482198_1714702_o.jpg" width="693" height="980" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/so-youre-interested-in-attack/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Fi&#8217;s New Business Cards Revealed</title>
		<link>http://blog.f-i.com/newbusinesscardsrevealed/</link>
		<comments>http://blog.f-i.com/newbusinesscardsrevealed/#comments</comments>
		<pubDate>Thu, 21 Feb 2013 20:52:02 +0000</pubDate>
		<dc:creator>Kimberlee Alley</dc:creator>
				<category><![CDATA[Fi]]></category>
		<category><![CDATA[Homepage]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=1598</guid>
		<description><![CDATA[<p>Similar to our talked about &#8216;no shoes&#8217; policy, our business cards are the small details that make our agency stand out among others. It never fails that when we hand them out, our business cards stops people in motion and prompts them to ask questions or give comments about this leave-behind. It was overheard once that giving out Fi business cards left such an impression with people, &#8220;you would have thought Fi was giving away free iPhones.&#8221; We love hearing those stories. So it&#8217;s been our pleasure to create something small yet delightful throughout the years for our peers, new business partners and the rest of the community. Who remembers this square-shaped card as one of our previous designs? Bonus points if you still have it in your Fi card collection.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1875" alt="Old square-shaped Fi business card" src="http://blog.f-i.com/wp-content/uploads/2013/02/bcardsold.jpg" /></p>
<p>We underwent a big makeover with our next round of business cards and went with this slim, rectangular-shaped design infusing our black and white primary colors. It was quite a minimalistic and modern move. The front of the card sparsely displayed our logo, introductions and short URL while the back conveyed the rest of the contact information. When stacked among other business cards, it was hard to ignore Fi&#8217;s premium finish.</p>
<p style="text-align: left;"><img class="aligncenter  wp-image-1885" alt="Last year's black and white business card design" src="http://blog.f-i.com/wp-content/uploads/2013/02/New_cardsb1.jpg" /><br />
But a new year calls for a new look. And this season, Fi is switching it up to a bold color. Red is the new black. Ladies and gentlemen, we present to you our newest Fi business card designs with our newly-appointed Fi-branded red color. This is now our primary color, the same color as our covetable <a href="http://www.facebook.com/photo.php?fbid=549600321717683&#38;set=a.292169914127393.85015.114307968580256&#38;type=3&#38;theater">Moleskines</a>.  The black-facing cover from last year&#8217;s card design is turning red. Watch our NYC office manager Peter show the working comps and explain how we&#8217;ve retained the high quality behind our new cards.</p>
<p><iframe src="http://player.vimeo.com/video/60199128" height="400" width="640" allowfullscreen="" frameborder="0"></iframe></p>
<p>Taking a cue from Japanese culture, the color red represents energy, vitality, power and love, all feelings we&#8217;re inspired by while working here at Fi. And set against our secondary brand colors of black and white, the red makes for a clean, graphic design. Never at a loss for details, our Fi business cards will still carry a high gloss laminated finish with a thick stock feel. The quality will remain premium. Here&#8217;s what the finished product will look like just as soon as they come back from the printers. Look at that rich, vibrant red. Is that your heart palpitating or ours?</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1884" alt="New 2013 red-colored business cards" src="http://blog.f-i.com/wp-content/uploads/2013/02/New_cards1.jpg" /></p>
<p style="text-align: left;">While our motto is &#8220;Quality over quantity,&#8221; in this case, don&#8217;t be shy in asking for our new business cards when we see you next. We&#8217;ve ordered plenty.</p>
<p>&#160;</p>
]]></description>
				<content:encoded><![CDATA[<p>Similar to our talked about &#8216;no shoes&#8217; policy, our business cards are the small details that make our agency stand out among others. It never fails that when we hand them out, our business cards stops people in motion and prompts them to ask questions or give comments about this leave-behind. It was overheard once that giving out Fi business cards left such an impression with people, &#8220;you would have thought Fi was giving away free iPhones.&#8221; We love hearing those stories. So it&#8217;s been our pleasure to create something small yet delightful throughout the years for our peers, new business partners and the rest of the community. Who remembers this square-shaped card as one of our previous designs? Bonus points if you still have it in your Fi card collection.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1875" alt="Old square-shaped Fi business card" src="http://blog.f-i.com/wp-content/uploads/2013/02/bcardsold.jpg" /></p>
<p>We underwent a big makeover with our next round of business cards and went with this slim, rectangular-shaped design infusing our black and white primary colors. It was quite a minimalistic and modern move. The front of the card sparsely displayed our logo, introductions and short URL while the back conveyed the rest of the contact information. When stacked among other business cards, it was hard to ignore Fi&#8217;s premium finish.</p>
<p style="text-align: left;"><img class="aligncenter  wp-image-1885" alt="Last year's black and white business card design" src="http://blog.f-i.com/wp-content/uploads/2013/02/New_cardsb1.jpg" /><br />
But a new year calls for a new look. And this season, Fi is switching it up to a bold color. Red is the new black. Ladies and gentlemen, we present to you our newest Fi business card designs with our newly-appointed Fi-branded red color. This is now our primary color, the same color as our covetable <a href="http://www.facebook.com/photo.php?fbid=549600321717683&amp;set=a.292169914127393.85015.114307968580256&amp;type=3&amp;theater">Moleskines</a>.  The black-facing cover from last year&#8217;s card design is turning red. Watch our NYC office manager Peter show the working comps and explain how we&#8217;ve retained the high quality behind our new cards.</p>
<p><iframe src="http://player.vimeo.com/video/60199128" height="400" width="640" allowfullscreen="" frameborder="0"></iframe></p>
<p>Taking a cue from Japanese culture, the color red represents energy, vitality, power and love, all feelings we&#8217;re inspired by while working here at Fi. And set against our secondary brand colors of black and white, the red makes for a clean, graphic design. Never at a loss for details, our Fi business cards will still carry a high gloss laminated finish with a thick stock feel. The quality will remain premium. Here&#8217;s what the finished product will look like just as soon as they come back from the printers. Look at that rich, vibrant red. Is that your heart palpitating or ours?</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1884" alt="New 2013 red-colored business cards" src="http://blog.f-i.com/wp-content/uploads/2013/02/New_cards1.jpg" /></p>
<p style="text-align: left;">While our motto is &#8220;Quality over quantity,&#8221; in this case, don&#8217;t be shy in asking for our new business cards when we see you next. We&#8217;ve ordered plenty.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/newbusinesscardsrevealed/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>&#8220;Attack&#8221; 2013 Lands in The Netherlands</title>
		<link>http://blog.f-i.com/attack-2013-lands-in-the-netherlands/</link>
		<comments>http://blog.f-i.com/attack-2013-lands-in-the-netherlands/#comments</comments>
		<pubDate>Thu, 21 Feb 2013 07:56:56 +0000</pubDate>
		<dc:creator>Stephanie Yang</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Fi]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[Adobe User Group]]></category>
		<category><![CDATA[Amsterdam]]></category>
		<category><![CDATA[Attack]]></category>
		<category><![CDATA[Eindhoven]]></category>
		<category><![CDATA[FITC]]></category>
		<category><![CDATA[Netherlands]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=1741</guid>
		<description><![CDATA[<p>We&#8217;re baaaaack! After terrific events in London, Stockholm, Moscow, Rzeszow, San Francisco and New York City last year, our global creative speaking series &#8220;Attack of the Creative Process&#8221; is bigger and better in 2013. What started out as humble lunch and learn sessions is now a popular platform for Fi to examine creative processes within project life cycles showcasing recent Fi examples.</p>
<p>&#8220;Attack&#8221; has made footprints all over, traveling from Fi offices, to large companies, to universities and major conferences. This is a time for all UX designers, developers and creatives to listen to the challenges and roadblocks faced by digital agencies and their clients in a refreshing, candid manner. Here&#8217;s a look back at our London turnout at one of our events last year.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1830" alt="London Attack crowd" src="http://blog.f-i.com/wp-content/uploads/2013/02/London-Attack.jpg" /></p>
<p>The team has been carefully curating new content for this year&#8217;s &#8220;Attack,&#8221; leading up to the first few events where we rolled it out.  It&#8217;s been a whirlwind of activity earlier this week when Fi was afoot in The Netherlands delivering the inaugural 2013 &#8220;Attack of the Creative Process&#8221; presentation at three different venues over three days. Follow our journey below.</p>
<p><strong>SUNDAY</strong></p>
<p>It all began Sunday evening when Fi&#8217;s two creative leads Irene Pereyra and Anton Repponen could be found presenting at the <a href="http://www.adobeusergroup.nl/">Adobe User Group Nederland</a>, the largest Adobe User Group worldwide with over 6000 members. Irene and Anton&#8217;s presentation was a 20 minute preview of what the two would formally present the next day at the <a href="http://fitc.ca/event/am13/">Future, Innovation, Technology, Creativity (FITC)</a> conference.  Befittingly called <a href="http://www.adobeusergroup.nl/meetings/meeting/aug-presents-fitc-sneak-peek-2013?p=uitnodiging">FITC Sneak Peek</a> #FITCsneakpeek, the healthy turnout of local creatives were curious to hear more when Irene kicked it off with Fi&#8217;s agency history.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1761" alt="Irene talks about Fi's history" src="http://blog.f-i.com/wp-content/uploads/2013/02/Irene.jpg" /></p>
<p style="text-align: left;">(Photo courtesy of <a href="http://adobeusergroup.nl/meetings/meeting/aug-presents-fitc-sneak-peek-2013?p=fotos">Adobe User Group Nederland</a>. Photo credit: Maurice Mikkers)</p>
<p style="text-align: left;">Anton then walked everyone through a very early look at one of our newest partnerships with <a href="http://www.wacom.com/">Wacom</a>. The work is still in process but the audience got a quick &#8220;behind the scenes&#8221; glance.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1760" alt="Anton previews Wacom work" src="http://blog.f-i.com/wp-content/uploads/2013/02/Anton.jpg" /></p>
<p style="text-align: left;">(Photo courtesy of <a href="http://adobeusergroup.nl/meetings/meeting/aug-presents-fitc-sneak-peek-2013?p=fotos">Adobe User Group Nederland</a>. Photo credit: Maurice Mikkers)</p>
<p style="text-align: left;">The sneak peek was just enough to whet everyone&#8217;s appetites for the following day&#8217;s conference.</p>
<p style="text-align: left;"><strong>MONDAY</strong></p>
<p style="text-align: left;"><strong></strong>The next afternoon, Irene and Anton were the closing presentation at FITC and delivered, for the first time ever in 2013, the new &#8220;Attack&#8221; story. From when the agency planted roots in Stockholm in 1999 up to when Fi was awarded the largest project in company history from Gannett with USA Today&#8217;s site redesign in 2011, the two walked the audience through the timeline.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1794" alt="Fi Timeline" src="http://blog.f-i.com/wp-content/uploads/2013/02/EI8A6447.jpg" /></p>
<p style="text-align: left;">At the heart of it, our &#8220;Attack&#8221; presentations sit at the intersection of useful &#8216;best practices&#8217; and great storytelling. People usually learn something new they may be able to apply towards future design and UX work while taking in a good joke. Irene and Anton shared with everyone the stops, starts, failures and successes surrounding the year-long work on USA Today to a very receptive audience.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1732" alt="USA Today work discussed at FITC" src="http://blog.f-i.com/wp-content/uploads/2013/02/FITC_4.jpg" /></p>
<p style="text-align: left;">Anton dissected the minute design details that can be easily overlooked.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1798" alt="Attention to design detail" [...]]]></description>
				<content:encoded><![CDATA[<p>We&#8217;re baaaaack! After terrific events in London, Stockholm, Moscow, Rzeszow, San Francisco and New York City last year, our global creative speaking series &#8220;Attack of the Creative Process&#8221; is bigger and better in 2013. What started out as humble lunch and learn sessions is now a popular platform for Fi to examine creative processes within project life cycles showcasing recent Fi examples.</p>
<p>&#8220;Attack&#8221; has made footprints all over, traveling from Fi offices, to large companies, to universities and major conferences. This is a time for all UX designers, developers and creatives to listen to the challenges and roadblocks faced by digital agencies and their clients in a refreshing, candid manner. Here&#8217;s a look back at our London turnout at one of our events last year.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1830" alt="London Attack crowd" src="http://blog.f-i.com/wp-content/uploads/2013/02/London-Attack.jpg" /></p>
<p>The team has been carefully curating new content for this year&#8217;s &#8220;Attack,&#8221; leading up to the first few events where we rolled it out.  It&#8217;s been a whirlwind of activity earlier this week when Fi was afoot in The Netherlands delivering the inaugural 2013 &#8220;Attack of the Creative Process&#8221; presentation at three different venues over three days. Follow our journey below.</p>
<p><strong>SUNDAY</strong></p>
<p>It all began Sunday evening when Fi&#8217;s two creative leads Irene Pereyra and Anton Repponen could be found presenting at the <a href="http://www.adobeusergroup.nl/">Adobe User Group Nederland</a>, the largest Adobe User Group worldwide with over 6000 members. Irene and Anton&#8217;s presentation was a 20 minute preview of what the two would formally present the next day at the <a href="http://fitc.ca/event/am13/">Future, Innovation, Technology, Creativity (FITC)</a> conference.  Befittingly called <a href="http://www.adobeusergroup.nl/meetings/meeting/aug-presents-fitc-sneak-peek-2013?p=uitnodiging">FITC Sneak Peek</a> #FITCsneakpeek, the healthy turnout of local creatives were curious to hear more when Irene kicked it off with Fi&#8217;s agency history.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1761" alt="Irene talks about Fi's history" src="http://blog.f-i.com/wp-content/uploads/2013/02/Irene.jpg" /></p>
<p style="text-align: left;">(Photo courtesy of <a href="http://adobeusergroup.nl/meetings/meeting/aug-presents-fitc-sneak-peek-2013?p=fotos">Adobe User Group Nederland</a>. Photo credit: Maurice Mikkers)</p>
<p style="text-align: left;">Anton then walked everyone through a very early look at one of our newest partnerships with <a href="http://www.wacom.com/">Wacom</a>. The work is still in process but the audience got a quick &#8220;behind the scenes&#8221; glance.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1760" alt="Anton previews Wacom work" src="http://blog.f-i.com/wp-content/uploads/2013/02/Anton.jpg" /></p>
<p style="text-align: left;">(Photo courtesy of <a href="http://adobeusergroup.nl/meetings/meeting/aug-presents-fitc-sneak-peek-2013?p=fotos">Adobe User Group Nederland</a>. Photo credit: Maurice Mikkers)</p>
<p style="text-align: left;">The sneak peek was just enough to whet everyone&#8217;s appetites for the following day&#8217;s conference.</p>
<p style="text-align: left;"><strong>MONDAY</strong></p>
<p style="text-align: left;"><strong></strong>The next afternoon, Irene and Anton were the closing presentation at FITC and delivered, for the first time ever in 2013, the new &#8220;Attack&#8221; story. From when the agency planted roots in Stockholm in 1999 up to when Fi was awarded the largest project in company history from Gannett with USA Today&#8217;s site redesign in 2011, the two walked the audience through the timeline.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1794" alt="Fi Timeline" src="http://blog.f-i.com/wp-content/uploads/2013/02/EI8A6447.jpg" /></p>
<p style="text-align: left;">At the heart of it, our &#8220;Attack&#8221; presentations sit at the intersection of useful &#8216;best practices&#8217; and great storytelling. People usually learn something new they may be able to apply towards future design and UX work while taking in a good joke. Irene and Anton shared with everyone the stops, starts, failures and successes surrounding the year-long work on USA Today to a very receptive audience.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1732" alt="USA Today work discussed at FITC" src="http://blog.f-i.com/wp-content/uploads/2013/02/FITC_4.jpg" /></p>
<p style="text-align: left;">Anton dissected the minute design details that can be easily overlooked.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1798" alt="Attention to design detail" src="http://blog.f-i.com/wp-content/uploads/2013/02/EI8A6483.jpg" /></p>
<p style="text-align: left;">After a comprehensive look at our USA Today work, the two continued to walk everyone through Fi&#8217;s timeline to present day, revealing &#8220;sneak peek&#8221; previews for two large projects Fi is currently working on. One is an exciting, mind-bending campaign involving WebGL that we&#8217;re experimenting on with one of the world&#8217;s largest automotive companies. The other is our unofficial announcement about our client partnership with Wacom. Some of Fi&#8217;s best work will reveal itself in this project. Balancing elements of surprise and anticipation, Irene and Anton left the audience wanting more after concluding &#8220;Attack&#8221; with two &#8220;behind-the-scenes&#8221; videos of Wacom work featuring award-winning illustrator Yuko Shimizu and Wacom&#8217;s own CEO, Masahiko Yamada.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1804" alt="NYC-based illustrator Yuka Shimizu" src="http://blog.f-i.com/wp-content/uploads/2013/02/EI8A6493.jpg" /></p>
<p style="text-align: left;"><strong>TUESDAY</strong></p>
<p style="text-align: left;">The three-day speaking circuit wrapped up at <a href="http://www.designacademy.nl/">Design Academy Eindhoven</a>, the educational institution often described as &#8220;<a href="http://en.wikipedia.org/wiki/Design_Academy_Eindhoven">one of the best academies in the world</a>&#8221; for art, architecture and design.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-1822" alt="Design Academy Eindhoven logo" src="http://blog.f-i.com/wp-content/uploads/2013/02/Screen-Shot-2013-02-20-at-10.20.56-AM.png" /></p>
<p style="text-align: left;">Irene and Anton spoke to the school&#8217;s Communication Design students and faculty as a source of inspiration during the first week of the academy&#8217;s session. &#8220;Attack&#8221; was repurposed a third time to future students of creativity with takeaway lessons to dream big, fail faster and be bold.</p>
<p style="text-align: left;">So where will &#8220;Attack&#8221; land next? Just you wait.</p>
<p style="text-align: left;">Should you like Fi to deliver a future &#8220;Attack&#8221; presentation at your company, university or event conference, please send an email to Fi&#8217;s Director of PR &amp; Communications Stephanie Yang at <a href="mailto:stephanie.yang@f-i.com">stephanie.yang@f-i.com</a>.</p>
<p style="text-align: left;">
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/attack-2013-lands-in-the-netherlands/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Inside the Studio: Fi&#8217;s New Website</title>
		<link>http://blog.f-i.com/inside-the-studio-fis-new-website/</link>
		<comments>http://blog.f-i.com/inside-the-studio-fis-new-website/#comments</comments>
		<pubDate>Tue, 19 Feb 2013 21:38:02 +0000</pubDate>
		<dc:creator>Stephanie Yang</dc:creator>
				<category><![CDATA[Homepage]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=1628</guid>
		<description><![CDATA[<p>Don’t you love the makings of a well-received idea? We recently opened up dialogue to widen our design and work process starting with our own website for the entire community to be a part of and follow along. The big idea was to exclusively feature the making of our newly designed site on <a href="http://www.facebook.com/Fi">our Facebook page</a>. It&#8217;s a project 5 years overdue! We first soft sounded the idea on Facebook and the response was greatly positive.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/02/Facebook-Idea.png"><img class="aligncenter  wp-image-1629" alt="Facebook responses to Inside the Studio" src="http://blog.f-i.com/wp-content/uploads/2013/02/Facebook-Idea.png" /></a></p>
<p>Based off of the community’s enthusiasm, we are introducing <em>Inside the Studio</em>, the start of what we hope to be a recurring social series where we invite our Facebook fans into the fold of an entire project lifecycle. Our own website is the first guinea pig project featured.</p>
<p>We are taking no time in diving right into the work. The team already had our kick off meeting last week over Google Hangout to review the latest wireframe deck.</p>
<p>But first, meet the team behind Fi&#8217;s redesigned website. You&#8217;ll be hearing more from us on Facebook so get familiar with our mugs. In the large Hangout image below, from left, are Sarah Boehler, Associate Director of Production; and Stephen Carpi, COO. In the smaller images, from left, are Anton Repponen, Global CD; David Martin, CEO &#38; Founder; Irene Pereyra, Global Director of UX &#38; Strategy; and Stephanie Yang, Director of PR &#38; Communications.</p>
<p style="text-align: left;"><a href="http://blog.f-i.com/wp-content/uploads/2013/02/4.jpg"><img class="aligncenter  wp-image-1633" alt="The Fi redesigned website team on G+ Hangout" src="http://blog.f-i.com/wp-content/uploads/2013/02/4.jpg" /></a>Irene led the meeting by first setting up an overview of what the new site map would look like. We&#8217;re going for a simpler, cleaner design with flat architecture compared to our current version</p>
<p style="text-align: left;"><a href="http://blog.f-i.com/wp-content/uploads/2013/02/5.jpg"><img class="aligncenter  wp-image-1638" alt="New UX designs convey a simpler, cleaner design" src="http://blog.f-i.com/wp-content/uploads/2013/02/5.jpg" /></a>The site&#8217;s global framework will have a sticky navigation component at the bottom. And similar to our newly launched <a href="http://blog.f-i.com/">blog</a>, the new Fi site will be fully responsive as well. The contextual menu at the bottom of the below image will house all of our case studies filtered by various categories. We&#8217;ll be testing out whether clicks or mouseovers will work best when we prototype the site although Irene is a fan of clicks given that we&#8217;re designing this with a tablet experience in mind. (Look at David really channeling the new site&#8217;s look and feel.)</p>
<p style="text-align: left;"><a href="http://blog.f-i.com/wp-content/uploads/2013/02/6.jpg"><img class="aligncenter  wp-image-1647" alt="The contextual menu will house all Fi case studies filtered by categories for easy-viewing." src="http://blog.f-i.com/wp-content/uploads/2013/02/6.jpg" /></a>Perhaps one of Irene&#8217;s most favorite, subtle UX is when users click on our Fi logo to contact us, it will display a drop-down menu with different user intentions. If a visitor clicks on one of our four global offices, a list of interesting statistics will appear to better familiarize users with our office culture. Always curious to know how many languages and nationalities make up our NYC office? These fun facts will tell all.</p>
<p style="text-align: left;"><a href="http://blog.f-i.com/wp-content/uploads/2013/02/2.jpg"><img class="aligncenter  wp-image-1650" alt="Office statistics will display fun facts from each global location. " src="http://blog.f-i.com/wp-content/uploads/2013/02/2.jpg" /></a>The homepage will be a big, beautiful marquee image that will be responsive dedicated to one project we&#8217;ll choose to highlight. The information panel on the left will be an easy-to-read snapshot of the most important work details including who the [...]]]></description>
				<content:encoded><![CDATA[<p>Don’t you love the makings of a well-received idea? We recently opened up dialogue to widen our design and work process starting with our own website for the entire community to be a part of and follow along. The big idea was to exclusively feature the making of our newly designed site on <a href="http://www.facebook.com/Fi">our Facebook page</a>. It&#8217;s a project 5 years overdue! We first soft sounded the idea on Facebook and the response was greatly positive.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/02/Facebook-Idea.png"><img class="aligncenter  wp-image-1629" alt="Facebook responses to Inside the Studio" src="http://blog.f-i.com/wp-content/uploads/2013/02/Facebook-Idea.png" /></a></p>
<p>Based off of the community’s enthusiasm, we are introducing <em>Inside the Studio</em>, the start of what we hope to be a recurring social series where we invite our Facebook fans into the fold of an entire project lifecycle. Our own website is the first guinea pig project featured.</p>
<p>We are taking no time in diving right into the work. The team already had our kick off meeting last week over Google Hangout to review the latest wireframe deck.</p>
<p>But first, meet the team behind Fi&#8217;s redesigned website. You&#8217;ll be hearing more from us on Facebook so get familiar with our mugs. In the large Hangout image below, from left, are Sarah Boehler, Associate Director of Production; and Stephen Carpi, COO. In the smaller images, from left, are Anton Repponen, Global CD; David Martin, CEO &amp; Founder; Irene Pereyra, Global Director of UX &amp; Strategy; and Stephanie Yang, Director of PR &amp; Communications.</p>
<p style="text-align: left;"><a href="http://blog.f-i.com/wp-content/uploads/2013/02/4.jpg"><img class="aligncenter  wp-image-1633" alt="The Fi redesigned website team on G+ Hangout" src="http://blog.f-i.com/wp-content/uploads/2013/02/4.jpg" /></a>Irene led the meeting by first setting up an overview of what the new site map would look like. We&#8217;re going for a simpler, cleaner design with flat architecture compared to our current version</p>
<p style="text-align: left;"><a href="http://blog.f-i.com/wp-content/uploads/2013/02/5.jpg"><img class="aligncenter  wp-image-1638" alt="New UX designs convey a simpler, cleaner design" src="http://blog.f-i.com/wp-content/uploads/2013/02/5.jpg" /></a>The site&#8217;s global framework will have a sticky navigation component at the bottom. And similar to our newly launched <a href="http://blog.f-i.com/">blog</a>, the new Fi site will be fully responsive as well. The contextual menu at the bottom of the below image will house all of our case studies filtered by various categories. We&#8217;ll be testing out whether clicks or mouseovers will work best when we prototype the site although Irene is a fan of clicks given that we&#8217;re designing this with a tablet experience in mind. (Look at David really channeling the new site&#8217;s look and feel.)</p>
<p style="text-align: left;"><a href="http://blog.f-i.com/wp-content/uploads/2013/02/6.jpg"><img class="aligncenter  wp-image-1647" alt="The contextual menu will house all Fi case studies filtered by categories for easy-viewing." src="http://blog.f-i.com/wp-content/uploads/2013/02/6.jpg" /></a>Perhaps one of Irene&#8217;s most favorite, subtle UX is when users click on our Fi logo to contact us, it will display a drop-down menu with different user intentions. If a visitor clicks on one of our four global offices, a list of interesting statistics will appear to better familiarize users with our office culture. Always curious to know how many languages and nationalities make up our NYC office? These fun facts will tell all.</p>
<p style="text-align: left;"><a href="http://blog.f-i.com/wp-content/uploads/2013/02/2.jpg"><img class="aligncenter  wp-image-1650" alt="Office statistics will display fun facts from each global location. " src="http://blog.f-i.com/wp-content/uploads/2013/02/2.jpg" /></a>The homepage will be a big, beautiful marquee image that will be responsive dedicated to one project we&#8217;ll choose to highlight. The information panel on the left will be an easy-to-read snapshot of the most important work details including who the client is, the name of the work, a short description and perhaps links to the case study, a blog entry with more details, and the live site. Added information may include any awards we may have won for this work and what platform the work exists on. Visitors can close that left panel to view just the rich marquee image and will be able to auto-cycle through six different featured items.</p>
<p style="text-align: left;"><a href="http://blog.f-i.com/wp-content/uploads/2013/02/3.jpg"><img class="aligncenter  wp-image-1654" alt="Homepage will feature big marquee image" src="http://blog.f-i.com/wp-content/uploads/2013/02/3.jpg" /></a>To view the entire kick-off video meeting on Google Hangout, be sure to check out Part I and Part II on our <a href="http://www.facebook.com/Fi">Facebook page</a>.</p>
<p>This is just a taste of what&#8217;s to come. We&#8217;ll continue to post all new assets exclusively on our Facebook page in the spirit of full transparency. We’re going to show you our passion, debates, decisions, failures and wins. In the end, we hope that our experiment plays a small source of inspiration in your daily creative life. So be sure to follow us on <a href="http://www.facebook.com/Fi">Facebook</a> for exclusive content and witness the design and build of Fi’s new website.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/inside-the-studio-fis-new-website/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>USA Today Featured in .net Magazine</title>
		<link>http://blog.f-i.com/usa-today-featured-in-net-magazine/</link>
		<comments>http://blog.f-i.com/usa-today-featured-in-net-magazine/#comments</comments>
		<pubDate>Wed, 13 Feb 2013 00:32:12 +0000</pubDate>
		<dc:creator>Stephanie Yang</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Dev]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[Press]]></category>
		<category><![CDATA[journalists]]></category>
		<category><![CDATA[single-page app structure]]></category>
		<category><![CDATA[SPA architecture]]></category>
		<category><![CDATA[USA Today]]></category>
		<category><![CDATA[UX design]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=1691</guid>
		<description><![CDATA[Our work with USA Today's site redesign is featured in the March 2013 issue of .net Magazine as a How We Built technique case study. Read how Fi's Global Director of UX &#038; Strategy Irene Pereyra and Global Creative Director Anton Repponen adopted a single-page app structure for the radically redesigned site.]]></description>
				<content:encoded><![CDATA[<p>Our work with <a href="http://www.facebook.com/video/video.php?v=10151250080289923&amp;saved">USA Today&#8217;s site redesign</a> is featured in the March 2013 issue of <a href="http://www.netmagazine.com/">.net Magazine</a> as a <em>How We Built</em> technique case study. Read how Fi&#8217;s Global Director of UX &amp; Strategy Irene Pereyra and Global Creative Director Anton Repponen adopted a single-page app structure for the radically redesigned site.</p>
<p>The project brief was to redesign and re-architect the entire digital <i>USA Today</i> site experience using only two layers: the category landing pages and the article page itself. Read below on what made this design so special and the technical challenges that lay in front of the team.</p>
<p style="text-align: left;"><img class="alignnone  wp-image-1716" alt="Page1" src="http://blog.f-i.com/wp-content/uploads/2013/02/Page1.jpg" /></p>
<p style="text-align: left;"><em>USA Today</em>&#8216;s homepage boasts dynamic functionality including left and right arrows inspired by the iPad design, an article overlay enabling readers to stay within the same category of stories, a grid vs. article view and a live feed on the right column that keeps readers updated with breaking news.</p>
<p><img class="alignnone  wp-image-1717" alt="Page2" src="http://blog.f-i.com/wp-content/uploads/2013/02/Page2.jpg" /></p>
<p style="text-align: left;">Former Fi alum Erik Kallevig even contributed to the technical piece since he was the senior developer who worked on the site before moving over to the client side. Below Erik walks through the site creation process.</p>
<p><img class="alignnone  wp-image-1715" alt="Page3" src="http://blog.f-i.com/wp-content/uploads/2013/02/Page3.jpg" /></p>
<p>Watch the new USAToday.com come to life in this video walkthrough.</p>
<p><iframe src="http://player.vimeo.com/video/49599658" height="360" width="640" allowfullscreen="" frameborder="0"></iframe></p>
<p><a href="http://vimeo.com/49599658"> </a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/usa-today-featured-in-net-magazine/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>2012: A Year in Review</title>
		<link>http://blog.f-i.com/2012-a-year-in-review/</link>
		<comments>http://blog.f-i.com/2012-a-year-in-review/#comments</comments>
		<pubDate>Wed, 06 Feb 2013 18:47:02 +0000</pubDate>
		<dc:creator>Stephanie Yang</dc:creator>
				<category><![CDATA[Awards]]></category>
		<category><![CDATA[Fi]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[2012]]></category>
		<category><![CDATA[images]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=235</guid>
		<description><![CDATA[If a picture is really worth a thousand words, 2012 made us feel rich with stories. Here at Fi, we love sharing with the community an inside peek at our daily happenings. If nothing else, it's a moment in time which reminds us that though we share passions in all things digital, a picture, in an instant, can bridge human connection faster than any code or pixel.]]></description>
				<content:encoded><![CDATA[<p>If a picture is really worth a thousand words, 2012 made us feel rich with stories. Here at Fi, we love sharing with the community an inside peek at our daily happenings. If nothing else, it&#8217;s a moment in time which reminds us that though we share passions in all things digital, a picture, in an instant, can bridge human connection faster than any code or pixel.</p>
<p>The start of a new year always gets us a little nostalgic about the previous one. So let us reminisce and share the best, most engaging Facebook photos from 2012. These are the images that provoked you, that made you lean forward and notice, and yes, that you &#8216;Liked&#8217; the most.</p>
<h1><strong>January &#8211; March</strong></h1>
<p>2012 started off with us working heads-down on the iOS voting app for the annual <a href="http://www.nick.com/kids-choice-awards/" target="_blank">Nickelodeon Kid&#8217;s Choice Awards</a>. For over 25 years, Nickelodeon has hosted this star-studded event bringing kids &#8211; and an inordinate amount of green slime &#8211; closer to their favorite celebrities. From our alpha release in January to the app launch in March, a record-breaking 223 million votes were cast for the 2012 KCAs, a 10% increase from last year. And the app held top rank in the iTunes App Store for a week with solid, five-star reviews. Yeah, a great way to kick off the year, we&#8217;d say.</p>
<p style="text-align: center;"><img class=" wp-image-270 aligncenter" title="KCA iTunes App Store" alt="" src="http://blog.f-i.com/wp-content/uploads/2013/01/KCA-ITUNES.png" /></p>
<p>An added perk was attending the orange-carpet event and hanging with the celebrities. It&#8217;s a dirty job, but somebody&#8217;s gotta do it. Guten Tag, Heidi Klum.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-547" alt="klum" src="http://blog.f-i.com/wp-content/uploads/2013/01/klum2.jpg" /></p>
<p>Halle Berry like you&#8217;ve never seen her before.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-549" alt="berry" src="http://blog.f-i.com/wp-content/uploads/2013/01/berry.jpg" /></p>
<p>Satisfying the world over with green slime, Fi&#8217;s work here was done.</p>
<p><img class="aligncenter  wp-image-280" title="KCA Event" alt="" src="http://blog.f-i.com/wp-content/uploads/2013/01/KCA-Event.jpg" /></p>
<h1>April &#8211; June</h1>
<p>The second quarter of the year found ourselves speaking in Barcelona, Spain at <a href="http://www.offf.ws/bcn2013/" target="_blank">OFFF</a>, a three-day festival where notable international artists in graphic design, visual communication, digital arts and electronic music led workshops and presentations to inspire and be inspired. Fi&#8217;s Global Director of UX &amp; Strategy Irene Pereyra, Global Creative Director Anton Repponen and former Art Director Claudio Guglieri shared Fi work among cultural tastemakers to push innovation even further.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-288" title="OFFF" alt="" src="http://blog.f-i.com/wp-content/uploads/2013/01/OFFF.jpg" /></p>
<p>The conference even used Anton&#8217;s headshot to promote this year&#8217;s event.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/2012-a-year-in-review/anton-repponen_offf-2012/" rel="attachment wp-att-369"><img class="aligncenter  wp-image-369" alt="ANTON REPPONEN_OFFF 2012" src="http://blog.f-i.com/wp-content/uploads/2013/01/ANTON-REPPONEN_OFFF-2012.png" width="640" height="425" /></a></p>
<p>We got a nice surprise in May when we were notified of our Webby award win for our <a href="http://www.f-i.com/google/heatmap/"><em>Google Cannes Heatmap</em></a> app we created.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/Webby.jpg"><img class="aligncenter  wp-image-551" alt="Webby" src="http://blog.f-i.com/wp-content/uploads/2013/01/Webby.jpg" /></a></p>
<p>Another bit of good news arrived in June when we heard we won a Cyber Lion from Cannes for <a href="http://www.f-i.com/google/rebrief/">Project Re:Brief</a>.<br />
<img class="aligncenter  wp-image-552" alt="cyber-lion" src="http://blog.f-i.com/wp-content/uploads/2013/01/cyber-lion.jpg" /></p>
<h1><strong>July &#8211; September</strong></h1>
<p>At the start of the third quarter, we were on the road traveling across the Atlantic to prepare for Fi London Invasion. We were delighted to see such a great turnout with a full house and even people standing up in the back. Everyone was anxious to hear our case study work featuring <a href="http://www.f-i.com/google/ramayana/">Google Ramayana</a>, <a href="https://chrome.google.com/webstore/detail/my-chrome-theme/oehpjpccmlcalbenfhnacjeocbjdonic">Chrome Store</a> and The History Channel&#8217;s <a href="http://www.f-i.com/infographics/civilwar/">Civil War 150</a>.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/fi-london-invasion.jpg"><img class="aligncenter  wp-image-553" alt="fi-london-invasion" src="http://blog.f-i.com/wp-content/uploads/2013/01/fi-london-invasion.jpg" /></a></p>
<p>CEO David Martin&#8217;s parents even got in on the action as well. Who knew invasions could be this much fun?</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/fi-family-london-invasion.jpg"><img class="aligncenter  wp-image-554" alt="fi-family-london-invasion" src="http://blog.f-i.com/wp-content/uploads/2013/01/fi-family-london-invasion.jpg" /></a></p>
<p>In August, we moved our speaking series to San Francisco and aptly called it Attack of the Creative Process. The SF turnout was just as successful as London&#8217;s. People couldn&#8217;t seem to get enough of our case studies.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/fi-attack-sf-crowd.jpg"><img class="aligncenter  wp-image-555" alt="fi-attack-sf-crowd" src="http://blog.f-i.com/wp-content/uploads/2013/01/fi-attack-sf-crowd.jpg" /></a></p>
<p>Our speaking series posters have turned into a collecter&#8217;s item. People ask us whether we sell them piece meal. It&#8217;s something we&#8217;re definitely pondering about now.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/fi-sf-attack-one-sheet.jpg"><img class="aligncenter  wp-image-556" alt="fi-sf-attack-one-sheet" src="http://blog.f-i.com/wp-content/uploads/2013/01/fi-sf-attack-one-sheet.jpg" /></a></p>
<p>In August, drama occurred when a small electrical fire broke out in our NYC office server room. Thankfully, there were no casualties.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/ny-server-room-fire.jpg"><img class="aligncenter  wp-image-557" alt="ny-server-room-fire" src="http://blog.f-i.com/wp-content/uploads/2013/01/ny-server-room-fire.jpg" /></a></p>
<p>The fire could have been a lot worse were it not for Pete, our brave office manager, who contained most of the first even before FDNY arrived on the scene.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/pete.jpg"><img class="aligncenter  wp-image-558" alt="pete" src="http://blog.f-i.com/wp-content/uploads/2013/01/pete.jpg" /></a></p>
<h1><strong>October &#8211; December</strong></h1>
<p>After some great nights in London, Stockholm, Moscow, Rzeszow and San Francisco, our creative speaking series came to New York City.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/fi-ny-attack.jpg"><img class="aligncenter  wp-image-559" alt="fi-ny-attack" src="http://blog.f-i.com/wp-content/uploads/2013/01/fi-ny-attack.jpg" /></a></p>
<p>Our entire NYC office was preparing for the arrival of our guests. Additional chairs were rented. Over 350 pieces of sushi were ordered. And an Fi-branded candy bar was on display for people to take home sweet treats.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/candy.jpg"><img class="aligncenter  wp-image-567" alt="candy" src="http://blog.f-i.com/wp-content/uploads/2013/01/candy.jpg" /></a></p>
<p style="text-align: left;">In addition to Irene and Anton speaking about our creative process within a project lifecycle, guest speaker Stephen Burgess, Fi developer, gave a lively presentation about WebRTC, one of the latest HTML5 features to hit the Chrome browser.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/burgess.jpg"><img class="aligncenter  wp-image-560" alt="burgess" src="http://blog.f-i.com/wp-content/uploads/2013/01/burgess.jpg" /></a></p>
<p style="text-align: left;">Tragedy struck the east coast in late October when Hurricane Sandy reigned down, causing all those affected to band together during this time of national disaster.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/sto.jpg"><img class="aligncenter  wp-image-565" alt="sto" src="http://blog.f-i.com/wp-content/uploads/2013/01/sto.jpg" /></a></p>
<p style="text-align: left;">Fi did its small part by donating to the Food Bank for New York City.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/food-bank-for-nyc.jpg"><img class="aligncenter  wp-image-561" alt="food-bank-for-nyc" src="http://blog.f-i.com/wp-content/uploads/2013/01/food-bank-for-nyc.jpg" /></a></p>
<p style="text-align: left;">As the holidays drew near, it was a reflective time to look back at another exciting, accomplished year and look forward to the promise and delight that 2013 would bring. Our offices began to get into the festive spirit.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/stockholm-xmas-tree.jpg"><img class="aligncenter  wp-image-562" alt="stockholm-xmas-tree" src="http://blog.f-i.com/wp-content/uploads/2013/01/stockholm-xmas-tree.jpg" /></a></p>
<p style="text-align: left;">All the work we achieved and all the awards won don&#8217;t mean much without the people we work with day-in and day-out.  Even if that does means we end up dressing the same at our office holiday party.</p>
<p style="text-align: center;">  <a href="http://blog.f-i.com/wp-content/uploads/2013/01/twinsies.jpg"><img class="aligncenter  wp-image-563" alt="twinsies" src="http://blog.f-i.com/wp-content/uploads/2013/01/twinsies.jpg" /></a></p>
<p style="text-align: left;">Here&#8217;s to many more memories and images captured in 2013!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/2012-a-year-in-review/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Google Ramayana Wins FWA People’s Choice Award 2012</title>
		<link>http://blog.f-i.com/google-ramayana-wins-fwa-peoples-choice-award-2012/</link>
		<comments>http://blog.f-i.com/google-ramayana-wins-fwa-peoples-choice-award-2012/#comments</comments>
		<pubDate>Tue, 05 Feb 2013 13:29:43 +0000</pubDate>
		<dc:creator>Stephanie Yang</dc:creator>
				<category><![CDATA[Awards]]></category>
		<category><![CDATA[Digital]]></category>
		<category><![CDATA[Fi]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[education]]></category>
		<category><![CDATA[FWA]]></category>
		<category><![CDATA[Google Ramayana]]></category>
		<category><![CDATA[People's Choice Award]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=443</guid>
		<description><![CDATA[<p>Spread across 365 Site of the Day winners and narrowed down to 12 Site of the Month finalists, the decision came down to one international public vote. Fi is greatly honored to have Google Ramayana chosen as this year’s winner of the <a href="http://www.thefwa.com/article/fwa-people-s-choice-award-2012">FWA People’s Choice Award</a>. We are delighted to see how the public appreciated the amazing creativity this experience brought to the masses.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/FWA_PCA_2012_certificate.jpeg"><img class="aligncenter  wp-image-644" alt="FWA_PCA_2012_certificate" src="http://blog.f-i.com/wp-content/uploads/2013/01/FWA_PCA_2012_certificate.jpeg" /></a></p>
<p>What&#8217;s even more exciting than winning this award was hearing the real-life application of the site being experienced by children. On the second Saturday in January every year, Thailand celebrates their youth by hosting National Children’s Day. This year, <a href="https://plus.google.com/u/0/photos/100395172310311078898/albums/5832379935498365761">a Google-hosted exhibition</a> displayed our Ramayana work proudly for the more than 10,000 children who attended. Even the guest of honor, Thailand&#8217;s Prime Minister, walked away impressed with Ramayana, stating that this type of interactive media should be used across more government-funded educational initiatives.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/CHILDRENS-DAY.jpg"><img class="aligncenter  wp-image-965" title="National Children's Day 2013" alt="" src="http://blog.f-i.com/wp-content/uploads/2013/01/CHILDRENS-DAY.jpg" /></a></p>
<p>The tale of Ramayana is an ancient epic in Asia Pacific that carries deep lessons that reflect the region’s cultural consciousness. When Chrome launched in Asia, Google chose this story of Ramayana as the vehicle to introduce one of the most robust web browsers to a new market. The website tells the ancient story of Ramayana in a modern way using new technology that showcases the power and ability of Google Chrome.</p>
<p>&#8220;<i>After a decade of being recognized by The FWA for our creativity in design and engineering, it&#8217;s humbling to know Fi has stood the test of time and stood by its founding principals</i>.&#8221; <b>David Martin, CEO, Fi</b></p>
<p>&#8220;<i>One of the greatest achievements in the creative industry is to be recognized by your peers. With this award, we had the privilege of enjoying this experience. Great teamwork, great clients and great partners like Fi &#8211; that&#8217;s what made the Ramayana Chrome Experiment, magic</i>.&#8221; <b>Melvyn Lim, Executive Creative Director, OgilvyOne Singapore</b></p>
<p>&#8220;<em>It was fascinating to see all the different passions come together from illustrators, designers, HTML5 developers, and even sound guys working simultaneously and witness each Ramayana chapter come to life like a puzzle being completed. It almost felt magical because every new piece would always make for a perfect fit to the larger project</em>.&#8221; - <strong>Anton Repponen, Global Creative Director, Fi</strong></p>
<p>&#8220;<em>The Ramayana project gave us the opportunity to push the boundaries of Chrome&#8217;s implementation of both Canvas and WebGL technologies. Our digital physics implementations were challenging and it was satisfying to see the particle systems, spring-based tail physics, 3D ray casting, collision detection, and inverse kinematics all come together seamlessly to create an engaging and beautiful storytelling experience</em>.&#8221; - <strong>Karl Herkt, Senior Technical Producer, Fi</strong></p>
<p>Experience again <a href="http://www.f-i.com/google/ramayana/">the making</a> of how Fi and our partner OgilvyOne brought an ancient epic to life and launched Chrome in Asia. Check out this promotional video OgilvyOne created as well.</p>
<p><iframe src="http://player.vimeo.com/video/53060194" height="360" width="640" allowfullscreen="" frameborder="0"></iframe></p>
<p>We want to thank the amazing Fi team who worked on the site with such dedication, our partner OgilvyOne and client Google for the opportunity to dream big, and the fans that believed in and voted for Google Ramayana.</p>
]]></description>
				<content:encoded><![CDATA[<p>Spread across 365 Site of the Day winners and narrowed down to 12 Site of the Month finalists, the decision came down to one international public vote. Fi is greatly honored to have Google Ramayana chosen as this year’s winner of the <a href="http://www.thefwa.com/article/fwa-people-s-choice-award-2012">FWA People’s Choice Award</a>. We are delighted to see how the public appreciated the amazing creativity this experience brought to the masses.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/FWA_PCA_2012_certificate.jpeg"><img class="aligncenter  wp-image-644" alt="FWA_PCA_2012_certificate" src="http://blog.f-i.com/wp-content/uploads/2013/01/FWA_PCA_2012_certificate.jpeg" /></a></p>
<p>What&#8217;s even more exciting than winning this award was hearing the real-life application of the site being experienced by children. On the second Saturday in January every year, Thailand celebrates their youth by hosting National Children’s Day. This year, <a href="https://plus.google.com/u/0/photos/100395172310311078898/albums/5832379935498365761">a Google-hosted exhibition</a> displayed our Ramayana work proudly for the more than 10,000 children who attended. Even the guest of honor, Thailand&#8217;s Prime Minister, walked away impressed with Ramayana, stating that this type of interactive media should be used across more government-funded educational initiatives.</p>
<p style="text-align: center;"><a href="http://blog.f-i.com/wp-content/uploads/2013/01/CHILDRENS-DAY.jpg"><img class="aligncenter  wp-image-965" title="National Children's Day 2013" alt="" src="http://blog.f-i.com/wp-content/uploads/2013/01/CHILDRENS-DAY.jpg" /></a></p>
<p>The tale of Ramayana is an ancient epic in Asia Pacific that carries deep lessons that reflect the region’s cultural consciousness. When Chrome launched in Asia, Google chose this story of Ramayana as the vehicle to introduce one of the most robust web browsers to a new market. The website tells the ancient story of Ramayana in a modern way using new technology that showcases the power and ability of Google Chrome.</p>
<p>&#8220;<i>After a decade of being recognized by The FWA for our creativity in design and engineering, it&#8217;s humbling to know Fi has stood the test of time and stood by its founding principals</i>.&#8221; <b>David Martin, CEO, Fi</b></p>
<p>&#8220;<i>One of the greatest achievements in the creative industry is to be recognized by your peers. With this award, we had the privilege of enjoying this experience. Great teamwork, great clients and great partners like Fi &#8211; that&#8217;s what made the Ramayana Chrome Experiment, magic</i>.&#8221; <b>Melvyn Lim, Executive Creative Director, OgilvyOne Singapore</b></p>
<p>&#8220;<em>It was fascinating to see all the different passions come together from illustrators, designers, HTML5 developers, and even sound guys working simultaneously and witness each Ramayana chapter come to life like a puzzle being completed. It almost felt magical because every new piece would always make for a perfect fit to the larger project</em>.&#8221; - <strong>Anton Repponen, Global Creative Director, Fi</strong></p>
<p>&#8220;<em>The Ramayana project gave us the opportunity to push the boundaries of Chrome&#8217;s implementation of both Canvas and WebGL technologies. Our digital physics implementations were challenging and it was satisfying to see the particle systems, spring-based tail physics, 3D ray casting, collision detection, and inverse kinematics all come together seamlessly to create an engaging and beautiful storytelling experience</em>.&#8221; - <strong>Karl Herkt, Senior Technical Producer, Fi</strong></p>
<p>Experience again <a href="http://www.f-i.com/google/ramayana/">the making</a> of how Fi and our partner OgilvyOne brought an ancient epic to life and launched Chrome in Asia. Check out this promotional video OgilvyOne created as well.</p>
<p><iframe src="http://player.vimeo.com/video/53060194" height="360" width="640" allowfullscreen="" frameborder="0"></iframe></p>
<p>We want to thank the amazing Fi team who worked on the site with such dedication, our partner OgilvyOne and client Google for the opportunity to dream big, and the fans that believed in and voted for Google Ramayana.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/google-ramayana-wins-fwa-peoples-choice-award-2012/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>WebGL Point Cloud</title>
		<link>http://blog.f-i.com/webgl-point-cloud/</link>
		<comments>http://blog.f-i.com/webgl-point-cloud/#comments</comments>
		<pubDate>Fri, 25 Jan 2013 17:12:54 +0000</pubDate>
		<dc:creator>Tomek Augustyn</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Labs]]></category>
		<category><![CDATA[WebGL]]></category>
		<category><![CDATA[experiments]]></category>
		<category><![CDATA[point cloud]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=335</guid>
		<description><![CDATA[<p>Fi logo as a set of vertices in a three-dimensional coordinate system.<br />
Use mouse to interact. <a href="https://github.com/FantasyInteractive/fi-labs_point-cloud">Source on GitHub</a></p>
]]></description>
				<content:encoded><![CDATA[<p>Fi logo as a set of vertices in a three-dimensional coordinate system.<br />
Use mouse to interact. <a href="https://github.com/FantasyInteractive/fi-labs_point-cloud">Source on GitHub</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/webgl-point-cloud/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 Coverflow</title>
		<link>http://blog.f-i.com/css3-coverflow/</link>
		<comments>http://blog.f-i.com/css3-coverflow/#comments</comments>
		<pubDate>Thu, 24 Jan 2013 17:11:52 +0000</pubDate>
		<dc:creator>Tomek Augustyn</dc:creator>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Labs]]></category>
		<category><![CDATA[coverflow]]></category>
		<category><![CDATA[experiments]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=333</guid>
		<description><![CDATA[<p>OS X Cover Flow effect replicated in JS and CSS3 (Webkit browsers only).<br />
Source on <a href="https://github.com/FantasyInteractive/fi-labs_css3-coverflow">Github</a></p>
]]></description>
				<content:encoded><![CDATA[<p>OS X Cover Flow effect replicated in JS and CSS3 (Webkit browsers only).<br />
Source on <a href="https://github.com/FantasyInteractive/fi-labs_css3-coverflow">Github</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/css3-coverflow/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WebGL World Generator</title>
		<link>http://blog.f-i.com/webgl-world-generator/</link>
		<comments>http://blog.f-i.com/webgl-world-generator/#comments</comments>
		<pubDate>Wed, 28 Nov 2012 13:57:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Labs]]></category>
		<category><![CDATA[WebGL]]></category>
		<category><![CDATA[dat.GUI]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[world generator]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=216</guid>
		<description><![CDATA[<p><a href="https://www.minecraft.net">Minecraft</a> like terrain generator built with jQuery, Three.js and dat.GUI<br />
<a href="https://github.com/FantasyInteractive/fi-labs_webgl-world-generator">Source on GitHub</a></p>
]]></description>
				<content:encoded><![CDATA[<p><a href="https://www.minecraft.net">Minecraft</a> like terrain generator built with jQuery, Three.js and dat.GUI<br />
<a href="https://github.com/FantasyInteractive/fi-labs_webgl-world-generator">Source on GitHub</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/webgl-world-generator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>&#8220;Attack of the Creative Process&#8221; Visits The Big Apple</title>
		<link>http://blog.f-i.com/attack-of-the-creative-process-visits-the-big-apple/</link>
		<comments>http://blog.f-i.com/attack-of-the-creative-process-visits-the-big-apple/#comments</comments>
		<pubDate>Mon, 29 Oct 2012 09:58:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Fi]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[Attack of the Creative Process]]></category>
		<category><![CDATA[Chrome Store]]></category>
		<category><![CDATA[Fi NY]]></category>
		<category><![CDATA[Google Ramayana]]></category>
		<category><![CDATA[The History Channel]]></category>
		<category><![CDATA[WebRTC]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=149</guid>
		<description><![CDATA[About a little more than a week ago, the Fi NYC office hosted the final "Attack of the Creative Process"  in the 2012 speaking series. Having already made international stops in Sweden, London, Poland, Russia and Spain, "Attack" wrapped up its tour in The Big Apple. ]]></description>
				<content:encoded><![CDATA[<p>About a little more than a week ago, the Fi <span>NYC office hosted the final &#8220;Attack of the Creative Process&#8221;  in the 2012 speaking series. Having already made international stops in Sweden, London, Poland, Russia and Spain, &#8220;Attack&#8221; wrapped up its tour in The Big Apple. We expected such a heavy turnout, we took a good part of our day preparing for our guests. </span></p>
<p>Upon arrival, and after taking their shoes off, guests were greeted with a bountiful spread of food and drinks. The 350 pieces of sushi we ordered were gone in a New York minute. And in the spirit of Halloween, we displayed a candy bar stocked with red, black and white sweets, encouraging everyone to take a bag home. (That&#8217;s over 50 lbs. of candy!)</p>
<p>Fi developer Stephen Burgess opened up with a well-received presentation on his latest experiments with WebRTC that included demonstrations with facial recognition and motion detection. Afterward, Global Director of UX &amp; Strategy Irene Pereyra and Global CD Anton Reponnen closed the last hour with their case study walkthrough of three award-winning projects: Google Ramayana, Chrome Store and The History Channel. The humorous story they shared of how they showed up to client meeting dressed exactly alike &#8211; white shirt, black pants and red shoes &#8211; made for a great time.</p>
<p>Armed with inspirations of beautiful design, digital innovation and a small bag of candy, guests walked away with nothing but treats. No tricks here.</p>
<p>That wraps up &#8220;Attack&#8221; in 2012. Be sure to follow us on Twitter @<a href="https://twitter.com/F_i" target="_blank">F_i</a> to stay informed of new dates and cities. See you next year with more new case studies to share!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/attack-of-the-creative-process-visits-the-big-apple/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sony &amp; Fi Premiere a Connected World</title>
		<link>http://blog.f-i.com/sony-fi-premiere-a-connected-world/</link>
		<comments>http://blog.f-i.com/sony-fi-premiere-a-connected-world/#comments</comments>
		<pubDate>Wed, 05 Sep 2012 09:50:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Digital]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[IFA Berlin 2012]]></category>
		<category><![CDATA[Sony]]></category>
		<category><![CDATA[Sony Connected World]]></category>

		<guid isPermaLink="false">http://blog.f-i.com/?p=145</guid>
		<description><![CDATA[We're very excited to announce that Sony and Fi have teamed up to bring you Sony Connected World. This fully-interactive experience showcases Sony's latest products and technologies, and how they work together to help you Create, Listen, Watch, and Play in totally new ways. ]]></description>
				<content:encoded><![CDATA[<p><span>We&#8217;re very excited to announce that Sony and <a href="http://www.f-i.com" target="_blank">Fi</a> have teamed up to bring you <a href="http://www.sony.net/united/connectedworld" target="_blank">Sony Connected World</a>.  This fully-interactive experience showcases Sony&#8217;s latest products and technologies, and how they work together to help you Create, Listen, Watch, and Play in totally new ways.  And if you happen to be in the neighborhood, be sure to stop by the Sony booth at IFA Berlin 2012 to personally preview all the latest gear in action.</span></p>
<p><span> </span></p>
<p><span><img alt="" src="http://media.kontain.com/www.f-i.com/img/casestudies/johnny/create.jpg" /></span></p>
<p>&nbsp;</p>
<p><img alt="" src="http://media.kontain.com/www.f-i.com/img/casestudies/johnny/listen.jpg" /></p>
<p>&nbsp;</p>
<p><img alt="" src="http://media.kontain.com/www.f-i.com/img/casestudies/johnny/watch.jpg" /></p>
<p><a href="http://blog.f-i.com/wp-content/uploads/2012/09/play.jpg"><img class="alignnone  wp-image-1469" alt="play" src="http://blog.f-i.com/wp-content/uploads/2012/09/play.jpg" /></a></p>
<p><span><br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.f-i.com/sony-fi-premiere-a-connected-world/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
