<?xml version="1.0" encoding="UTF-8"?>
<!--Generated by Squarespace Site Server v5.9.2 (http://www.squarespace.com/) on Mon, 15 Mar 2010 10:31:50 GMT--><feed xmlns="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/"><title>Blog : Cococello</title><subtitle>Blog : Cococello</subtitle><id>http://www.cococello.com/wblog/</id><link rel="alternate" type="application/xhtml+xml" href="http://www.cococello.com/wblog/"/><link rel="self" type="application/atom+xml" href="http://www.cococello.com/wblog/atom.xml"/><updated>2010-03-09T22:27:58Z</updated><generator uri="http://www.squarespace.com/" version="Squarespace Site Server v5.9.2 (http://www.squarespace.com/)">Squarespace</generator><entry><title>The No BS Business Book: Rework by 37signals</title><category term="business"/><id>http://www.cococello.com/wblog/2010/3/9/the-no-bs-business-book-rework-by-37signals.html</id><link rel="alternate" type="text/html" href="http://www.cococello.com/wblog/2010/3/9/the-no-bs-business-book-rework-by-37signals.html"/><author><name>Deb</name></author><published>2010-03-09T22:26:49Z</published><updated>2010-03-09T22:26:49Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>I just bought a new book called <a class="offsite-link-inline" href="http://37signals.com/rework/" target="_blank">REWORK</a> by <a class="offsite-link-inline" href="http://37signals.com/" target="_blank">37signals</a>, the makers behind Basecamp, Highrise, Campfire and Backpack. This is just one of the videos they created to promote <a class="offsite-link-inline" href="http://37signals.com/rework/" target="_blank">REWORK</a>.</p>
<p>I've worked in cubicle culture for many years, including telecommuting at one point, so I can totally relate to the video below.</p>
<p>Go to <a class="offsite-link-inline" href="http://37signals.com/rework/" target="_blank">REWORK: The New Business Book from 37Signals</a> and download a free excerpt. It's a no bs guide on starting and running a business today.</p>
<p><object width="583" height="502"><param name="movie" value="http://www.youtube.com/v/ZJFTC9C_IBk&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/ZJFTC9C_IBk&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="583" height="502"></embed></object></p>]]></content></entry><entry><title>Wishlist: Village Alphabet Tote</title><category term="design"/><category term="typography"/><category term="wishlist"/><id>http://www.cococello.com/wblog/2010/3/5/wishlist-village-alphabet-tote.html</id><link rel="alternate" type="text/html" href="http://www.cococello.com/wblog/2010/3/5/wishlist-village-alphabet-tote.html"/><author><name>Deb</name></author><published>2010-03-05T19:29:22Z</published><updated>2010-03-05T19:29:22Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>I love <a class="offsite-link-inline" href="http://www.vllg.com/" target="_blank">Village</a>.</p>
<p>I go there often to shop for typefaces and I buy from them because:</p>
<p>1. They carefully select members and typefaces which makes shopping for typefaces less overwhelming.</p>
<p>2. I trust their judgement. Take a look at their <a class="offsite-link-inline" href="http://www.vllg.com/fonts" target="_blank">selection of typefaces</a> and you&rsquo;ll notice, Village doesn&rsquo;t just let anyone into town.</p>
<p>3. I love their &ldquo;Taste Test&rdquo;. As a designer I can buy one single weight, try it out and then get credit toward the family. Minimal financial commitment.</p>
<p>Now, I have another reason to shop at Village:</p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.vllg.com/products/Alphabet_Tote#panel=about-usage  " target="_blank"><img src="http://www.cococello.com/storage/post-images/ABC_tote_image_1.png?__SQUARESPACE_CACHEVERSION=1267818037097" alt="" /></a></span><span class="thumbnail-caption" style="width: 530px;">Village Alphabet Tote</span></span></p>
<p>The product description from Village:</p>
<p><em>A 19&Prime; &times; 16&Prime; &times; 4&Prime; jumbo tote bag screen printed in Metallic Silver and Fluorscent Orange inks on a heavyweight recycled cotton bag with 25" shoulder-length handles. This tote bag is jumbo-sized and very versatile: use it for grocery shopping, trips to the gym or laundromat, etc.</em></p>
<p>Call me crazy but I also want their hang tag!</p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.vllg.com/products/Alphabet_Tote#panel=about-usage  " target="_blank"><img src="http://www.cococello.com/storage/post-images/ABC_tote_hangtag.jpg?__SQUARESPACE_CACHEVERSION=1267818138795" alt="" /></a></span><span class="thumbnail-caption" style="width: 530px;">Village Product Hang Tag</span></span></p>]]></content></entry><entry><title>Cococello is a Member of One Percent for the Planet</title><category term="business"/><id>http://www.cococello.com/wblog/2010/3/2/cococello-is-a-member-of-one-percent-for-the-planet.html</id><link rel="alternate" type="text/html" href="http://www.cococello.com/wblog/2010/3/2/cococello-is-a-member-of-one-percent-for-the-planet.html"/><author><name>Deb</name></author><published>2010-03-02T15:55:38Z</published><updated>2010-03-02T15:55:38Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>Even though I officially became a member of <a class="offsite-link-inline" href="http://www.onepercentfortheplanet.org/en/" target="_blank">One Percent for the Planet</a> on February 17, 2010, my listing now appears in the <a class="offsite-link-inline" href="http://www.onepercentfortheplanet.org/en/search/member_profile_page.php?id=1895" target="_blank">Member's section of OnePercentForThePlanet.org</a>&nbsp;under "<a href="http://www.onepercentfortheplanet.org/en/search/member_search_results.php" target="_blank">Branding, Communications, Design &amp; Marketing</a>" as well as "<a href="http://www.onepercentfortheplanet.org/en/search/member_search_results.php" target="_blank">Web Design &amp; Development</a>".</p>
<p>I'm really excited to be a member of<a class="offsite-link-inline" href="http://www.onepercentfortheplanet.org/en/" target="_blank"> One Percent for the Planet</a>.</p>
<p>Being a member of One Percent for the Planet means that 1% of my business will go to non-profts who are "committed to a healthy planet".</p>
<p>One percent may or may not seem like a lot. I guess given the number of members it has to have a cumulative effect. Knowing that my one percent goes to nonprofits who have been screened and work on issues of sustainability feels really great.</p>
<p>I suppose it was my years in journalism that prevented me from signing up for anything that had "a position". But it is a career in journalism that exposed me to so many issues facing us and our planet.</p>
<p>Now all I need to do is figure out <a class="offsite-link-inline" href="http://www.onepercentfortheplanet.org/en/search/nonprofits_search.php" target="_blank">which non-profit</a> gets my donation!</p>
<p>&nbsp;</p>]]></content></entry><entry><title>Nau Rain Jackets Spring 2010</title><category term="lovin' It"/><category term="wishlist"/><id>http://www.cococello.com/wblog/2010/2/23/nau-rain-jackets-spring-2010.html</id><link rel="alternate" type="text/html" href="http://www.cococello.com/wblog/2010/2/23/nau-rain-jackets-spring-2010.html"/><author><name>Deb</name></author><published>2010-02-23T16:03:26Z</published><updated>2010-02-23T16:03:26Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>Here are two of my favorite rain jackets by <a class="offsite-link-inline" href="http://www.nau.com" target="_blank">Nau</a> this spring.</p>
<p><strong>Succinct Trench: Recycled Rain Jacket</strong></p>
<p>This <a class="offsite-link-inline" href="http://www.nau.com/womens/categories/spring-preview/succinct-trench-005W01.html" target="_blank">beautiful rain jacket</a> for women&nbsp;is high on my wishlist.</p>
<p>I usually lean black when it comes to jackets and this "aluminum" color is just delicious.</p>
<p>I love the fact that it is made of post-consumer, post-industrial polyester waste and can also be recycled again.</p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.nau.com/womens/categories/spring-preview/succinct-trench-005W01.html" target="_blank"><img src="http://www.cococello.com/storage/post-images/005w01_085_1_20.jpg?__SQUARESPACE_CACHEVERSION=1266895091448" alt="" /></a></span></span></p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.nau.com/womens/categories/spring-preview/succinct-trench-005W01.html" target="_blank"><img src="http://www.cococello.com/storage/post-images/005w01_085_2_20.jpg?__SQUARESPACE_CACHEVERSION=1266895116662" alt="" /></a></span></span></p>
<p>&nbsp;</p>
<p>For men, I love this <strong>Acoustic Jacket</strong>.</p>
<p>The construction is modern, clean and sexy. What I love about it most: the nice touch of fabric that conceals the top part of the zipper. It also has a hidden pocket!</p>
<p>It isn't made of recycled materials but when it gets to the point of serious wear and tear, consider sending it back to Nau so they can recycle it for you.</p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.nau.com/za/NAU?PAGE=product&amp;REFID=004M01" target="_blank"><img src="http://www.cococello.com/storage/post-images/004m01_002_1_20.jpg?__SQUARESPACE_CACHEVERSION=1266904696484" alt="" /></a></span></span></p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.nau.com/za/NAU?PAGE=product&amp;REFID=004M01" target="_blank"><img src="http://www.cococello.com/storage/post-images/004m01_002_3_20.jpg?__SQUARESPACE_CACHEVERSION=1266904722643" alt="" /></a></span></span></p>
<p>And yes,&nbsp;<a class="offsite-link-inline" href="http://www.nau.com/" target="_blank">Nau</a>&nbsp;is one of my favorite designers. They are in Portland and most of all, they are driven by the three qualities that I believe in too:&nbsp;<strong>Beauty</strong>.&nbsp;<strong>Performance</strong>.&nbsp;<strong>Sustainability</strong>.</p>]]></content></entry><entry><title>Photoshelter Integration &amp; Customization: Nic Bezzina Photography</title><category term="design"/><category term="news"/><category term="photography"/><id>http://www.cococello.com/wblog/2010/2/18/photoshelter-integration-customization-nic-bezzina-photograp.html</id><link rel="alternate" type="text/html" href="http://www.cococello.com/wblog/2010/2/18/photoshelter-integration-customization-nic-bezzina-photograp.html"/><author><name>Deb</name></author><published>2010-02-18T21:55:16Z</published><updated>2010-02-18T21:55:16Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>It&rsquo;s been a crazy busy week and I&rsquo;m so excited to announce that we just finished the customization and integration of a Photoshelter archive for <a class="offsite-link-inline" href="http://nicbezzina.com/" target="_blank">Nic Bezzina Photography</a>.&nbsp;</p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.nicbezzina.com/" target="_blank"><img src="http://www.cococello.com/storage/post-images/nic-bezzina-photography-main.jpg?__SQUARESPACE_CACHEVERSION=1266529834075" alt="" /></a></span><span class="thumbnail-caption" style="width: 600px;">Nic Bezzina Photography</span></span></p>
<p>Nic is a photographer based in Sydney, Australia with an incredible collection of images &mdash;&nbsp;<a class="offsite-link-inline" href="http://nicbezzina.com/page/gallery/portrait/" target="_blank">portraits</a>, <a class="offsite-link-inline" href="http://nicbezzina.com/page/gallery/live-music/" target="_blank">live music</a> and <a class="offsite-link-inline" href="http://nicbezzina.com/page/gallery/documentary/" target="_blank">documentary</a>. His portraits and music galleries display some stellar images of some truly awesome creatives: Musicians, Artists, Illustrators, Designers&hellip;</p>
<p>The visual design of the site was not designed by me. We took an existing design concept and development (by <a class="offsite-link-inline" href="http://newism.com.au/" target="_blank">Newism</a> - a super fab design studio in Australia) and customized <a class="offsite-link-inline" href="http://archives.nicbezzina.com/c/nicbezzina/gallery-list" target="_blank">Nic&rsquo;s Photoshelter archives</a> to match his existing website. (Don&rsquo;t you just love the curtain?)</p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://archives.nicbezzina.com/c/nicbezzina/gallery-list" target="_blank"><img src="http://www.cococello.com/storage/post-images/nic-bezzina-ps-main.jpg?__SQUARESPACE_CACHEVERSION=1266529901419" alt="" /></a></span><span class="thumbnail-caption" style="width: 600px;">Nic Bezzina Photoshelter Archives</span></span><span class="full-image-block ssNonEditable"><span><a href="http://archives.nicbezzina.com/c/nicbezzina/gallery-collection/Music-Portraits/P00004.yptRQY3NM" target="_blank"><img src="http://www.cococello.com/storage/post-images/nic-bezzina-music-portraits-ps.jpg?__SQUARESPACE_CACHEVERSION=1266529978697" alt="" /></a></span><span class="thumbnail-caption" style="width: 600px;">Nic Bezzina Photography : Music Portraits Collection</span></span><span class="full-image-block ssNonEditable"><span><a href="http://www.photoshelter.com/c/nicbezzina/gallery-img-show/Captains/G0000uKV3VJMpQ.0/?P_ID=P00004.yptRQY3NM&amp;_bqG=5&amp;_bqH=eJwzstQ1LXLKyU0JDHeLSjILzjdxDirLy_IrjQy1MjSxMjSwsnKP93SxdTcAglLvMOMwL9.CQD0DtQCQaABI1ESvsqAkKDDS2M9Xzd0z3t3Rx8c1KBKbJgDWPR9F&amp;I_ID=I0000rfh0R40XGcI" target="_blank"><img src="http://www.cococello.com/storage/post-images/nic-bezzina-ps-detail.jpg?__SQUARESPACE_CACHEVERSION=1266530064073" alt="" /></a></span><span class="thumbnail-caption" style="width: 600px;">Nic Bezzina Photography : The Captains Image detail</span></span>&nbsp;</p>
<p>Nic also wanted the ability to rename, reorder, and create galleries in addition to the ones he already had so we also completely revamped the <a class="offsite-link-inline" href="http://www.expressionengine.com" target="_blank">ExpressionEngine</a> integration to allow Nic to do just that. Each time Nic adds or removes a gallery and then reorders them, the main navigation automatically reflects his changes. (Take note: This would get any geek excited.)</p>
<p>Nic seems to be very happy with our work and that makes us feel warm and fuzzy...</p>
<p><em>(Note: A big thank you to John Knotts of </em><a class="offsite-link-inline" href="http://code72.com/" target="_blank"><em>Code72</em></a><em>. John is the genius behind the code here at Cococello. We met during a <a href="http://www.train-ee.com/" target="_blank">Train-ee</a> class here in Portland last June and have been working together ever since. We are a stellar partnership of complimentary skills.)</em></p>]]></content></entry><entry><title>Site Launch: Maison James Interior Design Studio</title><category term="design"/><category term="news"/><id>http://www.cococello.com/wblog/2010/2/16/site-launch-maison-james-interior-design-studio.html</id><link rel="alternate" type="text/html" href="http://www.cococello.com/wblog/2010/2/16/site-launch-maison-james-interior-design-studio.html"/><author><name>Deb</name></author><published>2010-02-16T15:03:46Z</published><updated>2010-02-16T15:03:46Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>I am excited to announce the re-launch and redesign of <a class="offsite-link-inline" href="http://www.maisonjames.com" target="_blank">Maison James</a>, an interior design studio based in Richmond, Virginia.&nbsp;<a class="offsite-link-inline" href="http://www.maisonjames.com/about/" target="_blank">Holly Chasan</a>&nbsp;is the owner and designer behind <a class="offsite-link-inline" href="http://www.maisonjames.com" target="_blank">Maison James</a>.</p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.maisonjames.com" target="_blank"><img src="http://www.cococello.com/storage/post-images/maison-james-home-page.jpg?__SQUARESPACE_CACHEVERSION=1266209494889" alt="" /></a></span><span class="thumbnail-caption" style="width: 600px;">Maison James Home Page</span></span></p>
<p><a class="offsite-link-inline" href="http://www.maisonjames.com" target="_blank">Maison James</a> was originally built with a template and according to Holly needed a face lift. She wanted the redesign to be more reflective of her eclectic design sensibilities; be approachable, fresh, upscale and easy to navigate for the user. Holly also wanted to be able to continue to update her website on her own, so we integrated Maison James.com&nbsp;with my favorite framework and CMS,&nbsp;<a class="offsite-link-inline" href="http://www.expressionengine.com" target="_blank">ExpressionEngine</a>. &nbsp;</p>
<p>Maison James was an extremely fun site to design. I loved working with such bold colors! And, working with Holly on just the right icons for the main navigation (hover over them and you&rsquo;ll see) was a bit like hanging out with a girlfriend, trying on hats.</p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.maisonjames.com" target="_blank"><img src="http://www.cococello.com/storage/post-images/maison-james-portfolio-lightbox.jpg?__SQUARESPACE_CACHEVERSION=1266209529098" alt="" /></a></span><span class="thumbnail-caption" style="width: 600px;">Maison James Portfolio Lightbox</span></span></p>
<h3>Maison James Design &amp; Development Details</h3>
<p>In the portfolio section, I customized the jquery lightbox feature with custom buttons, loading icon and a hot pink background to complement the rest of the site.</p>
<p>For typography, Holly wanted to get away from using the standard cross-browser fonts and wondered if a script could be used. Because script typefaces do not work well at smaller sizes on the screen, I felt the best place to use a script typeface was for the headlines. This meant that the script font would need to be used for the H1 and/or H2 HTML tags which are important for search engine bots.</p>
<p>While we could have used the <a class="offsite-link-inline" href="http://css-tricks.com/css-image-replacement/ " target="_blank">image replacement technique</a> to display a non-standard typeface and also maximize the SEO benefits of HTML text as H1 or H2, we decided to have some fun with CSS3 compatibility using @font-face. Because using @font-face requires a special license from type foundries, I settled on a free font called <a class="offsite-link-inline" href="http://www.fontsquirrel.com/fonts/BlackJack" target="_blank">BlackJack</a> by <a class="offsite-link-inline" href="http://www.typadelic.com/ " target="_blank">Typadelic</a> via <a class="offsite-link-inline" href="http://www.fontsquirrel.com" target="_blank">Font Squirrel</a>.</p>
<p>What happens if a browser that doesn&rsquo;t support @font-face calls up her site? We made sure to specify a default font stack to kick in and display.</p>
<h3>Maison James&rsquo;s New Blog</h3>
<p>In Holly&rsquo;s original RFP, she wasn&rsquo;t sure whether or not she needed or wanted a blog so we talked about what it would involve and what the possible pros and cons of having a blog would be.</p>
<p>In the end, Holly decided a blog would be a great way to share the products she loves, things and places that inspire her and various other bits of information she thinks her current and potential clients would respond to. It is definitely a great way for her to build a relationship with the community at large and increase her visibility which I hope will lead to more projects.</p>
<p>Support a new design blogger by visiting her <a class="offsite-link-inline" href="http://maisonjames.com/blog/" target="_blank">Interior Design Inspiration blog</a> and send her a comment to say welcome!</p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.maisonjames.com/blog/" target="_blank"><img src="http://www.cococello.com/storage/post-images/maison-james-blog-page.jpg?__SQUARESPACE_CACHEVERSION=1266209558978" alt="" /></a></span><span class="thumbnail-caption" style="width: 600px;">Maison James Interior Design Blog</span></span></p>]]></content></entry><entry><title>LaCie ForMoa Laptop Cases for the Mac</title><category term="design"/><category term="lovin' It"/><id>http://www.cococello.com/wblog/2010/2/13/lacie-formoa-laptop-cases-for-the-mac.html</id><link rel="alternate" type="text/html" href="http://www.cococello.com/wblog/2010/2/13/lacie-formoa-laptop-cases-for-the-mac.html"/><author><name>Deb</name></author><published>2010-02-13T20:03:48Z</published><updated>2010-02-13T20:03:48Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>Check out this <a class="offsite-link-inline" href="http://www.lacie.com/products/product.htm?pid=11419" target="_blank">colorful LaCie laptop case</a>&nbsp;designed by <a class="offsite-link-inline" href="http://www.youtube.com/watch?v=DCkD3Gxa4sc" target="_blank">Sam Hecht</a>.</p>
<p>They have a neoprene cover and a sueded lining so you can rest assured your MacBook is protected and you look oh-so-stylish. I love the fact that you can choose to go sans handle as a sleeve.</p>
<p>The pattern reminds me of bubble wrap and/or <a class="offsite-link-inline" href="http://www.nostalgiccandy.com/candybuttonsfourpack.aspx" target="_blank">candy buttons</a>.</p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.lacie.com/products/product.htm?pid=11419" target="_blank"><img src="http://www.cococello.com/storage/post-images/ForMoa_Coat_Artistic.jpg?__SQUARESPACE_CACHEVERSION=1266023871677" alt="" /></a></span></span></p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.lacie.com/products/product.htm?pid=11419" target="_blank"><img src="http://www.cococello.com/storage/post-images/ForMoa_range.jpg?__SQUARESPACE_CACHEVERSION=1266023905083" alt="" /></a></span></span></p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.lacie.com/products/product.htm?pid=11419" target="_blank"><img src="http://www.cococello.com/storage/post-images/ForMoa_Red_3Q_Right.jpg?__SQUARESPACE_CACHEVERSION=1266023941827" alt="" /></a></span></span></p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.lacie.com/products/product.htm?pid=11419" target="_blank"><img src="http://www.cococello.com/storage/post-images/ForMoa_detail.jpg?__SQUARESPACE_CACHEVERSION=1266023965107" alt="" /></a></span></span></p>]]></content></entry><entry><title>Ork Design City Neighborhood Posters</title><category term="design"/><id>http://www.cococello.com/wblog/2010/2/11/ork-design-city-neighborhood-posters.html</id><link rel="alternate" type="text/html" href="http://www.cococello.com/wblog/2010/2/11/ork-design-city-neighborhood-posters.html"/><author><name>Deb</name></author><published>2010-02-12T05:15:38Z</published><updated>2010-02-12T05:15:38Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>OK, I know these have been seen and heard but I had totally forgotten about them in what probably was a mass bookmarking of sites.</p>
<p>I'm so glad I stumbled upon them again!</p>
<p>From Ork Design:</p>
<p style="padding-left: 30px;">To us, it's not just posters. To us it's about finding where we are, where we've been and where we want to go. In the most humble manner, we can only hope it's that for you too.&nbsp;</p>
<p>Nicely said by Jenny Beorkrem of <a class="offsite-link-inline" href="http://www.trimtabdesign.com/" target="_blank">Trim Tab Design</a>, the creator of these wonderful posters.</p>
<p>Here are the posters of cities I've lived and perhaps another destination is in our near future? Regardless, I'll always love everywhere I've been. (I also lived in Toronto and at this time, the map isn't available.)</p>
<p>I want one of each for a wall. I love the simplicity. They do come in other colors but I have a special place for black and white.</p>
<p>Visit <a class="offsite-link-inline" href="http://www.orkposters.com/" target="_blank">Ork Posters: City Neighborhood Posters and More</a></p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.orkposters.com/portland.html" target="_blank"><img src="http://www.cococello.com/storage/post-images/portlandBW.gif?__SQUARESPACE_CACHEVERSION=1265950622880" alt="" /></a></span><span class="thumbnail-caption" style="width: 500px;">A return to natural beauty, getting real and finding "home"...</span></span></p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.orkposters.com/dc.html" target="_blank"><img src="http://www.cococello.com/storage/post-images/DCbw.gif?__SQUARESPACE_CACHEVERSION=1265950797246" alt="" /></a></span><span class="thumbnail-caption" style="width: 500px;">A magical and scary time of extremes. I learned about love here.</span></span></p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.orkposters.com/chicago.html" target="_blank"><img src="http://www.cococello.com/storage/post-images/chiBW.gif?__SQUARESPACE_CACHEVERSION=1265950872502" alt="" /></a></span><span class="thumbnail-caption" style="width: 500px;">A very pivotal time in my life. Life was testing me in Chicago.</span></span></p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.orkposters.com/seattle.html" target="_blank"><img src="http://www.cococello.com/storage/post-images/stl_bw.gif?__SQUARESPACE_CACHEVERSION=1265950930663" alt="" /></a></span><span class="thumbnail-caption" style="width: 411px;">Where I fell in love with nature and discovered a city could be truly beautiful. The road trip to Seattle from Ohio was so amazing.</span></span></p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://www.orkposters.com/philadelphia.html" target="_blank"><img src="http://www.cococello.com/storage/post-images/philly_bw.gif?__SQUARESPACE_CACHEVERSION=1265950994135" alt="" /></a></span><span class="thumbnail-caption" style="width: 500px;">Periods of immense freedom and growth. This city changed my life in so many good ways.</span></span></p>]]></content></entry><entry><title>Effective Photographer Websites: "Clean and Simple Design"</title><category term="design"/><category term="photography"/><id>http://www.cococello.com/wblog/2010/2/4/effective-photographer-websites-clean-and-simple-design.html</id><link rel="alternate" type="text/html" href="http://www.cococello.com/wblog/2010/2/4/effective-photographer-websites-clean-and-simple-design.html"/><author><name>Deb</name></author><published>2010-02-05T05:44:57Z</published><updated>2010-02-05T05:44:57Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>Here's an excerpt about photographer websites from an <a class="offsite-link-inline" href="http://www.adbase.com/Podcasts/JustineShockettInterview" target="_blank">interview on Adbase with Justine Shockett</a>, an Art Producer for <a class="offsite-link-inline" href="http://www.cutwatersf.com/" target="_blank">CUTWATER</a>, a San Francisco ad agency (via <a class="offsite-link-inline" href="http://www.creativefreelancerblog.com" target="_blank">Creative Freelancer Blog</a>). She shares a lot more than her thoughts about websites.</p>
<p><strong>Juliette:&nbsp;</strong>Do you bookmark websites?</p>
<p><strong>Justine:&nbsp;</strong>Yeah, I bookmark tons of websites, you know, go there, check out the rest of their work. The thing is, a lot of times people just send one image and it's really difficult to get an impression of somebody's work from that. If it's enough to get me to go to their website, and then I look through it and I like it, I'll save it. If it's not...</p>
<p><strong>Juliette:&nbsp;</strong>So, you would like to see more [images] in the email so you can overview?</p>
<p><strong>Justine:</strong>&nbsp;Yeah, I love to see more. Yeah. You know, ones where they've got a little bit more of a series&hellip; kind of a storytelling. You really get a sense of what somebody shoots.</p>
<p><strong>Juliette:&nbsp;</strong>And then when you get to their website, is there anything in particular that you find that you like or don&rsquo;t like in the website?</p>
<p><strong>Justine:&nbsp;</strong>Yes.</p>
<p><strong>Juliette:&nbsp;</strong>You made notes.</p>
<p><strong>Justine:&nbsp;</strong>I did. I made quite a few notes. As far as websites that I feel are really effective and help me to get through them quickly, and also make me want to go back and see more of them: definitely clean and simple design, nothing too crazy or flashy. Flash websites are okay, but I'm really just there to see the work. I don&rsquo;t need all the extras. I love when they've got thumbnails that you can scroll over and the images just change and pop up. I don&rsquo;t like the fading in between images because it wastes time&hellip;</p>
<p><strong>Juliette:&nbsp;</strong>You just want to go.</p>
<p><strong>Justine:&nbsp;</strong>Go to the next one. After looking at hundreds of sites, you're just ready to get to the next thing. I don&rsquo;t want to have to wait for it to load and fade in and out. I love that websites have little categories so it's a little bit more specific for rep sites. But they'll have food shooters, auto shooters, lifestyle&hellip; and I can scroll over and bold whoever is appropriate for that category. And I can go directly to those people and view that work.</p>
<p><strong>Juliette:&nbsp;</strong>Right. And then are you trying to make a list of the different sites that you want to send somebody [at CUTWATER] to look at?</p>
<p><strong>Justine:&nbsp;</strong>Definitely. Yeah. I'll go through&hellip; I'll usually provide a list if it's very specific. If I worked with the art director, we've narrowed down to a very specific look that they want. I try and give him at least 5- to -10 options.</p>]]></content></entry><entry><title>Thoughts Behind the Design: Mike Davis, Picture Editor</title><category term="design"/><id>http://www.cococello.com/wblog/2010/1/23/thoughts-behind-the-design-mike-davis-picture-editor.html</id><link rel="alternate" type="text/html" href="http://www.cococello.com/wblog/2010/1/23/thoughts-behind-the-design-mike-davis-picture-editor.html"/><author><name>Deb</name></author><published>2010-01-24T05:35:32Z</published><updated>2010-01-24T05:35:32Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>A few days ago I launched a website for <a class="offsite-link-inline" href="http://www.michaelddavis.com" target="_blank">Mike Davis</a>, a talented Picture Editor, Photography Consultant and mentor to many photographers. He is also my husband.</p>
<p>With the announcement of the launch through Facebook and Twitter, we received a lot of feedback on the website and I thought it might help to share the thinking behind the content and design of Mike's website.</p>
<p><span class="full-image-block ssNonEditable"><span><img src="http://www.cococello.com/storage/post-images/mike-davis-picture-editor-home.jpg?__SQUARESPACE_CACHEVERSION=1264311165485" alt="" /></span><span class="thumbnail-caption" style="width: 630px;">&copy;2010 Cococello LLC Mike Davis Home page Design</span></span></p>
<h3>Choosing Not to Use Photographs</h3>
<p>There were a couple of people who thought we should show large images from some of the more well-known photographers with whom Mike has collaborated. Choosing not to do so was a deliberate decision to place emphasis on his skill set, accomplishments and what Mike can do for photographers and businesses rather than on specific photographers and specific pictures.</p>
<p>By visiting his site one can see that he has built a relationship with many photographers. The photographers in the <a class="offsite-link-inline" href="http://www.michaelddavis.com/work" target="_blank">Work section</a> are just several he has helped in the last few months if that.</p>
<p>We initially had thought about presenting photographs but then asked a couple of important questions:</p>
<p><strong>If he decides to highlight several photographs on the home page in some kind of slideshow, which images would be highlighted?</strong> Mike isn't in the habit of promoting one photographer's work over another and he didn't want to give the perception of favoritism. Why? Because his core mission (as it has been through all the years he has worked in journalism) is to help all photographers who seek him out. Plus, one of his key skills is to help match the best photographer for the right job.</p>
<p><strong>What is the goal of the website?</strong> To let photographers of varying skill know they can come to Mike to help make better pictures and that he can help businesses communicate the power of their brand with photography.</p>
<p>So we decided that using carefully written words to communicate his accomplishments in addition to carefully selected testimonials that he has garnered over the years would be powerful in telling of his expertise and value. Photographs made by other people in the context of marketing Mike Davis didn't seem accurate.</p>
<h3>Why We Chose Squarespace</h3>
<p><strong>It is affordable</strong>. <a class="offsite-link-inline" href="http://www.squarespace.com" target="_blank">Squarespace</a> is an all-in-one CMS and hosting solution for just $20-$30 month (plus domain registration fees).</p>
<p><strong>Ease of Mind.</strong>&nbsp;He doesn't have to worry about plugins or security updates or anything related to managing a self-hosted solution. He can concentrate on working with his clients and updating other content on the site.</p>
<p><strong>Design Flexibility</strong>. Having knowledge of CSS, HTML/XHTML and jquery, I was able to customize a Squarespace default template to what you see now.</p>
<p><strong>Tight Turnaround</strong>. I was able to get his site live faster than I could if we went with a different solution. This is also directly tied to budget as we couldn't afford to spend the money or time to engage my developer.&nbsp;</p>
<p><strong>Familiarity</strong>. He was already familiar with Squarespace because of his involvement with&nbsp;<a class="offsite-link-inline" href="http://www.pdxcross.com" target="_blank">PDXCROSS</a>.</p>
<h3><span class="full-image-block ssNonEditable"><span><img src="http://www.cococello.com/storage/post-images/mike-davis-picture-editor-applause.jpg?__SQUARESPACE_CACHEVERSION=1264311106144" alt="" /></span><span class="thumbnail-caption" style="width: 630px;">&copy;2010 Cococello LLC. Mike Davis Applause page design.</span></span>Balancing Limitations, Staying on Message and Design Decisions</h3>
<p>Mike's website needed to communicate brand, information and also act as a marketing tool to attract more clients.&nbsp;</p>
<p>Designing for the web is a wonderful (and admittedly sometimes crazy) balance of solving problems and working with challenges. Budgets, functionality and features, turnaround time, tools, abilities, etc. are just some of the factors at play.</p>
<p>Squarespace's biggest limitation (in my mind) is the lack of support for more complex relationships of content. (Rumor has it they are working on this.) Designing a home page that has multiple sections that display deeper content from within the site and multiple calls to action is possible using Squarespace but the Content Editor needs to have at least an intermediate understanding of HTML to be able to update the content without breaking it. More importantly, the Content Editor (Mike in this case) needs to be willing to spend the time (Time : Money).</p>
<p>Understandably, he wasn't keen on spending tedious amounts of time carefully editing html code to get his content updated.</p>
<p>The other decision we made was to keep the site design simple, elegant, discoverable and consistent with Mike's personality, his brand. He is a thoughtful person. He is passionate about helping other people so we carefully edited and chose to communicate his abilities and accomplishments without (he hopes) hubris.</p>
<p>His goal is to draw enough curiosity for people who land on the home page to explore the deeper pages of his website. He also knew that most of his clients are savvy web users. And, because website visitors do not always find a website through the home page we decided there was enough "draw" on each of the pages for his target audience to stick around and explore.</p>
<p>Response continues to be positive and several photographers have commented on his blog to tell him, "Thank you." He has also booked several new clients. I'd call that successful.</p>
<p>Designing websites is always a fascinating exploration and conversation with clients because no two are alike. The results of Mike's website are based on decisions we made together with trust and respect. The ultimate driving force was: What are the goals and how does the selection of design and content meet those goals.</p>
<p>Feedback is always welcome and I hope with at least this background those that would like to provide more can appreciate the thinking made between client and designer.</p>]]></content></entry></feed>