<?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>Red Pepper Flakes. A blog by Imelda Suriato &#187; just thoughts</title>
	<atom:link href="http://www.isuriato.com/blog/category/just-thoughts/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.isuriato.com/blog</link>
	<description>A dash of rants &#38; ramblings of things I find interesting, from design to technology to, of course, food.</description>
	<lastBuildDate>Fri, 27 Jan 2012 23:08:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Social Reading: Hey, did you know&#8230;</title>
		<link>http://www.isuriato.com/blog/social-reading-did-you-know/</link>
		<comments>http://www.isuriato.com/blog/social-reading-did-you-know/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 22:49:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[cool stuff]]></category>
		<category><![CDATA[just thoughts]]></category>

		<guid isPermaLink="false">http://www.isuriato.com/blog/?p=1937</guid>
		<description><![CDATA[I know I&#8217;m not the only one who yet to adopt an eReader. I accept the fact that there are more and more cool devices out there for reading, from Kindle to Nook to Sony Reader to the latest, Kobo. Then there&#8217;s a host of social reading platforms, from the Washington Post Social Reader (a [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="Social Reading" src="http://www.latimes.com/media/photo/2011-12/342260480-22100207.jpg" alt="" width="504" height="335" /></p>
<p>I know I&#8217;m not the only one who yet to adopt an eReader. I accept the fact that there are more and more cool devices out there for reading, from <a title="Kindle" href="http://www.amazon.com/Kindle-Fire-Color/dp/B0051VVOB2" target="_blank">Kindle</a> to <a title="Nook" href="http://www.barnesandnoble.com/u/nook/379003208" target="_blank">Nook</a> to <a title="Sony Reader" href="http://store.sony.com/webapp/wcs/stores/servlet/ContentDisplayView?cmsId=reader_library&amp;catalogId=10551&amp;storeId=10151" target="_blank">Sony Reader</a> to the latest, <a title="Kobo" href="http://www.kobobooks.com/kobovox" target="_blank">Kobo</a>. Then there&#8217;s a host of social reading platforms, from the <a title="Washington Post Social Reader" href="http://www.washingtonpost.com/socialreader" target="_blank"><em>Washington Post</em> Social Reader</a> (a free Facebook application that offers a new way to read news — with your friends) to <a title="The Guardian Facebook App" href="http://www.guardian.co.uk/media/pda/2011/nov/30/guardian-facebook-app" target="_blank"><em>The Guardian</em>&#8216;s Facebook app</a> (which by Dec 2011 was installed by more than 4 million users and drove up daily page impressions by almost 1 million). Google even joined in the fun with <a title="Google Currents" href="http://9to5google.com/2011/12/08/google-launches-currents-new-social-reading-platform-for-ios-and-android/" target="_blank">Google Currents</a>.</p>
<p><img class="alignnone size-full wp-image-1939" title="Kobo Vox" src="http://www.isuriato.com/blog/wp-content/uploads/2012/01/kobo.png" alt="" width="430" height="250" /></p>
<p>What drives this latest craze? Is it because people like book clubs so much? Let&#8217;s define &#8220;social reading&#8221; first (or <em>L.A. Times</em> more appropriately asked <a title="What the heck is 'social reading'?" href="http://latimesblogs.latimes.com/jacketcopy/2011/12/what-the-heck-is-social-reading.html" target="_blank">&#8220;What the heck is &#8216;social reading&#8217;?&#8221;</a>):</p>
<blockquote><p>Look ahead: The presents have been opened, wrapping thrown away, and for a few quiet hours you&#8217;ve been curled up reading the new Steve Jobs biography, a gift from your dad. You find a surprising detail and call to your significant other, &#8220;Honey, did you know &#8230;?&#8221; but because he is busy making dinner, the idea fizzles away as you turn the page.</p>
<p>Or maybe when you get to that passage, with the swipe of a finger you highlight it and email it to your dad, adding a thanks for his gift. Or you click to add your thoughts to a chorus of readers who found that same passage interesting; or you check to see if there&#8217;s a link to a video clip; or you find an annotation from the author; or you post it to Twitter or Facebook or Google+, where others can comment on it too.</p>
<p>That&#8217;s called &#8220;social reading,&#8221; and it&#8217;s coming to an e-reading app or device near you.<sup>1</sup></p></blockquote>
<p>&nbsp;</p>
<p>It&#8217;s not hard to believe that people want to share what they have read with other people and receive feedback about their thoughts and ideas. Technology is the great enabler for social reading, and the natural place for this activity to cultivate.<sup>2 </sup>I get it when it comes to news such as the case with <em>Washington Post</em>, <em>The Telegraph</em> and <a title="NY Times: Recommendations For You" href="http://www.nytimes.com/recommendations" target="_blank">NY Times&#8217; Recommendations</a>. It&#8217;s discussion on current events, policies and the market. And it&#8217;s &#8220;happening right now.&#8221; But I guess there&#8217;s a need to opine on everything, even when it comes to chick lits, just like in a traditional book club.</p>
<p><a href="http://www.thecopia.com"><img class="alignnone size-full wp-image-1940" title="copia_ipad-620x400" src="http://www.isuriato.com/blog/wp-content/uploads/2012/01/copia_ipad-620x400.jpg" alt="" width="431" height="277" /></a></p>
<p>Let&#8217;s take a look at one of the latest &#8220;club&#8221;: <a title="Copia" href="http://www.thecopia.com" target="_blank">Copia</a>, which bills itself as a Social Network for Book Lovers. It&#8217;s a social media and content delivery platform that brings together content, community and commerce to create an environment where users collaborate, socialize and buy content. Copia is accessible across a broad array of digital devices and platforms including Mac, PC, Android, notebooks, netbooks, iPads, slates, smart phones and eReaders.</p>
<p>With a tagline of <em>&#8220;Reading reimagined for the iPad™&#8221;</em> Copia wants book lovers to love it (because every book lover apparently has an iPad. Well, except me). It combines everything you love about the iPad with the most advanced social reading experience. Essentially, apps are increasingly being developed to enable users to electronically share thoughts.</p>
<p>Putting my reservations aside, Copia seems to offer lots of nice doodads like featured/most active groups, creation of notes, combining e-commerce &amp; social. In addition to syncing your spot in a book, taking notes and highlighting excerpts, Copia lets you connect with other users. You can view notes that friends have made in the margins of a book, or join Copia Groups (essentially e-book clubs) and share recommendations. Copia has many of its own social networking features, but it also can connect with Facebook, Twitter and LinkedIn.<sup>3</sup></p>
<p>I like to note that there are some bright and useful elements in these eReaders &amp; social reading platforms, especially from Kobo and Copia, for UI designers and app developers to consider in a community /application design. It’s definitely a lot more user-friendly if used for eBooks but nice UI for the iPad &amp; Desktop Reader.</p>
<p>Before I end this thought, I&#8217;m adding self-publishing factor into the mix. There are many out there as well but I like <a title="BookBaby" href="http://www.bookbaby.com/" target="_blank">BookBaby</a>, which throws open the doors to the electronic publishing and distribution world for independent authors, offering affordable short-run book printing with the highest pay-out rate for eBook distribution in the industry.</p>
<p><img class="alignnone" title="BookBaby - Kobo" src="http://www.bookbaby.com/Images/eBookRetailers-kobo.jpg" alt="" width="433" height="216" /></p>
<p><img class="alignnone" title="Bookbaby - Copia" src="http://www.bookbaby.com/Images/eBookRetailers-copia.jpg" alt="" width="433" height="293" /></p>
<p>Now that makes it real interesting: BookBaby not only publishes for Kindle, Nook, Kobo and Copia (and distributed by the latest two partners), authors can also create custom-printed version of your book, with your own design! <a title="BookBaby Print" href="http://print.bookbaby.com" target="_blank">Bookbaby Print</a> utilizes the latest layout and bindery technology, along with the highest quality paper, bindery stock and printing processes to produce books that are guaranteed to delight authors and their readers. Yes, don&#8217;t throw this baby out with the bath water!</p>
<p>So does this mean &#8220;gone are the days of “selfish,” private reading: reading alone in the bathtub, alone under the covers, alone on the couch, alone in the park, etc.&#8221;<sup>4</sup>? It&#8217;s still hard for me to swallow that idea, that reading doesn&#8217;t have to be a solitary activity. I <span style="text-decoration: underline;"> really</span> like my analog paper.</p>
<p>p.s. A look at using <a title="Social Reading and the Foundations of Digital Literacy" href="http://dmlcentral.net/blog/john-jones/social-reading-and-foundations-digital-literacy" target="_blank">social reading for education</a>. It&#8217;s in the form of collective reading that characterizes early reading instruction, where reading begins as a social experience. Now that&#8217;s something I can stand behind!</p>
<p><span style="color: #888888;">_________________________</span></p>
<p><em><sup>1</sup><em>L.A. Times: <a title="What the heck is 'social reading'?" href="http://latimesblogs.latimes.com/jacketcopy/2011/12/what-the-heck-is-social-reading.html" target="_blank">What the heck is &#8216;social reading&#8217;?</a></em></em></p>
<p><em><sup>2,4</sup><em>Tame The Web: <a title="What is “Social Reading” and why should Libraries care? – A TTW Guest Post by Allison Mennella" href="http://tametheweb.com/2011/06/14/what-is-%E2%80%9Csocial-reading%E2%80%9D-and-why-should-libraries-care-a-ttw-guest-post-by-allison-mennella/" target="_blank">Allison Mennella &#8211; What is “Social Reading” and why should Libraries care?<br />
</a></em></em></p>
<p><em><sup>3</sup><em>Switched: <a title="Copia, A Social E-Reading App, Quietly Launches " href="http://www.switched.com/2010/11/19/copia-social-e-reading-app-quietly-launches/" target="_blank">Copia, A Social E-Reading App, Quietly Launches </a></em></em></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.isuriato.com/blog/social-reading-did-you-know/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why I Haven’t Been Here Much…</title>
		<link>http://www.isuriato.com/blog/why-i-havent-been-here-much/</link>
		<comments>http://www.isuriato.com/blog/why-i-havent-been-here-much/#comments</comments>
		<pubDate>Fri, 13 Jan 2012 23:07:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[just thoughts]]></category>

		<guid isPermaLink="false">http://www.isuriato.com/blog/?p=1924</guid>
		<description><![CDATA[I never thought I’d be one of those “good people” who volunteer every chance they got or build a well in Africa or even buy a Snickers bar from a kid on the subway. Definitely not a do-gooder. But I work hard at every job I’ve had and nobody I’ve worked with ever said I [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.isuriato.com/blog/wp-content/uploads/2012/01/inam-for-rpf2.jpg"><img class="alignnone size-full wp-image-1926" title="inam-for-rpf2" src="http://www.isuriato.com/blog/wp-content/uploads/2012/01/inam-for-rpf2.jpg" alt="" width="452" height="338" /></a></p>
<p>I never thought I’d be one of those “good people” who volunteer every chance they got or build a well in Africa or even buy a Snickers bar from a kid on the subway. Definitely not a do-gooder. But I work hard at every job I’ve had and nobody I’ve worked with ever said I don’t bust my ass every time. When I was asked to produce, I stepped up to the plate and hit. Even with a blog I didn’t mean to create, I stayed late after business hours to write a post every so often because I feel like I have to stick to a schedule (even though I don’t really have a “schedule” schedule). I tried to write a post every week and if I slacked off, it’s every 2 weeks.</p>
<p>So what happened this past 6 months? Let me start from the beginning.</p>
<h3>How this blog got started</h3>
<p>When I started this blog, the purpose was to try installing and tinkering with WordPress on a Windows box. (And to show my developers that yes, I still got it!) That’s probably why it is called “Red Pepper Flakes” because I didn’t have much thinking behind it.</p>
<p>As you can see, I didn’t get the URL – some flaky-and-now-defunct cooking site had it. I didn’t bother with a logo – I wanted it to be a bit old school with a touch of web-font-friendliness despite being a “creative” person. Plus, I was sick of making logos for the sake of making logos. I like spicy food and I put red pepper flakes in everything so that kind of worked. I’m also known for my quick witted, sarcastic remarks and oft off-color tones which I fired out of my mouth pretty consistently. So Red Pepper Flakes it is and I started blogging .</p>
<p>I wrote about things I found interesting, from design to technology to art to people. There are no rules (it’s me talking about whatever I feel like talking about), no chest-thumping client work (if it’s something I’m proud of, yes, I will gladly put a disclaimer). I thought it should be educative and enlightening at times – where I share my analysis of certain trends in the industry (I do it at work anyway) and share new trends I find interesting. I also like to share brilliant work from talented people – one of those “I wish I did that/I hate you for being so good” moments – as well as funny amusing things people do.</p>
<p>I started gaining traction with certain group of people – designers mostly, or people who think my Industry Roundup series were useful so they don’t have to do the research themselves. And then I got sidetracked. Hard.</p>
<p><a href="http://www.isuriato.com/blog/wp-content/uploads/2012/01/inam-for-rpf.jpg"><img title="inam-for-rpf" src="http://www.isuriato.com/blog/wp-content/uploads/2012/01/inam-for-rpf.jpg" alt="" width="450" height="278" /></a></p>
<h3>Sidetracked</h3>
<p>If you noticed, I started writing a post every 2 weeks, then a month, then longer. Of course as a partner at a small agency, you do more when the economy is this dreadful. RFPs kept coming in, proposals kept going out, meetings kept getting set up and we kept churning out great award-winning work. Clients get smarter – and pickier – and everything just becomes more time-consuming. But that’s not it either (I can always take the hard work and pressure from the job – piece of cake).</p>
<p>Something happened in July. I went to bed with my mind churning. You might think it’s about the most menial thing but it was about my dog, a rescued pit bull. And I woke up with the idea for “I’m Not a Monster.”</p>
<p><a title="I'm Not a Monster" href="http://imnotamonster.org" target="_blank"><strong>What is <em>I’m Not a Monster</em>?</strong></a> <em>I’m Not A Monster</em> is a place where pet parents of so-called “mean” dog breeds can show how lovely these dogs are and how much they change their pet parents’ lives.</p>
<p>This project started as part of venting my frustration around having a “mean breed” pit bull. Yes, I live with one of those mean, man-eating beasts. Rosco is a rescue. My husband took him off a man who was beating and kicking him in Brooklyn, NY. He was a 10-month old puppy then and was malnourished. We weren’t planning to get a dog but we are dog people and we just can’t let him stay with his previous owner or surrender him to a shelter.</p>
<p>And like I said, I’m not one of those people who volunteer at the shelters. But I spoiled my dog rotten, from feeding him only premium dog food and treats (I’m plugging my client, <a title="Wellness Pet Food" href="http://www.wellnesspetfood.com" target="_blank">Wellness Pet Food</a>, here) to letting him take over the couch and bed.</p>
<p>But when family members heard that we got a pit bull, the first reactions were either “you have to get rid of him” or “you have to put him down” accompanied by horror stories of the menacing pit bulls that mauled kids and attacked for no reason. I had a Rottweiler previously (good ol’ Guinness who passed in 2007) and I have gotten the same reaction. People forget that it’s not the breed, it’s the owner. People who breed and train them for protection or fighting are the culprits who made these large, strong breeds the menace of society.</p>
<p>So that’s how I got started. Just as a “cute” idea to shut the idiots up. Before I knew it, it seems to have a life of its own.</p>
<h3>The Monster That Occupies My Life</h3>
<p>I didn’t think I’d get many stories from people I don’t know. Of course I created a <a title="Facebook: I'm Not a Monster" href="http://www.facebook.com/ImNotaMonster" target="_blank">Facebook page</a> and a Twitter account – that’s just something we do when we create a website, right? And I got a couple of stories from people I know (one is a coworker and another a friend’s coworker). So I thought, I should reach out to other pit bull-type dog owner on Facebook. But I didn’t think that people would respond with such enthusiasm.</p>
<p>Before long, I was buried in stories and my Facebook page grew by at least 100 likes a week. What humbled me is the thank you’s I received for every story I published. It’s as if these pet parents (who mostly rescued their dogs from pitiful existence) have been waiting for <em>I’m Not a Monster</em> to come along. But the most eye-opening experience is to learn the horrible facts these “monsters” endured: Dumped, tortured and murdered. Yup. People hate them. <a title="National Canine Research Council: Media, Myths &amp; Politics" href="http://nationalcanineresearchcouncil.com/resources/media-myths-politics/" target="_blank">The media? They hate them too.</a></p>
<p><a href="http://www.isuriato.com/blog/wp-content/uploads/2012/01/michael-brian-2a.jpg"><img class="alignnone size-full wp-image-1928" title="michael-brian-2a" src="http://www.isuriato.com/blog/wp-content/uploads/2012/01/michael-brian-2a.jpg" alt="" width="450" height="450" /></a></p>
<p>I’ve learned about the overpopulation issue, puppy mills, shelter overcrowding, Breed-Specific Legislation (BSL) to ban pit bull type dogs across the US (well, UK too), tortures, gas chamber mass murders, inhumane heart stick murders, PETA and its lies… The list goes on and on and on… And then I realized I couldn’t just stand on the sideline anymore.</p>
<p>I started using the Facebook page’s reach to educate the public, network animals in need and share rescues needing transports, money, food, media attention…One by one, my nights become hours of story editing, posting news, sharing and networking people to reach out to various shelters across the nation to spare a life.</p>
<p>Yes, a dog’s life.</p>
<p>So I lost sleep night after night for a dog or two. I felt angst going to bed if a dog is not yet taken off the Euthanasia list. I check my Facebook first thing in the morning for updates on these dogs. And yes, I stopped caring so much about which design or trends are cool and worth blogging about. It may be laughable to you, but to me, it’s worth it. And if you’re never on this side, you won’t really get it.</p>
<p><strong>Yup. My life has gone to the dogs!</strong></p>
<p><a href="http://www.isuriato.com/blog/wp-content/uploads/2012/01/michaelbrianphoto.jpg"><img title="michaelbrianphoto" src="http://www.isuriato.com/blog/wp-content/uploads/2012/01/michaelbrianphoto.jpg" alt="" width="451" height="303" /></a></p>
<p>p.s. You may not see me here for a while. I may pop up here and there for air. Or you can drop by <a title="I'm Not a Monster" href="http://imnotamonster.org" target="_blank"><em>I’m Not a Monster.</em></a> <img src='http://www.isuriato.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.isuriato.com/blog/why-i-havent-been-here-much/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>BBC 3.0</title>
		<link>http://www.isuriato.com/blog/bbc-3-0/</link>
		<comments>http://www.isuriato.com/blog/bbc-3-0/#comments</comments>
		<pubDate>Wed, 07 Sep 2011 23:09:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[just thoughts]]></category>
		<category><![CDATA[nice work]]></category>
		<category><![CDATA[BBC]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.isuriato.com/blog/?p=1860</guid>
		<description><![CDATA[Remember the brouhaha over BBC redesign last year? Apparently a lot of people are just not loving it. According to the Guardian article Website users give BBC News redesign grief (and anger, and bargaining&#8230;), &#8220;the responses sometimes look like the five stages of mourning.&#8221; A hefty 4,242 comments have been published in response to the [...]]]></description>
			<content:encoded><![CDATA[<p>Remember the brouhaha over BBC redesign last year? Apparently a lot of people are just not loving it. According to the <em>Guardian </em>article <a title="Website BBC Redesign Grief" href="http://www.guardian.co.uk/media/pda/2010/jul/22/website-bbc-news-redesign-grief" target="_blank">Website users give BBC News redesign grief (and anger, and bargaining&#8230;)</a>, &#8220;the responses sometimes look like the five stages of mourning.&#8221; A hefty 4,242 comments have been published in response to the well-intentioned posts in the past 16 days, most spitting feathers but  some leaving questions <a title="yet to be answered" href="http://www.bbc.co.uk/news/10621573">yet to be answered</a>.</p>
<p><img class="alignnone" title="BBC - Wall of Shame" src="http://www.bbc.co.uk/blogs/bbcinternet/img/9-GVl3-Workspace.jpg" alt="" width="410" height="307" /></p>
<p>Although BBC claimed it lived with and loved the distinctly &#8216;web 2.0&#8242; design for a  while now and it&#8217;s done them proud, it time to move on and before the end of  last year they resurrect the redesign project.</p>
<p>BBC stated:</p>
<blockquote><p>We set out to broaden our ambitions; to create a design philosophy  and world-class design standards that all designers across the business  could adhere to. We wanted to find the soul of the BBC. We wanted  something distinctive and recognizable; we wanted drama. We knew  whatever we created needed to be truly cross-platform and that we needed  to simplify our user journeys.</p></blockquote>
<p>&nbsp;</p>
<p>This is where <a href="http://en.wikipedia.org/wiki/Neville_Brody">Neville Brody</a> and his agency, <a href="http://www.researchstudios.com/">Research Studios</a>, comes in. have collaborated closely with the BBC to redesign their online Global  Visual Language (GVL) and take the organization and its users into a  more compelling digital space. At the heart of the project was the joint  desire to bring joined-up cross platform concepts and experiences to  users of bbc.co.uk and bbc.com now and into the future.</p>
<h3>Here&#8217;s their recap:</h3>
<p>After four months, countless hours and countless iterations of designs, components, mastheads, footers,  polar maps, word documents, PDFs and grids&#8230;, this is the latest in BBC&#8217;s design philosophy and the latest version of their global visual  language styleguide.</p>
<p>The team wanted to create a design philosophy, or a set of values, to unite  the user experience practitioners across the business. They settled on  nine keywords which we think sum up what we&#8217;re about and what they&#8217;re  trying to achieve:</p>
<blockquote><p><strong>Modern British</strong><br />
We want to create a modern British design aesthetic, something vibrant  and quirky that translates outside our national boundaries.</p>
<p><strong>Current</strong><br />
It needs to feel current and reflect what&#8217;s happening in the UK right  now, in real-time. We curate a timeline of Britain and create links to  the past &#8211; to our rich <a href="http://www.bbc.co.uk/archive/">archive</a>.</p>
<p><strong>Authentic</strong><br />
Wherever we are heard we need to sound authentic and relevant, warm and  human.  We want to reference the BBC&#8217;s iconic design and broadcasting  heritage. We value the trust placed in us.</p>
<p><strong>Compelling</strong><br />
We engage our audiences with compelling storytelling. Our voice ranges  from serious and authoritative through to witty and entertaining.</p>
<p><strong>Distinctive</strong><br />
We stand out from the crowd. We strike a balance between overly  templated, cookie-cutter design and beautiful anarchy.  We are bold and  dramatic.</p>
<p><strong>Pioneering</strong><br />
We pioneer design innovations that surprise and delight. But we take our audiences with us.</p>
<p><strong>Joined-up</strong><br />
We view all services and platforms as one connected whole but deliver experiences that are sensitive to their context of use.</p>
<p><strong>Universal</strong><br />
Our services are open and accessible. Our interfaces are simple, useful and intuitive.</p>
<p><strong>Best</strong><br />
Our ambition is to be the best digital media brand in the world.</p></blockquote>
<p>&nbsp;</p>
<p>Armed with the new philosophy, they began creating conceptual designs  for various properties: BBC news, homepage, search, iPlayer, program  pages and the embedded media player.</p>
<p>Through doing this work we began to distill the essence of a new  visual style. Here are some of the key elements,  starting with the page grid.</p>
<p>The new grid is based on 31 sixteen pixel columns with two left hand  columns that can be split into four, and one wider right hand column,  which accommodates the ad formats that appear on the international  facing version of the site.</p>
<p><img src="http://www.bbc.co.uk/blogs/bbcinternet/img/11-grid.jpg" alt="11-grid.jpg" width="439" height="329" /></p>
<p>They&#8217;re looking to create the effect of interwoven vertical and  horizontal bands, making a feature of the right hand column across the  site.</p>
<p><img src="http://www.bbc.co.uk/blogs/bbcinternet/img/12-grid.jpg" alt="12-grid.jpg" width="441" height="281" /></p>
<p>Along with the 16 pixel vertical grid they&#8217;ve also for the first time  got an integrated 8 pixel baseline grid so that they can align elements on  a page both vertically and horizontally.</p>
<p><img src="http://www.bbc.co.uk/blogs/bbcinternet/img/13-baseline.jpg" alt="13-baseline.jpg" width="440" height="232" /></p>
<p>A key feature of the new GVL is a much more dramatic use of  typography.  As well as Gill Sans they&#8217;ve introduced big bold type in  Helvetica or Arial and restricted variations in size so that they have  much greater consistency across the site.</p>
<p><img src="http://www.bbc.co.uk/blogs/bbcinternet/img/14-type.gif" alt="14-type.gif" width="440" height="323" /></p>
<p>They&#8217;ve developed a highlight colour palette for non-branded areas of  the site, or areas where the BBC masterbrand talks directly to the  audience (e.g. the BBC homepage, search, some of our genre areas). Each  color has a tonal range to be used in contrast or in unison with each  other.</p>
<p><img src="http://www.bbc.co.uk/blogs/bbcinternet/img/20-colour.jpg" alt="20-colour.jpg" width="439" height="310" /></p>
<p><span style="color: #888888;">_________________________</span></p>
<p>The redesign covers a lot of grounds. It goes to show you that it&#8217;s not just a &#8220;re-skin&#8221; as clients like to call site redesigns, which often times gets me going.</p>
<p>A website redesign is not just changing colors and moving things here and there; It&#8217;s analyzing the existing website and the interactive landscape, looking at comparable companies within and outside the industry, and exploring potential improvements based on best practices and audience expectation.</p>
<p>If you do it right: It&#8217;s not just a redesign. It&#8217;s a rebirth.</p>
<p>To read more: <a title="BBC: A new global visual language for the BBC's digital services" href="http://www.bbc.co.uk/blogs/bbcinternet/2010/02/a_new_global_visual_language_f.html" target="_blank">A new global visual language for the BBC&#8217;s digital services</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.isuriato.com/blog/bbc-3-0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Time To Stop Lorem Ipsuming</title>
		<link>http://www.isuriato.com/blog/time-to-stop-lorem-ipsuming/</link>
		<comments>http://www.isuriato.com/blog/time-to-stop-lorem-ipsuming/#comments</comments>
		<pubDate>Fri, 07 Jan 2011 23:17:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[just thoughts]]></category>
		<category><![CDATA[copywriting]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Lorem Ipsum]]></category>

		<guid isPermaLink="false">http://www.isuriato.com/blog/?p=1597</guid>
		<description><![CDATA[Lorem Ipsum has consumed our creative juices. It’s time to stop. _________________________ Lorem Ipsum has been the print industry&#8217;s standard dummy text for at least five centuries by some unknown printer. It was popularized in the 1960s with the release of Letraset sheets and, in the last decades, by desktop publishing software like Aldus PageMaker. [...]]]></description>
			<content:encoded><![CDATA[<p><strong><img class="alignnone" title="Lorem Ipsum" src="http://www.isuriato.com/blog/wp-content/uploads/tintin-lipsum_s.jpg" alt="" width="425" height="376" /><br />
</strong></p>
<p><strong>Lorem Ipsum has consumed our creative juices. It’s time to stop.</strong></p>
<p><span style="color: #888888;">_________________________</span></p>
<p><a title="Lorem Ipsum" href="http://www.lipsum.com/" target="_blank">Lorem Ipsum</a> has been the print industry&#8217;s standard dummy text for at least five centuries by some unknown printer. It was popularized in the 1960s with the release of Letraset sheets and, in the last decades, by desktop publishing software like Aldus PageMaker. But I&#8217;ve about had it! Designers, Lorem Ipsum makes your brain lazy.</p>
<p>Designers relied on Lorem Ipsum to fill up their beautiful design interfaces. I&#8217;ve dealt with design projects where I see designers showing me designs with nice bells &amp; whistles but very little substance. I hired designers based on their portfolio—most coming fresh from great design programmes—which showed great promise of creative ideas and executions. However, a lot of designers fell into the rut of daily designer&#8217;s deliverables: They came up with great designs, tackle the creative challenges as far as interfaces go, but fell short in embodying the brand they are designing for.</p>
<p>Some of you may ask &#8220;So what?&#8221; and here&#8217;s my answer:</p>
<p>Words are a great passion of mine. I was one of those designers who think beautiful designs will allow me to express the brand, and until I get the content from the client, FPO will do. And that isn&#8217;t just limited to images. It affects copy too. Then I found that the client gave me the copy from their existing website. And it&#8217;s crap. So I ended up where I started. That&#8217;s when I realized that design has to be jump-started with the right copy.</p>
<p>A lot of web designers in today&#8217;s generation do not have the experience of working in the &#8220;old school&#8221; form of creative environment: Ad firms, where you sit in the room for hours and came up with the right taglines, the right keywords, the right &#8220;feel&#8221; for the brand. I was lucky to be briefly involved in one where I learned that words are a powerful thing.</p>
<p>Words make you form an idea, a state of mind, a brand. As a starting designer a decade ago, I often came up with fun filler copy to get a chuckle out of the clients, which was a bonus because most of the time it came from my research efforts to understand the client more. Mind you, this was the day before every brand had a website. I found that the research helped me understand the brand better and by writing my take on it, made my design better and my client happy.</p>
<p>With that in mind, as years go by and my responsibility greater, I started writing the copy for website contents to help my designers come up with the right design, starting from the smallest design elements. And it helps.</p>
<p>With a creative brief, my designers see what the client wants after we aligned and realigned their brand presence. However, creative briefs often left a big hole in &#8220;What should the website really say?&#8221; department. It may be the smallest details, but for the client, every little things matter. And it should.</p>
<p>We, as the creative agency, should be the one responsible for helping the client shape their brand. The right word, the right call to action, the right user experience.</p>
<p>I often sit at my desk, hunkered down, reading lines and lines of the client’s brand documents, doing environmental scan and researching what is said about them. And that helped spark that little spot in my brain that made me go, “Ooh! This is what we should be doing!” And that’s not an image or a color or a page layout. It’s a few words forming the right positioning for the brand. And that makes a heck of a difference. The right positioning makes your client know you’re thinking and breathing their brand, and that you are being their advocate. I’ve had a client who loved a section name we came up with in the first design round. He was so happy he used the word “love.” That’s when you know you got it right.</p>
<p>So go ahead. Write something. Write something great. It’s worth your while.</p>
<p><em>p.s.: However, if you HAVE to use Lorem Ipsum (sigh&#8230;), you can find some options <a title="Lorem Ipsum Alternatives" href="http://www.1stwebdesigner.com/freebies/alternatives-lipsum-com/" target="_blank">here</a>. Don&#8217;t forget to check out <a title="Gangsta Lorem Ipsum" href="http://www.lorizzle.nl/" target="_blank">Gangsta Lorem Ipsum</a> if it fits your personality better.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.isuriato.com/blog/time-to-stop-lorem-ipsuming/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Better Views For My Social &#8220;News&#8221;</title>
		<link>http://www.isuriato.com/blog/better-view-for-my-social-news/</link>
		<comments>http://www.isuriato.com/blog/better-view-for-my-social-news/#comments</comments>
		<pubDate>Thu, 23 Dec 2010 20:01:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[cool sites]]></category>
		<category><![CDATA[cool stuff]]></category>
		<category><![CDATA[industry roundup]]></category>
		<category><![CDATA[just thoughts]]></category>
		<category><![CDATA[content visualization]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[focal point]]></category>
		<category><![CDATA[gray area]]></category>
		<category><![CDATA[news aggregator]]></category>
		<category><![CDATA[NY TImes]]></category>
		<category><![CDATA[Paper.li]]></category>
		<category><![CDATA[PostPost]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[Times Skimmer]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[white space]]></category>

		<guid isPermaLink="false">http://www.isuriato.com/blog/?p=1576</guid>
		<description><![CDATA[Breaking the layout &#8220;gray area&#8221; in online news streams world. _________________________ In graphic design classes, you are taught to be friends with the white space, ensure your design has clear entry points, and—my personal favorite—break the gray area. Yes, this is from print design classes I took circa 1995 since interactive design (aka &#8220;multimedia&#8221;) had [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.postpost.com/"><img title="PostPost" src="http://www.isuriato.com/blog/wp-content/uploads/old-newspaper.jpg" alt="" width="410" height="284" /></a></p>
<p><strong>Breaking the layout &#8220;gray area&#8221; in online news streams world.</strong></p>
<p><span style="color: #888888;">_________________________</span></p>
<p><strong></strong>In graphic design classes, you are taught to be friends with the  white space, ensure your design has clear entry points, and—my personal  favorite—break the gray area. Yes, this is from print design classes I  took circa 1995 since interactive design (aka &#8220;multimedia&#8221;) had yet  become a field of study.</p>
<p>Your challenge is a white spread of paper, figuratively and  literally, and you have to put all that content in there. Usually that  means flowing copy in odd-numbered columns (or now you kids call it  &#8220;grids&#8221;) to create a visually appealing layout. All that crammed up copy  becomes &#8220;gray areas&#8221; and your eyes don&#8217;t want to stay on them. It  creates what&#8217;s called &#8220;reading fatigue&#8221;—you don&#8217;t want to read a long  article on <em>The New York Times</em> unless you&#8217;re really into it—and that&#8217;s why god created focal points, white space and pagination  to fight gray areas.</p>
<p>The gray area challenge stays true today with most social media  interfaces like Facebook and Twitter. What also is true is the fact that  web users don&#8217;t read, or more accurately, don&#8217;t read most  of the copy  in front of them. They skim the content, waiting for some  words or  visuals to grab them.</p>
<p>That&#8217;s why content visualization is key in my book. The good kind, of  course, and here are some products out there that makes my eyes happy  and my visual browsing experience better:</p>
<h4>PostPost</h4>
<p><a href="http://postpost.com"><img class="alignnone" style="border: 1px solid #e1e1e1;" title="PostPost " src="http://www.isuriato.com/blog/wp-content/uploads/web-postpost.jpg" alt="" width="410" height="384" /></a></p>
<p><a title="PostPost" href="http://www.postpost.com/" target="_blank">PostPost</a> offers an alternate content visualization method for your Facebook. It  takes your Facebook news feeds, i.e. links your friends and Pages  shared, and lays them out as stories in a newspaper-like display. The  design feels familiar—yup, it&#8217;s very much like the current trend of  displaying feeds in boxes with large image or video and some copy blurb  (e.g. <a title="The Huffington Post" href="http://www.huffingtonpost.com/" target="_blank"><em>The Huffington Post</em></a> or <a title="Times Skimmer - NY Times" href="http://www.nytimes.com/timesskimmer/" target="_blank">Times Skimmer</a> from <em>The New York Times</em>, below).</p>
<p>Each  &#8220;news&#8221; bucket is more user-friendly and social-friendly: You can delete  news you don&#8217;t want via the standard &#8220;X&#8221; button, videos play in-line and, as quickly, share / like / comment on it. The interface is simple and the user experience is conducive to the ever-impatient social media consumption.</p>
<p>PostPost creator, <a title="Peter Yared - PostPost" href="http://www.postpost.com/about.html" target="_blank">Peter Yared</a>, sees it as the natural evolution of content consumption.  “Instead of displaying what an algorithm on Google, strangers on Digg,  or an editor on The Huffington Post surface, we show what your friends  think is interesting.”<sup>1</sup> And hopefully triggers social conversations between friends.</p>
<p>And back to the point of this post, it is definitely a better layout, nice visuals acting as clear entry points broken by enough &#8220;white space&#8221; to actively engage your eyes.</p>
<p><em>For a look into PostPost, its features, technology and future, read <a title="Inside Facebook - PostPost" href="http://www.insidefacebook.com/2010/12/14/postpost-custom-facebook-newspaper/" target="_blank">Inside Facebook</a>&#8216;s review.</em></p>
<h4>Paper.li</h4>
<p><a href="http://www.postpost.com/"><img title="PostPost" src="http://www.isuriato.com/blog/wp-content/uploads/web-paperli.jpg" alt="" width="410" height="765" /></a></p>
<p><a title="PostPost" href="http://www.postpost.com/" target="_blank">Paper.li</a> is a news aggregation service for your Twitter. It visualizes the feeds from either the people you follow on Twitter, a Twitter search, or a Twitter list and puts them together like a newspaper. The interface is straight-forward and clean.</p>
<p>Unlike PostPost which requires you to log into your Facebook account to pull your feed, you don&#8217;t have to create an account to use Paper.li if you want to read other-created papers. You can search available papers by name, categories, interests and more. Checkout Netflix&#8217;s Paper.li using hashtag: <a title="Paper.li Netflix" href="http://paper.li/tag/netflix" target="_blank">http://paper.li/tag/netflix</a></p>
<p>I like the novelty of it and I appreciate any content visualization method created to improve content absorption. Yes, they can improve the refresh rate, which is limited to daily update instead of PostPost&#8217;s real-time update. Yes, there are things to improve upon (read <a title="Jason Keath - I Hate Paper.li" href="http://jasonkeath.com/i-hate-paper-li/" target="_blank">Jason Keath&#8217;s hate letter</a>) and yes, there are a lot of nice things that can potentially make Twitter news stream visualization better (read <a title="BoostAll - 5 Things I Like Paperli - Newspaper" href="http://boostall.com/internet-marketing/5-paperli-newspapers" target="_blank">Boost All&#8217;s love letter</a>)</p>
<p><em>For a thorough review of Paper.li, read <a title="PC Magazine - Paper.li" href="http://www.pcmag.com/article2/0,2817,2368705,00.asp" target="_blank">PC Magazine</a>&#8216;s write-up.</em></p>
<p>It definitely beats reading rows and rows of 140-character tweets  without any discerning way to distinguish content. Looking at the  Twitter avatar doesn&#8217;t help me in figuring out what the tweet is about.</p>
<h4>Times Skimmer</h4>
<p><a href="http://www.nytimes.com/timesskimmer"><img title="NY Times - Times Skimmer" src="http://www.isuriato.com/blog/wp-content/uploads/web-nytimes-skimmer.jpg" alt="" width="410" height="348" /></a></p>
<p>Before the <a title="Mashable - iPad Web Design" href="http://mashable.com/2010/09/30/ipad-web-design/" target="_blank">iPadization of web design</a>, <em>The New York Times</em> came out with <a title="Times Skimmer - NY Times" href="http://www.nytimes.com/timesskimmer/" target="_blank">Times Skimmer</a> in February. This browser-based application offers online readers a new way to read paper. The interface now looks very familiar, with the fluidity of spreading out the content according to your browser window size just like spreading a  newspaper as well as paging through it.</p>
<p>Clean, simple and to-the-point, it&#8217;s a better way to &#8220;skim&#8221; the news. Apparently, it is a precursor to <a href="http://www.nytimes.com/chrome/">the Times’ Chrome app</a>, which became available two weeks ago.</p>
<p>If all these skimming techniques work well, who knew? We may not even want to read the real paper anymore.</p>
<p><img class="alignnone" title="NY Times paper" src="http://farm4.static.flickr.com/3335/3545070379_a377512e0b.jpg" alt="" width="424" height="500" /></p>
<p>We&#8217;ll have to look up Google images to find a screenshot of the Times&#8217; paper and say, &#8220;Remember this?&#8221; to the future generation.</p>
<p><em>For more on the Times Skimmer:</em></p>
<ul>
<li><em> <a title="Times Skimmer - NY Times" href="http://www.nytimes.com/content/help/extras/skimmer/skimmer.html" target="_blank">NY Times&#8217; own walk-through</a> </em></li>
<li><em><a title="Media Nation - An alternative metaphor for reading the news" href="http://www.dankennedy.net/tag/times-skimmer/" target="_blank">Media Nation</a>&#8216;s review</em></li>
</ul>
<h4>Conclusion:</h4>
<p>In the age of curated consumption, does what your friends know make it valuable? That&#8217;s for you to decide. This <a title="Facebook vs. Twitter 2010" href="http://www.zdnet.com/blog/feeds/facebook-vs-twitter-a-closer-look-at-the-numbers-for-2010-infographic/3422" target="_blank">Facebook vs. Twitter 2010 stats</a> from ZDnet may help you.</p>
<p>I have to admit, these are some starting points to better content visualization for your news  feed. Some may call them curated content although I consider them simply as news aggregators. What I like most about PostPost is its real-time  updates, which is the main complaint people have on other  visual news aggregators such as Paper.li and iPad&#8217;s Flipboard.</p>
<p>Well, you have to start somewhere, right? And I like the way this is going for the sake of better design and better user experience.</p>
<p><span style="color: #888888;">_________________________</span></p>
<p><sup>1</sup><em>Inside Facebook: <a title="PostPost Turns Facebook Links into a Socially Curated Custom Newspaper" href="http://www.insidefacebook.com/2010/12/14/postpost-custom-facebook-newspaper/" target="_blank">PostPost Turns Facebook Links into a Socially Curated Custom Newspaper</a></em></p>
<p><span style="color: #888888;"><em>Photo credit for old newspapers: ShironekoEuro</em></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.isuriato.com/blog/better-view-for-my-social-news/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Breaking the Spell</title>
		<link>http://www.isuriato.com/blog/breaking-the-spell/</link>
		<comments>http://www.isuriato.com/blog/breaking-the-spell/#comments</comments>
		<pubDate>Fri, 12 Nov 2010 21:21:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[just thoughts]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[designer's block]]></category>
		<category><![CDATA[Productivity]]></category>

		<guid isPermaLink="false">http://www.isuriato.com/blog/?p=1546</guid>
		<description><![CDATA[Not dissimilar to writer’s block, designers often encounter designer’s block. This is my take on how to beat your way out of it. _________________________ We’ve all had those moments when you’re presented with a challenge of coming up with a creative concept that will “blow my mind” away. Excellent, you said. This is what I [...]]]></description>
			<content:encoded><![CDATA[<h4><img class="alignnone" title="Frustration" src="http://farm6.static.flickr.com/5286/5263540555_536834a259.jpg" alt="" width="500" height="384" /></h4>
<p><strong><em>Not dissimilar to writer’s block, designers often encounter designer’s block. This is my take on how to beat your way out of it.</em></strong></p>
<p><span style="color: #888888;">_________________________</span></p>
<p>We’ve all had those moments when you’re presented with a challenge of coming up with a creative concept that will “blow my mind” away. Excellent, you said. This is what I live for.</p>
<p>So you think hard. You look for inspiration, in all the different shapes and places. Your moleskin becomes your battle ground: You sketch. You doodle. You write keywords to emote the brand personality with notes on color palettes, moods and shapes. You start to see your vision. It slowly takes shape, sketch after sketch, honing down to a clear vision in your mind’s eye.</p>
<p>And it’s brilliant! You’re ready to turn this vision into reality: A beautiful design where everyone can see the exquisite typography, color pairing and graphic treatment. For the web, you want to present this fluid and dynamic website where the user experience is simply intuitive and yet so intriguing, the site visitor will spend a lot of time on the site and share it with their network. And your client is going to think you’re god.</p>
<p><strong>Two days later, with the deadline looming over your head, </strong><strong>you’re staring at your monitor for what feels like a long time.</strong> Wait, what time is it? Oh no. You’ve been looking at the same file for the past hour and you haven’t moved forward an inch.</p>
<p>Yes, you’ve placed the right navigation here, the images are right, the layout looks just like what you’ve sketched out. It’s just something is not gelling correctly. Maybe the image has to get bigger (or smaller?) or moved to the side (or center?) a bit more. Maybe it should be dark blue instead of cerulean (isn’t that turquoise?). And after you fixed that, what happened next? What if the user clicks on the image? How does the site behave then?</p>
<p>Then you realized where you are. <strong>You’re stuck.</strong> Yes, you’re stuck in the brilliance of your vision and you went in the one direction without every looking back.</p>
<p>It happened more often and to more people than you think. It smacked me in the face when I was in graduate school, 16 hours before my final design project is due, with a term paper yet to be written. And I learned to do a very hard thing: <strong>Break the spell. </strong></p>
<p>Here’s how:</p>
<h3><em><strong>Face the music.</strong></em></h3>
<p>Force yourself to wake up from this “fantastic idea” dream and really face the problem. See what’s wrong with the vision. Ask people around you because often times, you’re so close to the project you don’t see the issue. The whole <em>forest for the trees</em> thing.  Have fellow designers or web-savvy friends help you see what’s the snag and reassess your vision. Get input from people in your target audience demographics.</p>
<p>In essence: Step back, take a break, discuss it with someone new. Ideas need to marinate before they can grow into something great. You just have to be patient.<sup>1</sup></p>
<p>Maybe it’s just not a good execution of a great vision. Sometime it’s a lack of experience or the design was asking for a different style. As long as you can explain to me how you envision the experience to be, I will then assign it to someone with more experience or better style-match to take the concept and realize it. You should ask your manager if you can get some assistance if that was the case. Trust me, if you’re idea is good, it’ll be worth shuffling resources around to get it done.</p>
<h3><em><strong>Trash it.</strong></em></h3>
<p>On the other hand, if your idea and vision is not right, be ready to scrap the whole thing and start over. Sometimes, it’s easier to start a new concept than to fix something that’s not going to work. This is harder to do because it’s admitting that sometimes, your vision may not be great. Or maybe it’s because you didn’t see 3-steps down the road which, in the digital interactive world, is about 2-clicks ahead.</p>
<p>Of course it’s painful but you get over it because the next design process will be clearer. You may not realize that you took notice of elements that are not working. The clean slate allows you to rethink in a different way how to recapture the initial vision you have.</p>
<p>I have a rule that I impose on myself and designers in my team: <strong><em></em></strong></p>
<blockquote><p><strong><em>If you don’t get the vision in your head into something I can see in 2 hours, let it go and start over.</em></strong></p></blockquote>
<p>I believe in <strong>rapid prototyping</strong> because it helps you translate your vision quickly to see if it works. I’m responsible for running a business that can’t afford the luxury of time like when you’re in school and the assignments can take days or even weeks to complete. Rapid prototyping lets you articulate your vision in a way that allows everyone else to see it and see where it can go. It doesn’t have to be perfect or even complete. It’s for others—including the agency’s stakeholders—to get the idea. You can do all the finessing and polishing when you know it’s going to work.</p>
<h3><em><strong>Try, try again.</strong></em></h3>
<p>I did say you need to be patient for an idea to evolve into something great. You may say my two-hour rule does not reflect a lot of patience. However, to be able to take something you dearly believe is a great vision and trash it takes patience because you may have to do this again and again. It is good practice, and you need practice to get to a place where you can see the issue before you go down a certain path.</p>
<p>It’s like when you were in design class and your teacher took your work and put red marks all over it. (I have to admit, I was one of those teachers.) It’s frustrating because you thought so hard, worked so hard, and it seems like everything is up for picking. It’s just that we, as teachers, mentors or creative directors, can sometimes better see the issue because we are not so close to it. It is not our vision to baby; It is our job to see the vision realized to the best possible outcome.</p>
<p>And in the end, the client can as easily tell you to scrap it and start over. It happens all the time to everyone in this profession. Even to the best of us.</p>
<p>Trust me, you’ll get used to it. Now go back and give me another take on that.</p>
<p><span style="color: #c0c0c0;">_________________________</span></p>
<p><span style="color: #888888;"><sup>1</sup> <em>Communication Arts: <a title="Communication Arts: Insights - Imelda Suriato, Drawing, Cutting and Pasting" href="http://www.commarts.com/insights/drawing-cutting-pasting.html" target="_blank">Drawing, Cutting and Pasting</a></em></span></p>
<p><span style="color: #c0c0c0;"><em>Photo Credit: <a href="http://www.planetofsuccess.com/blog/2010/how-to-overcome-writers-block/" target="_blank">Overcoming Writer&#8217;s Block</a></em></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.isuriato.com/blog/breaking-the-spell/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Timberland: Best foot forward w/ 3D &amp; more</title>
		<link>http://www.isuriato.com/blog/timberland-3d/</link>
		<comments>http://www.isuriato.com/blog/timberland-3d/#comments</comments>
		<pubDate>Wed, 29 Sep 2010 19:38:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[cool sites]]></category>
		<category><![CDATA[just thoughts]]></category>
		<category><![CDATA[nice work]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[build your own]]></category>
		<category><![CDATA[Earthkeepers]]></category>
		<category><![CDATA[eco-friendly]]></category>
		<category><![CDATA[eco-love]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[green]]></category>
		<category><![CDATA[heritage]]></category>
		<category><![CDATA[Timberland]]></category>

		<guid isPermaLink="false">http://www.isuriato.com/blog/?p=1529</guid>
		<description><![CDATA[Timberland is pulling all the stops for its eco-friendly Earthkeepers collection with &#8220;Nature Needs Heroes&#8221; campaign from TV and print, to social media and a microsite with 3D technology. I first thought it was just a marketing ploy, using the &#8220;3D&#8221; term to entice visits. I&#8217;m glad to find that I was wrong. Sure you [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://earthkeepers.timberland.com/" target="_blank"><img class="alignnone" title="Timberland - Earthkeepers - 3D" src="http://www.isuriato.com/blog/wp-content/uploads/web-timberland-3D-4.jpg" alt="" width="410" height="383" /></a></p>
<p>Timberland is pulling all the stops for its eco-friendly <a href="http://earthkeepers.timberland.com/" target="_blank">Earthkeepers</a> collection with &#8220;Nature Needs Heroes&#8221; campaign from TV and print, to social media and <a href="http://earthkeepers.timberland.com/" target="_blank">a microsite with 3D technology</a>. I first thought it was just a marketing ploy, using the &#8220;3D&#8221; term to entice visits. I&#8217;m glad to find that I was wrong.</p>
<p><a href="http://earthkeepers.timberland.com/" target="_blank"><img class="alignnone" title="Timberland - Earthkeepers - 3D" src="http://www.isuriato.com/blog/wp-content/uploads/web-timberland-3D-1.jpg" alt="" width="410" height="317" /></a></p>
<p><a href="http://earthkeepers.timberland.com/" target="_blank"><img class="alignnone" title="Timberland - Earthkeepers - 3D" src="http://www.isuriato.com/blog/wp-content/uploads/web-timberland-3D-3.jpg" alt="" width="410" height="317" /></a></p>
<p>Sure you need a pair of 3D glasses, which you can grab at its retail locations. I&#8217;m pretty sure it would look dope—no, I don&#8217;t have 3D glasses laying around in the office so I&#8217;m seeing it 2D—but I can totally &#8220;see&#8221; the 3D experience.</p>
<p>The landing page puts you in the right spot, with a guy floating in the air attempting to grab a plastic bottle (eco-friendliness is the theme throughout the campaign). You can rotate him and at different points in the rotation, different elements are highlighted, from the apparel to the video. The product detail view offers another excellent use of 3D modeling with 360°-view (the boots one is very cool with dual-angle view), which works great even while zooming.</p>
<p>Yeah, it loads a little slow, but trust me, you want to see this. It is quite impressive.</p>
<p>After seeing this, I decided to checkout the rest of Timberland.com and I was quite surprised with the transformation. (Note: Last time I visited the site was in early spring).</p>
<h4>Timberland—Women&#8217;s</h4>
<p><a href="http://womens.timberland.com/" target="_blank"><img class="alignnone" title="Timberland - Women's" src="http://www.isuriato.com/blog/wp-content/uploads/web-timberland-women.jpg" alt="" width="410" height="267" /></a></p>
<p><a title="Timberland Women's" href="http://womens.timberland.com" target="_blank">Timberland Women&#8217;s</a> microsite welcomes you with a full-screen video of models enjoying the outdoors and the message &#8220;Go out and be you&#8221;. The overall branding is right on: The look is fresh and natural yet sophisticated, just a tad rugged to reflect the passion for the outdoors, using natural elements like kraft paper as a nod to the eco-friendly philosophy of the brand and the handwritten notes add a touch of youth and a warmer feel.</p>
<p>What I like most is the <a title="Timberland Women's - Get The Look" href="http://womens.timberland.com/#/get-the-look" target="_blank">Get The Look</a> section where you can browse through the campaign photos and click on the different marked items on the photos. The <a title="Timberland Women's - Gallery" href="http://womens.timberland.com/#/gallery" target="_blank">Gallery</a> showcases different looks by women who don&#8217;t look like models, a &#8220;real people&#8221; aspect to them which I found pleasing. There&#8217;s also a behind-the-scene, get-to-know-me approach with <a title="Timberland Women's - On Location" href="http://womens.timberland.com/#/on-location" target="_blank">On Location</a> (B-roll of the campaign shoot) and <a title="Timberland Women's - Meet The Designers" href="http://womens.timberland.com/#/meet-the-designer" target="_blank">Meet the Designers</a> (video interviews with the designers behind the apparels).</p>
<h4>Timberland—Heritage</h4>
<p><a href="http://heritage.timberland.com" target="_blank"><img class="alignnone" title="Timberland - Heritage" src="http://www.isuriato.com/blog/wp-content/uploads/web-timberland-heritage1.jpg" alt="" width="410" height="267" /></a></p>
<p><a href="http://heritage.timberland.com" target="_blank"><img class="alignnone" title="Timberland - Heritage" src="http://www.isuriato.com/blog/wp-content/uploads/web-timberland-heritage2.jpg" alt="" width="410" height="267" /></a></p>
<p><a title="Timberland Women's" href="http://womens.timberland.com/" target="_blank">Timberland Heritage</a> offers a look through the brand history in nice sepia tone spiked with social element: You&#8217;re invited to &#8220;Become Part of Our Story&#8221; and you&#8217;ll be part of the photo montage on the microsite. On top of that, there are other pretty interesting things to check out, from the videos to &#8220;The New Classics,&#8221; which contains <em>Build Your Own</em>, the <em>Abbington Collection</em> and the <em>Timberland Boot Company</em>.</p>
<h4>Timberland—Build Your Own</h4>
<p><a href="http://shop.timberland.com/category/index.jsp?categoryId=4238671" target="_blank"><img title="Timberland - Shop - Design Your Own" src="http://www.isuriato.com/blog/wp-content/uploads/web-timberland-designyourown1.jpg" alt="" width="410" height="267" /></a></p>
<p><a title="Timberland Women's" href="http://womens.timberland.com/" target="_blank">Timberland Shop</a> is pretty standard e-commerce site with a pretty cool &#8220;Build  Your Own&#8221; with &#8220;SHOE&#8221; or &#8220;BOOT&#8221; options. (Still a bit buggy—I  encountered a few broken links when trying some of the women&#8217;s boots.)</p>
<h4>Timberland Boot Company</h4>
<p><a href="http://www.timberlandbootcompany.com/" target="_blank"><img title="Timberland Boot Company" src="http://www.isuriato.com/blog/wp-content/uploads/web-timberland-bootcompany.jpg" alt="" width="410" height="267" /></a></p>
<p>Meanwhile, the <a title="Timberland Boot Company" href="http://www.timberlandbootcompany.com/" target="_blank">Timberland Boot Company</a> is a neat little microsite that showcases special collections that are inspired by a time of transition in New England and Northern England. The sections of the microsite are displayed as framed art on a white-washed, weathered wall in tune with the pioneering spirit feel. This type of draggable Flash site has been done many times before so the microsite is just a nice little thing to look at but, my goodness, those boots are fetching!</p>
<p>That wraps up the Timberland re-vamped online brand. Don&#8217;t forget to visit <a title="Timberland - Earthkeepers" href="http://www.earthkeeper.com" target="_blank">Earthkeepers</a> to join in the movement and meet &#8220;like-minded people from all over the world intent on doing the little things and the bigger ones.&#8221;</p>
<p>I&#8217;ll leave you with these fun facts from <em>Timberland Eco-Love Survey</em> in April 2010:</p>
<p><strong>The survey found most men have high expectations for the women they date or associate with:*</strong></p>
<ul>
<li><strong>Must Love the Earth.</strong> Fifty-four percent  of men would question whether to start a relationship with someone who  litters. Others would ponder if a woman was worth dating if she doesn&#8217;t  recycle (25%), leaves the lights on when not at home (23%) or drives a  gas-guzzler (21%).</li>
<li><strong>Guys Dig Green.</strong> One-quarter of men  think &#8220;green&#8221; women make better life partners (24%) or friends (27%) than those who aren&#8217;t so environmentally responsible.</li>
<li><strong>Plan an Eco-date.</strong> Grab your hiking boots and a shovel—more than 40 percent (41%) of men would be more  interested in an &#8220;adventure&#8221; date like hiking or rock climbing or a  charity or service-focused date like tree planting, rather than the  traditional &#8220;dinner and a movie&#8221; date.</li>
<li><strong>Walking the Green Carpet</strong>. When it comes  to today&#8217;s hottest &#8220;eco-lebrities,&#8221; men say Cameron Diaz (27%) and Kate  Hudson (26%) would inspire them to go green.</li>
</ul>
<p><em>*Source: The Timberland Company (via <a title="Market Wire - Timberland Eco-Love" href="http://www.marketwire.com/press-release/Timberland-Eco-Love-Survey-Reveals-Men-Are-Looking-Earth-Friendly-Adventurous-Females-NYSE-TBL-1168206.htm" target="_blank">Market Wire</a></em>)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.isuriato.com/blog/timberland-3d/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Alcohol brands online: Summer 2010</title>
		<link>http://www.isuriato.com/blog/alcohol-brands-online-summer-2010/</link>
		<comments>http://www.isuriato.com/blog/alcohol-brands-online-summer-2010/#comments</comments>
		<pubDate>Fri, 17 Sep 2010 23:19:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[cool sites]]></category>
		<category><![CDATA[industry roundup]]></category>
		<category><![CDATA[just thoughts]]></category>
		<category><![CDATA[nice work]]></category>
		<category><![CDATA[Absolut Vodka]]></category>
		<category><![CDATA[Avion]]></category>
		<category><![CDATA[dashboard]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Grey Goose]]></category>
		<category><![CDATA[Hornitos]]></category>
		<category><![CDATA[industry report]]></category>
		<category><![CDATA[Justin Timberlake]]></category>
		<category><![CDATA[Patron]]></category>
		<category><![CDATA[Sprint]]></category>
		<category><![CDATA[tequila]]></category>
		<category><![CDATA[Urban Daddy]]></category>
		<category><![CDATA[Vodka]]></category>

		<guid isPermaLink="false">http://www.isuriato.com/blog/?p=1487</guid>
		<description><![CDATA[Before the 4th of July weekend, Squeaky was asked by Tequila Avión, a premium tequila brand, to help with its digital presence. There was a sense of urgency to &#8220;elevate&#8221; the brand: Tequila Avión was being written into HBO&#8217;s Entourage by the creator, Doug Ellin, for episode &#8220;80: Buzzed&#8221; to be aired on July 11th [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.tequilaavion.com/"><img class="alignnone" title="Tequila Avión" src="http://www.isuriato.com/blog/wp-content/uploads/web-avion.jpg" alt="" width="400" height="324" /></a></p>
<p>Before the 4th of July weekend, Squeaky was asked by <a title="Tequila Avión" href="http://www.tequilaavion.com" target="_blank">Tequila Avión</a>, a premium tequila brand, to help with its digital presence. There was a sense of urgency to &#8220;elevate&#8221; the brand: Tequila Avión was being written into HBO&#8217;s <a title="Entourage - HBO" href="http://www.hbo.com/entourage" target="_blank">Entourage</a> by the creator, Doug Ellin, for episode &#8220;80: Buzzed&#8221; to be aired on July 11th (yes, in one week!). They asked for our help because their existing site didn&#8217;t do much for the brand.</p>
<p>We opted for a Facebook tab to &#8220;Experience Tequila Avión&#8221; which allowed the three different tequilas to be featured with custom recipes that are simple and sleek to reflect the premium product, yet lending the small, independent brand a grassroot feel by utilizing their Facebook fans. The strategy and execution were well received by the fans and the brand team, and we did it in a super crunch time!</p>
<p>During the discovery and strategy phase, we scan the web to see what other alcohol brands are doing online. (Trust me, there are a lot of them out there.)</p>
<h3><em>Here are a few that stand out:</em></h3>
<h4>Absolut Vodka—Absolut-ly on top</h4>
<p><a href="http://www.absolut.com/us/"><img class="alignnone" style="border: 1px solid #e2e2e2;" title="Absolut Vodka" src="http://www.isuriato.com/blog/wp-content/uploads/web-absolut.jpg" alt="" width="400" height="325" /></a></p>
<p>Absolut has consistently done very well with their brand messaging. They are &#8220;smart, stylish, creative and witty&#8221; and they seem to always get it right, from web to social media to mobile.</p>
<p><a href="http://www.facebook.com/ABSOLUT?v=app_6009294086"><img class="alignright" style="margin-left: 10px; margin-right: 15px;" title="Absolut Vodka" src="http://www.isuriato.com/blog/wp-content/uploads/web-absolut-fb-1.jpg" alt="" width="197" height="366" /></a>Facebook Fans: 534,407 fans</p>
<p>Facebook Campaigns:</p>
<ul>
<li><a title="Absolut Vodka - BROOKLYN" href="http://www.facebook.com/ABSOLUT?v=app_6009294086" target="_blank">BROOKLYN</a>: What’s your Stoop Story? Celebrating Summer, Bloggers sharing their love for Brooklyn, Spike Lee, etc.</li>
<li><a title="Absolut Vodka - Lemon Drop" href="http://www.facebook.com/ABSOLUT?v=app_10339498918" target="_blank">Lemon Drop</a>: To promote Lemon Drop the movie starring Ali Larter</li>
<li><a title="Absolut Vodka - NY-Z" href="http://www.facebook.com/ABSOLUT?v=app_10531514314" target="_blank">NY-Z</a>: Documentary with Jay-Z – video released on Facebook first</li>
<li>Berry Acai: With Zooey Deschanel</li>
</ul>
<p><a href="http://www.facebook.com/ABSOLUT"><img title="Absolut Vodka" src="http://www.isuriato.com/blog/wp-content/uploads/web-absolut-fb-2.jpg" alt="" width="400" height="317" /></a></p>
<p>Remember their ABSOLUT Anthem video from summer 2009?</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/5O16C1ZLuyI?fs=1&amp;hl=en_US&amp;rel=0&amp;hd=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="400" height="250" src="http://www.youtube.com/v/5O16C1ZLuyI?fs=1&amp;hl=en_US&amp;rel=0&amp;hd=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://www.absolut.com/us/"><img class="alignright" style="margin-left: 10px; margin-right: 10px;" title="Absolut Vodka" src="http://www.isuriato.com/blog/wp-content/uploads/web-absolut-iphone.jpg" alt="" width="180" height="325" /></a>Mobile: Absolut&#8217;s iPhone app has the nicest interface with a card-flicking motion that has a nice stickiness to it.</p>
<p>In addition, Absolut is the first brand who embraces the LGBT market. The latest commercials I saw was during <a title="Ru Paul's Drag Race" href="http://en.wikipedia.org/wiki/RuPaul%27s_Drag_Race" target="_blank">Ru Paul&#8217;s Drag Race</a> (yes, the show is my guilty pleasure. I just love Ru!)  where LGBT personalities (from Santino Rice, finalist on <em>Project Runway</em> to journalist / editor / author / TV personality Merle Ginsberg) of shared their coming out / standing up story in a bar and Absolut creating different drinks named for them. Absolut was a sponsor and the segment with Berri Açaí is hillarious.</p>
<p>Summary:</p>
<p>I&#8217;ve always been a fan of Absolut, every since I saw those iconic Absolut print ads (Absolut Brooklyn is still my favorite and that was out in the 90&#8242;s). The fact that Absolut has managed to move on every new medium successfully and speaking about the brand consistently is an achievement not many brands can claim they did well.</p>
<p>So Absolut, from one vodka drinker to another: Very well done!</p>
<h4>Grey Goose Vodka—Less than premium</h4>
<p><a href="http://thedashboard.urbandaddy.com/"><img class="alignnone" style="border: 1px solid #e2e2e2;" title="Grey Goose Vodka" src="http://www.isuriato.com/blog/wp-content/uploads/web-greygoose-urbandaddy.jpg" alt="" width="400" height="290" /></a></p>
<p>When <a title="The Dashboard - Urban Daddy" href="http://thedashboard.urbandaddy.com/" target="_blank">Urban Daddy&#8217;s The Dashboard</a> came out in August and I saw the Grey Goose bottles on the bottom right corner, I was pretty excited to see what they have to offer. Unfortunately, the nightlife assistance tool is created for Urban Daddy and only sponsored by Grey Goose. So it wasn&#8217;t a creative push from the vodka brand.</p>
<p>The tool, albeit the really sleek 3D-ish design, is only half as cool and smooth as the <a title="Sprint NOW" href="http://now.sprint.com/nownetwork/" target="_blank">Sprint &#8220;Plug into Now&#8221; dashboard</a>, which came out almost 2 years ago and is still being kept up-to-date nicely.</p>
<p>Facebook Fans: 148,035 fans</p>
<p><a title="Grey Goose Vodka - Facebook" href="http://www.facebook.com/greygoose#!/greygoose?v=app_150061505012505" target="_blank">Facebook Campaigns</a>:</p>
<ul>
<li>L’Orange: Downloadable Cocktail cards (go to Photos, with simple “Drag to desktop and print” instruction), Video of their TV commercial, Mobile Recipes App (Grey Goose Mobile Alert).</li>
<li>Boxes: Pocket Cocktail iApp, Send a Toast to friend (which links to their <a title="Grey Goose Vodka" href="http://www.greygoose.com" target="_blank">website</a>)</li>
</ul>
<p><em>Note: Unfortunately, all the campaigns above are no longer available.</em></p>
<p><a href="http://www.greygoose.com/#/us/en-us/"><img class="alignnone" style="border: 1px solid #e2e2e2; margin-right: 10px;" title="Grey Goose Vodka" src="http://www.isuriato.com/blog/wp-content/uploads/web-greygoose.jpg" alt="" width="287" height="310" /></a></p>
<p>Mobile:  Dubbed &#8220;A Guide To The Extraordinary, Delicious and Exquisite,&#8221; I felt that it was nice but lacking the pizazz that Absolut&#8217;s  iPhone app brings to the table.</p>
<h4>Hornitos Tequila—Ballsy!</h4>
<p><a href="http://www.facebook.com/HornitosTequila"><img class="alignnone" style="border: 1px solid #e2e2e2;" title="Hornitos Tequila" src="http://www.isuriato.com/blog/wp-content/uploads/web-hornitos.jpg" alt="" width="400" height="558" /></a></p>
<p>Facebook Fans: 48,1545 fans</p>
<p>Facebook Campaigns:</p>
<ul>
<li><a title="Hornitos Tequila - Grow A Pair" href="http://www.facebook.com/HornitosTequila" target="_blank">Grow A Pair</a>:  Showing their commercials + monthly contest. Currently running ads with videos pointing to Facebook</li>
<li><a title="Hornitos Tequila - Recipes" href="http://www.facebook.com/HornitosTequila?v=app_4949752878" target="_blank">Recipes</a>: With an easy Print, Share, Comment &amp; Like links under each recipe</li>
</ul>
<p>What stuck was the hilarious commercials from their &#8220;<a title="Hornitos Tequila - Commercials" href="http://www.shoptradition.com/blog/hornitos-tequila-commercials/" target="_blank">Purer Than Your Intentions</a>&#8221; campaign with &#8220;Cougar Phone&#8221; and &#8220;Doris.&#8221; <a title="Hornitos Tequila - Commercials" href="http://www.shoptradition.com/blog/hornitos-tequila-commercials/" target="_blank">Watch &#8216;em!</a></p>
<h3><em>Other notables:</em></h3>
<h4><a title="Patron Tequila" href="http://www.patrontequila.com" target="_blank"><strong>Patron Tequila</strong></a></h4>
<p><a href="http://www.patrontequila.com/"><img class="alignnone" title="Patron Tequila" src="http://www.isuriato.com/blog/wp-content/uploads/web-patron.jpg" alt="" width="400" height="300" /></a></p>
<p>With its recognizable bottle simply at the center on the website, surrounded by hovering, comment-shape features, the brand strongly presented itself as a premium spirit brand. I like it: It&#8217;s clean, straight-forward and it feels premium.</p>
<p>Was the hovering of the elements done intentionally to mimic the bee in the logo? I don&#8217;t know but now that I&#8217;ve noticed it, it&#8217;ll be interesting to find out.</p>
<h4><a title="901 Tequila" href="http://www.901stories.com/" target="_blank"><strong>901 Tequila</strong></a></h4>
<p><a href="http://www.901stories.com/"><img class="alignnone" title="901 Tequila" src="http://www.isuriato.com/blog/wp-content/uploads/web-tequila901.jpg" alt="" width="400" height="320" /></a></p>
<p>This is Justin Timberlake&#8217;s tequila. It&#8217;s not a spoof. He can now add &#8220;Distiller of fine tequila&#8221; to his list of accolades. The tequila is supposedly <a title="901 Tequila - Review" href="http://www.nydailynews.com/gossip/2009/04/30/2009-04-30_drink_up_justin_timberlakes_901_tequilas_the_real_deal.html" target="_blank">super smooth</a>, according to tequila aficionado who tried it. Well, if you have what it takes to create a product, why not, right?</p>
<p>The website opens with a looped video of this girl, looking at you and, I have to admit, if you leave it on for a while, it&#8217;s kinda creepy. Within the FILMS section, you can watch its sexy smooth commercials. Coming from the guy who brought &#8220;Sexy Back,&#8221; it&#8217;s certainly appropriate.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.isuriato.com/blog/alcohol-brands-online-summer-2010/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Beauty brands online: Summer 2010 #2</title>
		<link>http://www.isuriato.com/blog/beauty-brands-online-summer-2010-2/</link>
		<comments>http://www.isuriato.com/blog/beauty-brands-online-summer-2010-2/#comments</comments>
		<pubDate>Wed, 25 Aug 2010 15:18:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[cool sites]]></category>
		<category><![CDATA[industry roundup]]></category>
		<category><![CDATA[just thoughts]]></category>
		<category><![CDATA[nice work]]></category>
		<category><![CDATA[beauty]]></category>
		<category><![CDATA[Bobbi Brown]]></category>
		<category><![CDATA[Chanel]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Gemey Maybelline]]></category>
		<category><![CDATA[Lancome]]></category>
		<category><![CDATA[make up]]></category>
		<category><![CDATA[Maybelline]]></category>
		<category><![CDATA[Michelle Phan]]></category>
		<category><![CDATA[Rouge Coco]]></category>
		<category><![CDATA[Vanessa Paradis]]></category>

		<guid isPermaLink="false">http://www.isuriato.com/blog/?p=1409</guid>
		<description><![CDATA[Lancôme—YouTube Beauty Guru Michelle Phan Lancôme was smart to tap Michelle Phan as its video makeup artist in February. The 22-year-old art school student is a YouTube sensation—she&#8217;s the most subscribed beauty guru with over 200M views and 800K subscribers. To keep her inspired, Lancôme sent Michelle to Paris for 4 days, visiting historic sites [...]]]></description>
			<content:encoded><![CDATA[<h4><a title="Lancôme" href="http://www.lancome-usa.com/" target="_blank">Lancôme</a>—YouTube Beauty Guru Michelle Phan</h4>
<p><a href="http://www.nytimes.com/interactive/2010/08/22/t-magazine/22video-expert.html"><img class="alignnone" title="Lancome - Michelle Phan" src="http://www.isuriato.com/blog/wp-content/uploads/web-lancome-1.jpg" alt="" width="401" height="272" /></a></p>
<p><a title="Lancôme" href="http://www.lancome-usa.com" target="_blank">Lancôme</a> was smart to tap <a title="Michelle Phan - YouTube" href="http://www.youtube.com/user/MichellePhan" target="_blank">Michelle Phan</a> as its video makeup artist in February. The 22-year-old art school student is a YouTube sensation—she&#8217;s the most subscribed beauty guru with over 200M views and 800K subscribers.</p>
<p><a href="http://www.youtube.com/user/MichellePhan"><img class="alignnone" title="Lancome - Michelle Phan" src="http://www.isuriato.com/blog/wp-content/uploads/web-lancome-2.jpg" alt="" width="401" height="345" /></a></p>
<p>To keep her inspired, Lancôme sent Michelle to Paris for 4 days,   visiting historic sites from Notre Dame to The Pont des Arts where Kate   Winslet filmed the signature Trésor commercial, as well as the  Lancôme  Institute. Her Paris journey is recorded in Lancôme&#8217;s <a title="Lancome - Michelle in Paris" href="http://apps.facebook.com/michellephaninparis/" target="_blank">Facebook &#8220;Michelle + Paris&#8221; app</a>.</p>
<p>Even though she&#8217;s only 6 months into her 2-year contract, her YouTube video views already doubled and she keeps on garnering buzz: This week, she is featured by <a title="Michelle Phan - T exclusive" href="http://tmagazine.blogs.nytimes.com/2010/08/20/t-exclusive-michelle-phan/" target="_blank">T, <em>The New York Times</em> <em>Style </em>Magazine</a>, for which she created an exclusive video titled &#8220;Futuristic Look.&#8221;</p>
<p><a href="http://www.lancome-usa.com/"><img class="alignnone" style="border: 1px solid #e2e2e2;" title="Lancome - Michelle Phan" src="http://www.isuriato.com/blog/wp-content/uploads/web-lancome-3.jpg" alt="" width="401" height="309" /></a></p>
<p>p.s.: Did you know she was turned down for a job working behind the counter at a department store for  Lancôme? I bet she&#8217;s doing OK now.</p>
<h4>Bobbi Brown—Pretty Powerful Follow-up</h4>
<p><a href="http://www.bobbibrowncosmetics.com/prettypowerful/"><img class="alignnone" title="Bobbi Brown - Pretty Powerful" src="http://www.isuriato.com/blog/wp-content/uploads/web-bobbibrown-1.jpg" alt="" width="401" height="320" /></a></p>
<p><a title="Bobbi Brown" href="http://www.bobbibrowncosmetics.com/" target="_blank">Bobbi Brown</a> captured many in NYC with its <a title="Bobbi Brown - Pretty Powerful" href="http://www.bobbibrowncosmetics.com/prettypowerfu" target="_blank">Pretty Powerful</a> campaign which was unveiled in May, from print ads to commercials in and on yellow cabs to 5-minute makeovers in their beauty counters. The campaign showcases real women and was kicked off  through a video contest in January with public voting in March. For every vote cast in, Bobbi Brown donated $1 to one of Bobbi&#8217;s causes, <a href="http://www.dressforsuccess.org/" target="_blank">Dress for Success</a>, an organization that provides disadvantaged women with interview suits and career development advice.</p>
<p><a href="http://www.bobbibrowncosmetics.com/learn/prettypowerful/janice.tmpl"><img class="alignnone" title="Bobbi Brown - Pretty Powerful" src="http://www.isuriato.com/blog/wp-content/uploads/web-bobbibrown-3.jpg" alt="" width="401" height="457" /></a></p>
<p>While on my usual browse-mode, I went back to the website and noticed its been jazzed up a little. The Pretty Powerful winners now have a &#8220;Get The Look&#8221; section on a larger page format. The <a title="Bobbi Brown - Beauty Buzz" href="http://www.bobbibrowncosmetics.com/bobbi_buzz" target="_blank">Beauty Buzz</a> section looks like a news bulletin (albeit one from a very nice design firm) with a strong personal feel, especially in <a title="Bobbi Brown - Bobbi's' Story" href="http://www.bobbibrowncosmetics.com/bobbi_buzz/bobbi_story_index.tmpl" target="_blank">Bobbi &#8216;s Story</a>.</p>
<p><a href="http://www.bobbibrowncosmetics.com/bobbi_buzz"><img class="alignleft" style="margin-right: 5px;" title="Bobbi Brown - Beauty Buzz" src="http://www.isuriato.com/blog/wp-content/uploads/web-bobbibrown-2.jpg" alt="" width="199" height="214" /></a><a href="http://www.bobbibrowncosmetics.com/learn/perfect_skin.tmpl"><img class="alignnone" title="Bobbi Brown - Learn - Perfect Skin" src="http://www.isuriato.com/blog/wp-content/uploads/web-bobbibrown-4.jpg" alt="" width="199" height="214" /></a></p>
<p>On the other hand, the <a title="Bobbi Brown - Learn" href="http://www.bobbibrowncosmetics.com/learn/perfect_skin.tmp" target="_blank">Learn</a> section has an educational feel of a makeup  artist class, where instructions are laid out in a very visual way and  the products look almost touchable. The design &#8220;Botox&#8221; (like they say: You, but better) works for me; I found myself browsing the site more than I usually do.</p>
<h4>Maybelline New York—The French Revolution</h4>
<p><a href="http://www.gemey-maybelline.com/"><img title="Gemey Maybelline" src="http://www.isuriato.com/blog/wp-content/uploads/web-maybelline-gemey1.jpg" alt="" width="401" height="248" /></a></p>
<p><a title="Gemey Maybelline" href="http://www.gemey-maybelline.com/">Gemey Maybelline</a>, the French site for Maybelline New York, offers a lot more features I found interesting compared to the US site. On the mobile front, there are Makeup Studio Mobile app, a virtual makeup studio, and <a title="Studio Manucure" href="http://www.gemey-maybelline.com/LES_NEWS/Studio_manucure.aspx" target="_blank">Studio Manucure</a> (aka Manicure Studio) iPhone app which shows you the secrets to a perfect  manicure, from selecting the right nail polish to nail care solutions.</p>
<p><a href="http://www.gemey-maybelline.com/"><img title="Gemey Maybelline" src="http://www.isuriato.com/blog/wp-content/uploads/web-maybelline-gemey2.jpg" alt="" width="401" height="362" /></a></p>
<p>In addition, there is <a title="Gemey Maybelline - We Love Makeup" href="http://www.welovemakeup.com/" target="_blank">WeLoveMakeup.com</a>, an online community of more than 20K &#8220;Make Up Addicts&#8221; sharing  thousands of looks and discussion topics. It&#8217;s like Facebook for makeup artists and beauty enthusiasts to connect, learn, share, and even have Make Up Parties.</p>
<p><a href="http://www.gemey-maybelline.com/"><img title="Gemey Maybelline" src="http://www.isuriato.com/blog/wp-content/uploads/web-maybelline-gemey3.jpg" alt="" width="401" height="457" /></a></p>
<p>Its <a title="Gemey Maybelline - Blog in The City" href="http://www.gemey-maybelline.com/Bloginthecity/" target="_blank">Blog in The City</a> features three personalities: Capucine (a makeup addict), Emily (a fashionista) and Flo (for NY looks &amp; trends). The blog is young, fun and informational, the topic ranges from summer frocks ala <a title="The Sartorialist" href="http://thesartorialist.blogspot.com/" target="_blank"><em>The Sartorialist</em></a> to Magnolia Bakery. I even learned that there is such a thing called a <a title="Trikini" href="http://en.wikipedia.org/wiki/Bikini_variant#Trikini" target="_blank">trikini</a>. Who knew?</p>
<p><a href="http://www.maybelline.com/"><img title="Maybelline" src="http://www.isuriato.com/blog/wp-content/uploads/web-maybelline-1.jpg" alt="" width="401" height="298" /></a></p>
<p>Meanwhile, Maybelline&#8217;s US site has the <a title="Maybelline - Runway VIP Sweeps" href="http://go.rtm.com/runwayvip/" target="_blank">Runway VIP Sweeps</a> and <a title="Maybelline Loves Fashion" href="http://www.maybellinelovesfashion.com/" target="_blank">Maybelline Loves Fashion</a> microsite to support Mercedes-Benz Fashion Week in September. You can find videos and instructions on how to get the look, plus a mini NYC guide if you are here in New York during Fashion Week.</p>
<p><a href="http://www.maybelline.com/"><img title="Maybelline" src="../wp-content/uploads/web-maybelline-2.jpg" alt="" width="400" height="140" /></a></p>
<p>The microsite could be a lot better. It&#8217;s just not up to par with what you&#8217;d expect out of an official sponsor of Fashion Week.</p>
<h4>Chanel—Rouge Coco</h4>
<p><a href="http://www.chanel.com/en_US/fragrance-beauty/Makeup-88484"><img style="border: 1px solid #e2e2e2;" title="Chanel - Beauty" src="http://www.isuriato.com/blog/wp-content/uploads/web-chanel-3.jpg" alt="" width="401" height="278" /></a></p>
<p><a href="http://www.facebook.com/chanel?v=app_385300539176"><img class="alignleft" style="margin-right: 10px;" title="Chanel - Coco Rouge" src="http://www.isuriato.com/blog/wp-content/uploads/web-chanel-facebook-1.jpg" alt="" width="250" height="460" /></a></p>
<p><a title="Chanel" href="http://www.chanel.com/en_US/fragrance-beauty/Makeup-88484">Chanel</a> launched its Rouge Coco campaign this spring, featuring French actress / singer <a title="Vanessa Paradis" href="http://en.wikipedia.org/wiki/Vanessa_Paradis" target="_blank">Vanessa Paradis</a>. I like the Facebook effort, where you can share virtual Coco Rouge buttons (a la the <a title="Chanel - Rougue Coco Buttons" href="http://www.fashionmagazine.com/blogs/beauty/2009/12/04/swag-report-chanel-rouge-coco-buttons/" target="_blank">press kit / swag bag</a> that was sent out in December) by posting them on your wall. Unfortunately, once the reveal period was over, the buttons are gone.</p>
<p><a href="http://www.facebook.com/chanel?v=app_385300539176"><img title="Chanel - Coco Rouge" src="http://www.isuriato.com/blog/wp-content/uploads/web-chanel-facebook-3.jpg" alt="" width="398" height="211" /></a></p>
<p>I like that you can browse all the lipstick shades within the Facebook tab but when you click to &#8220;Shop Now&#8221;, the color you were reviewing didn&#8217;t carry through to the e-commerce site. You can see the color name in the URLstring, but you have to reselect the color from the dropdown.</p>
<p><a href="http://www.chanel.com/en_US/fragrance-beauty/Makeup-Lipstick-ROUGE-COCO-88973"><img style="border: 1px solid #E2e2e2;" title="Chanel - Coco Rouge" src="http://www.isuriato.com/blog/wp-content/uploads/web-chanel-2.jpg" alt="" width="401" height="278" /></a></p>
<p><a href="http://www.chanel.com/en_US/fragrance-beauty/Makeup-88484"><img title="Chanel - Beauty" src="http://www.isuriato.com/blog/wp-content/uploads/web-chanel-1.jpg" alt="" width="401" height="278" /></a></p>
<p>This is too bad because the e-store interface is nicer than a lot of other beauty brands and because the Chanel site is gorgeous with its simple typography, clean layout and stunning photography.</p>
<p>Related post: <a title="Beauty brands online: Summer 2010 #1" href="http://www.isuriato.com/blog/index.php/2010/08/beauty-brands-online-summer-2010-1/" target="_blank">Beauty brands online: Summer 2010 #1</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.isuriato.com/blog/beauty-brands-online-summer-2010-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photography &amp; The Digital Age</title>
		<link>http://www.isuriato.com/blog/photography-digital-age/</link>
		<comments>http://www.isuriato.com/blog/photography-digital-age/#comments</comments>
		<pubDate>Tue, 24 Aug 2010 22:06:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[cool stuff]]></category>
		<category><![CDATA[just thoughts]]></category>
		<category><![CDATA[nice work]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[boston.com]]></category>
		<category><![CDATA[denver post]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[Eyewitness]]></category>
		<category><![CDATA[hans strand]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[joseph rodriguez]]></category>
		<category><![CDATA[michael grecco]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[plog photo blog]]></category>
		<category><![CDATA[the big picture]]></category>
		<category><![CDATA[victor by hasselblad]]></category>
		<category><![CDATA[wall street journal]]></category>
		<category><![CDATA[﻿﻿The Guardian]]></category>

		<guid isPermaLink="false">http://www.isuriato.com/blog/?p=1439</guid>
		<description><![CDATA[When iPad arrived and all these apps started popping up, I was really not getting all the hype. It&#8217;s just an enlarged iTouch. Right? Then I saw ﻿﻿The Guardian&#8216;s iPad app, Eyewitness, and I was blown away by how crisply and smoothly presented the images are. The application brought the message to the medium perfectly [...]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/RVq9eJ4xsxo?fs=1&amp;hl=en_US&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="400" height="250" src="http://www.youtube.com/v/RVq9eJ4xsxo?fs=1&amp;hl=en_US&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>When iPad arrived and all these apps started popping up, I was really not getting all the hype. It&#8217;s just an enlarged iTouch. Right? Then I saw <em>﻿﻿<a title="The Guardian: Eyewitness iPad app" href="http://www.guardian.co.uk/ipad" target="_blank">The Guardian</a></em><a title="The Guardian: Eyewitness iPad app" href="http://www.guardian.co.uk/ipad" target="_blank">&#8216;s iPad app, Eyewitness</a>, and I was blown away by how crisply and smoothly presented the images are. The application brought the message to the medium perfectly and the result is breathtaking: The touchable images are so right there in front of you, they litterally take your breath away.</p>
<p>This little moment brought to mind what the photographer and director <a title="Michael Grecco" href="http://michaelgrecco.com" target="_blank">Michael Grecco</a> wrote in his blog about &#8220;<a title="Michael Grecco - Blog: Our Crazy Industry" href="http://michaelgrecco.com/michael-grecco-blog/thoughts/our-crazy-industry/" target="_blank">The Crazy Industry</a>&#8221; that is photography:</p>
<blockquote><p>I don’t think we’ve even begun to see the visual changes ahead. I think  photography will become this hybrid thing on peoples devices that will  incorporate the beauty of the still images in composition, content and  feel, but then it will additionally be able to move, inform, and help  you act.</p></blockquote>
<p>With the shrinking of the print world, there will be interesting changes on the way work is presented for photographers and artists alike. Like putting up an online portfolio to showcase your work, magazines are also converting to the digital form.</p>
<p><a href="http://michaelgrecco.com/"><img class="alignnone" title="Michael Grecco - Photographer" src="http://www.isuriato.com/blog/wp-content/uploads/web-michael-grecco.jpg" alt="" width="400" height="259" /></a></p>
<address style="text-align: center;"><span style="color: #888888;">Martin Scorcese, Divers by Michael Grecco</span></address>
<address style="text-align: center;"><span style="color: #888888;"><br />
</span></address>
<address style="text-align: center;"> </address>
<p>Michael pointed out <a title="Issuu" href="http://issuu.com/explore" target="_blank">Issuu.com</a>, a digital publishing platform that can turn your print publication into its digital version that works on the web or even on the iPad by a simple upload. It&#8217;s a great way to simplify the presentation layer while creating a database of work by others that allow photographers to see what&#8217;s out there and basically &#8220;<em>gives me a perspective, not only on myself, but on our society and where we’re heading visually.</em>&#8221;</p>
<p>There are other digital publications out there that provides stunning and inspiring photography. Take <a title="Victor by Hasselblad" href="http://www.victorbyhasselblad.com" target="_blank">Victor by Hasselblad</a> and <a title="Visura Magazine" href="http://www.visuramagazine.com/vm/joseph-rodriguez-personal-violence" target="_blank">Visura Magazine</a>, beautiful photo glossies.</p>
<p><a href="http://www.victorbyhasselblad.com"><img class="alignnone" title="Victor by Hasselblad" src="http://www.isuriato.com/blog/wp-content/uploads/web-hasselblad.jpg" alt="" width="400" height="292" /></a></p>
<address style="text-align: center;"><span style="color: #888888;">Victor by Hasselbla<span style="color: #888888;">d</span></span><span style="color: #888888;">: Lanscape by Hans Strand</span></address>
<address style="text-align: right;"><span style="color: #888888;"><br />
</span></address>
<p><a href="http://www.visuramagazine.com/vm/"><img class="alignnone" title="Visura Magazine" src="http://www.isuriato.com/blog/wp-content/uploads/web-visura.jpg" alt="" width="400" height="292" /></a></p>
<address style="text-align: center;"><span style="color: #888888;">Visura Magazine: Personal Violence by Joseph Rodriguez</span></address>
<address style="text-align: right;"><span style="color: #888888;"><br />
</span></address>
<p>For dailies, here are my favorites:</p>
<ul>
<li><a title="The Big Picture - Boston.com" href="http://http://boston.com/bigpicture/" target="_blank">The Big Picture </a>(Boston.com/<em>The Boston Globe</em>)</li>
<li><a title="Plog Photo Blog - Denver Post" href="http://blogs.denverpost.com/captured/" target="_blank">Plog Photo Blog</a> (<em>Denver Post</em>)</li>
<li><a title="Photo Journal - WSJ" href="http://blogs.wsj.com/photojournal/2010/08/23/the-city-sleeps/" target="_blank">Photo Journal</a> (<em>The Wall Street Journal</em>)</li>
</ul>
<p>Dramatic, touching, heart-breaking, uplifting&#8230; These images should inspire more than just photographers, but also creative minds to find new ways to experience them.</p>
<p>p.s.: I didn&#8217;t include <em><a title="National Geographic" href="http://photography.nationalgeographic.com" target="_blank">National Geographic</a> </em>because it&#8217;s just so obvious, no?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.isuriato.com/blog/photography-digital-age/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

