<?xml version="1.0"?>
<News hasArchived="true" page="8586" pageCount="10808" pageSize="10" timestamp="Fri, 11 Sep 2026 20:01:32 -0400" url="https://my3.my.umbc.edu/posts.xml?mode=recent&amp;page=8586">
<NewsItem contentIssues="true" id="32948" important="false" status="posted" url="https://my3.my.umbc.edu/posts/32948">
<Title>Free download: CORP responsive WordPress theme</Title>
<Body>
<![CDATA[
    <div class="html-content">
    <p><img alt="thumbnail" src="http://netdna.webdesignerdepot.com/uploads/2013/07/thumbnail8.jpg" width="200" height="160" style="max-width: 100%; height: auto;">Everyone loves a good WordPress theme. Whether you use it straight out of the box, or as a starting point for your own design, themes are a great way of achieving results quickly and on a budget.</p> <p>And of course, it’s even easier to stick to a budget when the theme in question is free!</p> <p>We’re delighted to be able to bring you CORP, a clean and versatile theme that’s absolutely packed with features. It was designed by <a href="http://www.gt3themes.com" rel="nofollow external" class="bo">GT3 Themes</a>. </p> <p>The simple grid layout provides an ideal frame to hang your content on, it’s ideal for corporations that need an online presence in a hurry, or as a starting point for any business whose brand image projects organization.</p> <p>The theme was tested up to WordPress 3.5.1; it features the drag and drop GT3 Page Builder; it’s fully responsive and retina ready; it’s coded with SEO and best practices in mind; Google webfonts are supported; different header layouts are available; custom menus, backgrounds, modules, shortcodes and widgets are all included; there’s a premium slider plugin; complete documentation; and much, much more…</p> <p>It’s free for personal and commercial purposes. Download the theme below to check out the full feature set.</p> <p><img src="http://netdna.webdesignerdepot.com/uploads/2013/07/corp_001.jpg" width="650" alt="Free download: CORP responsive WordPress theme" style="max-width: 100%; height: auto;"></p> <p><img src="http://netdna.webdesignerdepot.com/uploads/2013/07/corp_003.jpg" width="650" alt="Free download: CORP responsive WordPress theme" style="max-width: 100%; height: auto;"></p> <p><img src="http://netdna.webdesignerdepot.com/uploads/2013/07/corp_006.jpg" width="650" alt="Free download: CORP responsive WordPress theme" style="max-width: 100%; height: auto;"></p> <p><img src="http://netdna.webdesignerdepot.com/uploads/2013/07/corp_008.jpg" width="650" alt="Free download: CORP responsive WordPress theme" style="max-width: 100%; height: auto;"></p> <p><img src="http://netdna.webdesignerdepot.com/uploads/2013/07/corp_009.jpg" width="650" alt="Free download: CORP responsive WordPress theme" style="max-width: 100%; height: auto;"></p> <p><img src="http://netdna.webdesignerdepot.com/uploads/2013/07/corp_010.jpg" width="650" alt="Free download: CORP responsive WordPress theme" style="max-width: 100%; height: auto;"></p> <p><img src="http://netdna.webdesignerdepot.com/uploads/2013/07/corp_011.jpg" width="650" alt="Free download: CORP responsive WordPress theme" style="max-width: 100%; height: auto;"></p> <div>
    <div> <a href="/widget/pay-tweet.php?refID=wdd_corp&amp;code=8ffaf9fc991277fe4a1c03e1376d99c1&amp;post_id=55616&amp;msg=Free+download%3A+CORP+responsive+WordPress+theme+http%3A%2F%2Fbit.ly%2F197utTg" rel="nofollow external" class="bo">Pay with a Tweet</a> </div> <div> <a rel="nofollow external" class="bo">Download now</a> </div> <div> <p>Please enter your email address below and click the download button. The download link will be sent to you by email, or if you have already subscribed, the download will begin immediately.</p>       <div>I agree to receive exclusive deals from <a href="http://www.MightyDeals.com" rel="nofollow external" class="bo"><span>MightyDeals.com</span></a> and monthly/weekly newsletters from <a href="http://www.WebdesignerDepot.com" rel="nofollow external" class="bo"><span>WebdesignerDepot.com</span></a>. Unsubscribe at any time. Your email will not be sold/rented.</div>   <div>         </div>  <div><img src="http://forms.aweber.com/form/displays.htm?id=jJwczBwMnIwMrA==" alt="" style="max-width: 100%; height: auto;"></div>  </div>   </div> <p><br><br> </p>
    <table width="100%"> <tbody>
    <tr> <td> <a href="http://www.mightydeals.com/deal/atikusdesign-poster-bundle.html?ref=inwidget" rel="nofollow external" class="bo"><strong>Motivational Poster Bundle for the Office – only $27!</strong></a> </td> <td> <a href="http://www.mightydeals.com/?ref=inwidget" rel="nofollow external" class="bo"><br> <img src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" alt="Free download: CORP responsive WordPress theme" style="max-width: 100%; height: auto;"><br> </a> </td> </tr> </tbody>
    </table> <p><br> </p> <a href="http://www.webdesignerdepot.com/2013/07/free-download-corp-responsive-wordpress-theme/" rel="nofollow external" class="bo">Source</a> <div><table border="0"><tbody><tr><td>
    <a href="http://share.feedsportal.com/share/twitter/?u=http%3A%2F%2Fwww.webdesignerdepot.com%2F2013%2F07%2Ffree-download-corp-responsive-wordpress-theme%2F&amp;t=Free+download%3A+CORP+responsive+WordPress+theme" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/twitter.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/facebook/?u=http%3A%2F%2Fwww.webdesignerdepot.com%2F2013%2F07%2Ffree-download-corp-responsive-wordpress-theme%2F&amp;t=Free+download%3A+CORP+responsive+WordPress+theme" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/facebook.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/linkedin/?u=http%3A%2F%2Fwww.webdesignerdepot.com%2F2013%2F07%2Ffree-download-corp-responsive-wordpress-theme%2F&amp;t=Free+download%3A+CORP+responsive+WordPress+theme" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/linkedin.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/gplus/?u=http%3A%2F%2Fwww.webdesignerdepot.com%2F2013%2F07%2Ffree-download-corp-responsive-wordpress-theme%2F&amp;t=Free+download%3A+CORP+responsive+WordPress+theme" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/googleplus.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/email/?u=http%3A%2F%2Fwww.webdesignerdepot.com%2F2013%2F07%2Ffree-download-corp-responsive-wordpress-theme%2F&amp;t=Free+download%3A+CORP+responsive+WordPress+theme" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/email.png" style="max-width: 100%; height: auto;"></a>
    </td></tr></tbody></table></div>
    <br><br><a href="http://da.feedsportal.com/r/165666275680/u/49/f/661066/c/35285/s/2ee53392/a2.htm" rel="nofollow external" class="bo"><img src="http://da.feedsportal.com/r/165666275680/u/49/f/661066/c/35285/s/2ee53392/a2.img" style="max-width: 100%; height: auto;"></a>
    </div>
]]>
</Body>
<Summary>Everyone loves a good WordPress theme. Whether you use it straight out of the box, or as a starting point for your own design, themes are a great way of achieving results quickly and on a budget....</Summary>
<Website>http://rss.feedsportal.com/c/35285/f/661066/s/2ee53392/l/0L0Swebdesignerdepot0N0C20A130C0A70Cfree0Edownload0Ecorp0Eresponsive0Ewordpress0Etheme0C/story01.htm</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/32948/guest@my.umbc.edu/fa32be3914d2809752db2bc197c95524/api/pixel</TrackingUrl>
<Tag>art</Tag>
<Tag>business-themes</Tag>
<Tag>corporate-themes</Tag>
<Tag>css</Tag>
<Tag>design</Tag>
<Tag>development</Tag>
<Tag>free-web-design-resources</Tag>
<Tag>free-wordpress-theme</Tag>
<Tag>freebies</Tag>
<Tag>html</Tag>
<Tag>html5</Tag>
<Tag>illustrator</Tag>
<Tag>javascript</Tag>
<Tag>mysql</Tag>
<Tag>oracle</Tag>
<Tag>photoshop</Tag>
<Tag>php</Tag>
<Tag>sql</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Fri, 19 Jul 2013 10:15:32 -0400</PostedAt>
<EditAt>Fri, 19 Jul 2013 10:15:32 -0400</EditAt>
</NewsItem>

<NewsItem contentIssues="true" id="32930" important="false" status="posted" url="https://my3.my.umbc.edu/posts/32930">
<Title>Senior Success Seminar - Fall 2013</Title>
<Tagline>Parents Encourage Your Senior to Register Today!</Tagline>
<Body>
<![CDATA[
    <div class="html-content"><p>This coming fall, the Career Services Center will be
    offering the Senior Success Seminar on Friday, September 20, 2013, 12:00p.m. -  5:00 p.m. 
    Participating students will have the opportunity to become fully
    informed about career opportunities as they prepare to graduate from UMBC. If your
    student will be embarking on their final year at UMBC this fall, please
    encourage them to connect with the Career Services Center, starting with this
    event. Representatives from NSA, Next Century, PayPal, Kennedy Krieger
    Institute, GE and numerous other organizations will be joining us to share
    their expertise. Additionally, students will learn how to maximize UMBCworks
    (the campus online job bank), use networking to advance their job search, how
    to deliver excellent resumes, cover letters, interviews and more.  Registration for this event is available at
    the following link</p></div>
]]>
</Body>
<Summary>This coming fall, the Career Services Center will be offering the Senior Success Seminar on Friday, September 20, 2013, 12:00p.m. -  5:00 p.m.  Participating students will have the opportunity to...</Summary>
<Website>http://careers.umbc.edu/news_events/workshops/seniorseminar.php</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/32930/guest@my.umbc.edu/acd21585bb2fdb0841ae32589185dde6/api/pixel</TrackingUrl>
<Group token="retired-420">UMBC Family Connection </Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-420</GroupUrl>
<AvatarUrl>https://assets1-my.umbc.edu/system/shared/avatars/groups/000/000/420/30293457191c29e0d0d7a715d26041bd/xsmall.png?1340914772</AvatarUrl>
<AvatarUrl size="original">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/420/30293457191c29e0d0d7a715d26041bd/original.png?1340914772</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets1-my.umbc.edu/system/shared/avatars/groups/000/000/420/30293457191c29e0d0d7a715d26041bd/xxlarge.png?1340914772</AvatarUrl>
<AvatarUrl size="xlarge">https://assets1-my.umbc.edu/system/shared/avatars/groups/000/000/420/30293457191c29e0d0d7a715d26041bd/xlarge.png?1340914772</AvatarUrl>
<AvatarUrl size="large">https://assets2-my.umbc.edu/system/shared/avatars/groups/000/000/420/30293457191c29e0d0d7a715d26041bd/large.png?1340914772</AvatarUrl>
<AvatarUrl size="medium">https://assets2-my.umbc.edu/system/shared/avatars/groups/000/000/420/30293457191c29e0d0d7a715d26041bd/medium.png?1340914772</AvatarUrl>
<AvatarUrl size="small">https://assets1-my.umbc.edu/system/shared/avatars/groups/000/000/420/30293457191c29e0d0d7a715d26041bd/small.png?1340914772</AvatarUrl>
<AvatarUrl size="xsmall">https://assets1-my.umbc.edu/system/shared/avatars/groups/000/000/420/30293457191c29e0d0d7a715d26041bd/xsmall.png?1340914772</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets2-my.umbc.edu/system/shared/avatars/groups/000/000/420/30293457191c29e0d0d7a715d26041bd/xxsmall.png?1340914772</AvatarUrl>
<Sponsor>UMBC Family Connection</Sponsor>
<ThumbnailUrl size="xxlarge">https://assets2-my.umbc.edu/system/shared/thumbnails/news/000/032/930/d80460d2c687f8aeb7548ed896022043/xxlarge.jpg?1374242667</ThumbnailUrl>
<ThumbnailUrl size="xlarge">https://assets2-my.umbc.edu/system/shared/thumbnails/news/000/032/930/d80460d2c687f8aeb7548ed896022043/xlarge.jpg?1374242667</ThumbnailUrl>
<ThumbnailUrl size="large">https://assets4-my.umbc.edu/system/shared/thumbnails/news/000/032/930/d80460d2c687f8aeb7548ed896022043/large.jpg?1374242667</ThumbnailUrl>
<ThumbnailUrl size="medium">https://assets3-my.umbc.edu/system/shared/thumbnails/news/000/032/930/d80460d2c687f8aeb7548ed896022043/medium.jpg?1374242667</ThumbnailUrl>
<ThumbnailUrl size="small">https://assets3-my.umbc.edu/system/shared/thumbnails/news/000/032/930/d80460d2c687f8aeb7548ed896022043/small.jpg?1374242667</ThumbnailUrl>
<ThumbnailUrl size="xsmall">https://assets4-my.umbc.edu/system/shared/thumbnails/news/000/032/930/d80460d2c687f8aeb7548ed896022043/xsmall.jpg?1374242667</ThumbnailUrl>
<ThumbnailUrl size="xxsmall">https://assets2-my.umbc.edu/system/shared/thumbnails/news/000/032/930/d80460d2c687f8aeb7548ed896022043/xxsmall.jpg?1374242667</ThumbnailUrl>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Fri, 19 Jul 2013 10:05:01 -0400</PostedAt>
</NewsItem>

<NewsItem contentIssues="true" id="32938" important="false" status="posted" url="https://my3.my.umbc.edu/posts/32938">
<Title>50 Homepage Website Layouts using Featured Details &amp; Icon Lists</Title>
<Body>
<![CDATA[
    <div class="html-content">
    <p>The trend of icon detail lists has be rising very quickly but silently. I have not seen many other designers writing about this topic, and my hope is to shed light onto the trend with some beautiful examples. Generally startups and smaller Internet-based websites utilize these icon details for pitching their product to customers.</p>
    <p>Homepage layouts are also the typical place to find these details because it will capture visitors landing right on the website. Some icons are very large, others are tiny and stacked in rows of 6 or 8 features. Other icons are colorful or flat or shiny and many other various styles. The point is to give recognition for these icon-centric interface features which really to present a beautiful product to interested consumers.</p>
    <p>I have scoured through many startups and digital companies putting together 50 examples of these icon list details. This gallery should provide a peek into emerging trends within the field of web design. I would also love to hear feedback from designers about their thoughts on this trend. Do icon features help to spruce up a homepage? And how can you see this design trend advancing over the next few years?</p>
    <h3><a href="http://blend.io/" rel="nofollow external" class="bo">Blend.io</a></h3>
    <p><a href="http://blend.io/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/01-blend-io-homepage-details.png" alt="blue blend io icons features" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://www.pathmapp.com/" rel="nofollow external" class="bo">Pathmpp</a></h3>
    <p><a href="https://www.pathmapp.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/02-pathmapp-homepage-startup-steps.png" alt="a/b split testing webapp pathmapp" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://storify.com/" rel="nofollow external" class="bo">Storify</a></h3>
    <p><a href="http://storify.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/03-storify-dark-blue-icons-homepage.png" alt="storify icons homepage startup" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://grouptalent.com/" rel="nofollow external" class="bo">GroupTalent</a></h3>
    <p><a href="https://grouptalent.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/04-group-talent-sketch-icons-details.png" alt="group talent sketch icons homepage" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://rang.com/" rel="nofollow external" class="bo">Boomerang</a></h3>
    <p><a href="https://rang.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/05-boomerang-circle-flat-steps-icons.png" alt="flat step icons design homepage layout" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://newscred.com/" rel="nofollow external" class="bo">NewsCred</a></h3>
    <p><a href="http://newscred.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/06-newscred-dark-icons-details.png" alt="news cred startup homepage icons" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://www.getcluster.com/" rel="nofollow external" class="bo">Cluster</a></h3>
    <p><a href="https://www.getcluster.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/07-cluster-collaborate-homepage-icons.png" alt="collaborative team website homepage icons" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://ripple.com/" rel="nofollow external" class="bo">Ripple</a></h3>
    <p><a href="https://ripple.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/08-ripple-homepage-startup-icons.png" alt="homepage icons detail list features" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://pintrips.com/" rel="nofollow external" class="bo">Pintrips</a></h3>
    <p><a href="http://pintrips.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/09-pintrips-icons-details-homepage.png" alt="travel trips startup homepage icons detail" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://www.smartasset.com/" rel="nofollow external" class="bo">SmartAsset</a></h3>
    <p><a href="https://www.smartasset.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/10-smartasset-icons-feature-blue.png" alt="smartasset homepage finance web design icons" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.jetlore.com/" rel="nofollow external" class="bo">Jetlore</a></h3>
    <p><a href="http://www.jetlore.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/11-jetlore-featured-homepage-icons.png" alt="featured homepage website design layout" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://sticky.ad/" rel="nofollow external" class="bo">Sticky</a></h3>
    <p><a href="http://sticky.ad/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/12-sticky-ad-advertising-icons.png" alt="sticky advertising website design homepage icons features" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://www.ribbon.co/" rel="nofollow external" class="bo">Ribbon</a></h3>
    <p><a href="https://www.ribbon.co/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/13-ribbon-sales-products-currency.png" alt="ribbon startup sales icons features homepage" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://transferwise.com/" rel="nofollow external" class="bo">Transferwise</a></h3>
    <p><a href="http://transferwise.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/14-transferwise-website-icon-details.png" alt="transfer wise website homepage startup icons" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.evertrue.com/" rel="nofollow external" class="bo">EverTrue</a></h3>
    <p><a href="http://www.evertrue.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/15-evertrue-startup-icons-details.png" alt="dark evertrue homepage startup icon features" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.triggermail.io/" rel="nofollow external" class="bo">TriggerMail</a></h3>
    <p><a href="http://www.triggermail.io/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/16-trigger-mail-webapp-homepage.png" alt="personalized ecommerce solution triggermail products" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.plenishable.com/" rel="nofollow external" class="bo">Plenishable</a></h3>
    <p><a href="http://www.plenishable.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/17-plenishable-green-icons-details.png" alt="green icons plenishable homepage features" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.learndot.com/" rel="nofollow external" class="bo">Learndot</a></h3>
    <p><a href="http://www.learndot.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/18-learndot-training-homepage-icons.png" alt="website inspiration design icon feature details list" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://baseincontrol.com/" rel="nofollow external" class="bo">Base In Control</a></h3>
    <p><a href="https://baseincontrol.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/19-base-in-control-planning.png" alt="baseincontrol startup icons feature details" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://moodsnap.fm/" rel="nofollow external" class="bo">Moodsnap</a></h3>
    <p><a href="http://moodsnap.fm/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/20-moodsnap-mobile-website-icons.png" alt="mobile app moodsnap website layout design icons features" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.thestorefront.com/" rel="nofollow external" class="bo">Storefront</a></h3>
    <p><a href="http://www.thestorefront.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/21-storefront-sales-icons-details.png" alt="homepage icons feature details ecommerce stores" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://www.gradeable.com/" rel="nofollow external" class="bo">Gradeable</a></h3>
    <p><a href="https://www.gradeable.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/22-gradeable-icons-homepage-layout.png" alt="light website icons details list web design trend" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.bringmethat.com/" rel="nofollow external" class="bo">BringMeThat</a></h3>
    <p><a href="http://www.bringmethat.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/23-bring-me-that-startup-ordering-icons.png" alt="startup homepage website bringmethat icons features" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://zenpayroll.com/" rel="nofollow external" class="bo">ZenPayroll</a></h3>
    <p><a href="https://zenpayroll.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/24-zen-payroll-website-icons.png" alt="zen payroll website icons inspiration features" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://minbox.com/" rel="nofollow external" class="bo">Minibox</a></h3>
    <p><a href="http://minbox.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/25-minibox-dark-homepage-icons.png" alt="minibox icons design website inspiration" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.getlocket.com/" rel="nofollow external" class="bo">Locket</a></h3>
    <p><a href="http://www.getlocket.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/26-locket-android-app-icons-homepage.png" alt="locket app icons flat web design inspiration" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.placemeter.com/" rel="nofollow external" class="bo">Placemeter</a></h3>
    <p><a href="http://www.placemeter.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/27-placemeter-green-icons-homepage.png" alt="green eco friendly company placemeter website icons" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.acquisition-labs.com/" rel="nofollow external" class="bo">Acquisition Labs</a></h3>
    <p><a href="http://www.acquisition-labs.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/28-acquisition-labs-icons-details.png" alt="acquisition labs website icons featured details" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.doctrackr.com/" rel="nofollow external" class="bo">docTracker</a></h3>
    <p><a href="http://www.doctrackr.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/29-doctrackr-icons-light-flat.png" alt="blue flat icons homepage feature details" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://www.plowme.com/" rel="nofollow external" class="bo">Plow Me</a></h3>
    <p><a href="https://www.plowme.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/30-plow-me-snow-website-icons.png" alt="snow plowing services startup homepage icons" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.boatbound.co/" rel="nofollow external" class="bo">Boatbound</a></h3>
    <p><a href="http://www.boatbound.co/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/31-boatbound-rentals-startup-features.png" alt="boatbound rentals startup homepage feature icon list" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://www.startupcompass.co/" rel="nofollow external" class="bo">Startup Compass</a></h3>
    <p><a href="https://www.startupcompass.co/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/32-startup-compass-features-icons.png" alt="website icon feature homepage startup compass" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.mindsnacks.com/" rel="nofollow external" class="bo">MindSnacks</a></h3>
    <p><a href="http://www.mindsnacks.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/33-mindsnacks-icons-feature-list.png" alt="dark colorful homepage icons flat details" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://www.userfox.com/" rel="nofollow external" class="bo">Userfox</a></h3>
    <p><a href="https://www.userfox.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/34-userfox-website-icons-features.png" alt="user management website webapp homepage icons" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.kinnek.com/" rel="nofollow external" class="bo">Kinnek</a></h3>
    <p><a href="http://www.kinnek.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/35-kinnek-website-icons-feature-list.png" alt="black white icons homepage feature details" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.15five.com/" rel="nofollow external" class="bo">15five</a></h3>
    <p><a href="http://www.15five.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/36-15five-benefits-features-icons.png" alt="15five website employee engagement icons homepage details" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://www.adstage.io/" rel="nofollow external" class="bo">AdStage</a></h3>
    <p><a href="https://www.adstage.io/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/37-adstage-website-icons-features.png" alt="adstage features details icon list homepage web design" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.life360.com/" rel="nofollow external" class="bo">Life360</a></h3>
    <p><a href="http://www.life360.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/38-life360-app-feature-icons-listing.png" alt="life360 homepage icons list details webdesign" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://spinnakr.com/" rel="nofollow external" class="bo">Spinnakr</a></h3>
    <p><a href="http://spinnakr.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/39-spinnakr-website-optimization-icons.png" alt="spinnakr website optimization tools homepage icons feature" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://avado.com/" rel="nofollow external" class="bo">Avado</a></h3>
    <p><a href="http://avado.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/40-avado-icons-feature-listing.png" alt="feature details icons avady website layout design" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.streem.io/" rel="nofollow external" class="bo">Streem</a></h3>
    <p><a href="http://www.streem.io/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/41-streem-io-icons-videos.png" alt="streem homepage startup icons video feature lists" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://womply.com/" rel="nofollow external" class="bo">Womply</a></h3>
    <p><a href="https://womply.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/42-womply-icons-feature-list.png" alt="flat colorful icons womply startup homepage" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.rolepoint.com/" rel="nofollow external" class="bo">RolePoint</a></h3>
    <p><a href="http://www.rolepoint.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/43-rolepoint-social-media-icon-details.png" alt="startup homepage rolepoint website layout inspiration icons features" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://upverter.com/" rel="nofollow external" class="bo">Upverter</a></h3>
    <p><a href="https://upverter.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/44-upverter-hardware-icons-homepage.png" alt="upverter website layout icons homepage design" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://rapportive.com/" rel="nofollow external" class="bo">Rapportive</a></h3>
    <p><a href="http://rapportive.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/45-rapportive-gmail-addon-icons.png" alt="gmail addon rapportive features listing icons details" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://www.skyscraper.io/" rel="nofollow external" class="bo">Skyscraper</a></h3>
    <p><a href="https://www.skyscraper.io/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/46-skyscraper-website-icons-details.png" alt="skyscraper ad management website homepage details icons" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.spotflux.com/" rel="nofollow external" class="bo">Spotflux</a></h3>
    <p><a href="http://www.spotflux.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/47-spotflux-list-feature-details-icons.png" alt="feature icons spotflux website layout inspiring design" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://www.statwing.com/" rel="nofollow external" class="bo">Statwing</a></h3>
    <p><a href="https://www.statwing.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/48-statwing-startup-icons-features.png" alt="statwing startup feature icons details steps homepage" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="http://www.thumbtack.com/" rel="nofollow external" class="bo">Thumbtack</a></h3>
    <p><a href="http://www.thumbtack.com/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/49-thumbtack-icons-quotes-homepage.png" alt="thumbtack startup homepage website inspiration icon details" style="max-width: 100%; height: auto;"></a></p>
    <h3><a href="https://www.pygg.co/" rel="nofollow external" class="bo">Pygg</a></h3>
    <p><a href="https://www.pygg.co/" rel="nofollow external" class="bo"><img src="http://blog.teamtreehouse.com/wp-content/uploads/2013/07/50-pygg-featured-details-tabs-icons.png" alt="pygg blue outline tab icons details listing homepage" style="max-width: 100%; height: auto;"></a></p>
    <p>The post <a href="http://blog.teamtreehouse.com/50-homepage-website-layouts-using-featured-details-icon-lists" rel="nofollow external" class="bo">50 Homepage Website Layouts using Featured Details &amp; Icon Lists</a> appeared first on <a href="http://blog.teamtreehouse.com" rel="nofollow external" class="bo">Treehouse Blog</a>.</p>
    </div>
]]>
</Body>
<Summary>The trend of icon detail lists has be rising very quickly but silently. I have not seen many other designers writing about this topic, and my hope is to shed light onto the trend with some...</Summary>
<Website>http://feedproxy.google.com/~r/teamtreehouse/~3/_--xYRXqDjI/50-homepage-website-layouts-using-featured-details-icon-lists</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/32938/guest@my.umbc.edu/b1d74370df663de4ee2e0fe2563d2ac4/api/pixel</TrackingUrl>
<Tag>android</Tag>
<Tag>css</Tag>
<Tag>design</Tag>
<Tag>development</Tag>
<Tag>gallery</Tag>
<Tag>html</Tag>
<Tag>inspiration</Tag>
<Tag>ios</Tag>
<Tag>javascript</Tag>
<Tag>make-a-website</Tag>
<Tag>responsive</Tag>
<Tag>trends</Tag>
<Tag>web</Tag>
<Tag>webdesign</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Fri, 19 Jul 2013 09:51:32 -0400</PostedAt>
</NewsItem>

<NewsItem contentIssues="true" id="32953" important="false" status="posted" url="https://my3.my.umbc.edu/posts/32953">
<Title>Upgrading gracefully: 5 ways to enhance your site's desktop appeal</Title>
<Body>
<![CDATA[
    <div class="html-content">Greg Kepler has five ways to spruce up your site<div><table border="0"><tbody><tr><td>
    <a href="http://share.feedsportal.com/share/twitter/?u=http%3A%2F%2Fwww.netmagazine.com%2Ffeatures%2Fupgrading-gracefully-5-ways-enhance-your-sites-desktop-appeal&amp;t=Upgrading+gracefully%3A+5+ways+to+enhance+your+site%27s+desktop+appeal" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/twitter.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/facebook/?u=http%3A%2F%2Fwww.netmagazine.com%2Ffeatures%2Fupgrading-gracefully-5-ways-enhance-your-sites-desktop-appeal&amp;t=Upgrading+gracefully%3A+5+ways+to+enhance+your+site%27s+desktop+appeal" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/facebook.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/linkedin/?u=http%3A%2F%2Fwww.netmagazine.com%2Ffeatures%2Fupgrading-gracefully-5-ways-enhance-your-sites-desktop-appeal&amp;t=Upgrading+gracefully%3A+5+ways+to+enhance+your+site%27s+desktop+appeal" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/linkedin.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/gplus/?u=http%3A%2F%2Fwww.netmagazine.com%2Ffeatures%2Fupgrading-gracefully-5-ways-enhance-your-sites-desktop-appeal&amp;t=Upgrading+gracefully%3A+5+ways+to+enhance+your+site%27s+desktop+appeal" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/googleplus.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/email/?u=http%3A%2F%2Fwww.netmagazine.com%2Ffeatures%2Fupgrading-gracefully-5-ways-enhance-your-sites-desktop-appeal&amp;t=Upgrading+gracefully%3A+5+ways+to+enhance+your+site%27s+desktop+appeal" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/email.png" style="max-width: 100%; height: auto;"></a>
    </td></tr></tbody></table></div>
    <br><br><a href="http://da.feedsportal.com/r/165666789099/u/49/f/502346/c/32632/s/2ee4c08c/a2.htm" rel="nofollow external" class="bo"><img src="http://da.feedsportal.com/r/165666789099/u/49/f/502346/c/32632/s/2ee4c08c/a2.img" style="max-width: 100%; height: auto;"></a>
    </div>
]]>
</Body>
<Summary>Greg Kepler has five ways to spruce up your site     </Summary>
<Website>http://feedproxy.google.com/~r/net/topstories/~3/lgj0vVj3Uvk/story01.htm</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/32953/guest@my.umbc.edu/84a8cc097729f5e9067174c088736c6f/api/pixel</TrackingUrl>
<Tag>css</Tag>
<Tag>development</Tag>
<Tag>html</Tag>
<Tag>javascript</Tag>
<Tag>mysql</Tag>
<Tag>net</Tag>
<Tag>php</Tag>
<Tag>sql</Tag>
<Tag>web</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Fri, 19 Jul 2013 09:38:43 -0400</PostedAt>
</NewsItem>

<NewsItem contentIssues="true" id="32945" important="false" status="posted" url="https://my3.my.umbc.edu/posts/32945">
<Title>DealBook: NetApp Adds Directors Amid Push for Changes</Title>
<Body>
<![CDATA[
    <div class="html-content">The addition of two directors to the board of NetApp at the urging of the activist hedge fund Elliott Management hints at a possible push for a sale.<div><table border="0"><tbody><tr><td>
    <a href="http://share.feedsportal.com/share/twitter/?u=http%3A%2F%2Fdealbook.nytimes.com%2F2013%2F07%2F19%2Fnetapp-adds-directors-amid-push-for-changes%2F%3Fpartner%3Drss%26emc%3Drss&amp;t=DealBook%3A+NetApp+Adds+Directors+Amid+Push+for+Changes" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/twitter.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/facebook/?u=http%3A%2F%2Fdealbook.nytimes.com%2F2013%2F07%2F19%2Fnetapp-adds-directors-amid-push-for-changes%2F%3Fpartner%3Drss%26emc%3Drss&amp;t=DealBook%3A+NetApp+Adds+Directors+Amid+Push+for+Changes" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/facebook.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/linkedin/?u=http%3A%2F%2Fdealbook.nytimes.com%2F2013%2F07%2F19%2Fnetapp-adds-directors-amid-push-for-changes%2F%3Fpartner%3Drss%26emc%3Drss&amp;t=DealBook%3A+NetApp+Adds+Directors+Amid+Push+for+Changes" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/linkedin.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/gplus/?u=http%3A%2F%2Fdealbook.nytimes.com%2F2013%2F07%2F19%2Fnetapp-adds-directors-amid-push-for-changes%2F%3Fpartner%3Drss%26emc%3Drss&amp;t=DealBook%3A+NetApp+Adds+Directors+Amid+Push+for+Changes" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/googleplus.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/email/?u=http%3A%2F%2Fdealbook.nytimes.com%2F2013%2F07%2F19%2Fnetapp-adds-directors-amid-push-for-changes%2F%3Fpartner%3Drss%26emc%3Drss&amp;t=DealBook%3A+NetApp+Adds+Directors+Amid+Push+for+Changes" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/email.png" style="max-width: 100%; height: auto;"></a>
    </td></tr></tbody></table></div>
    </div>
]]>
</Body>
<Summary>The addition of two directors to the board of NetApp at the urging of the activist hedge fund Elliott Management hints at a possible push for a sale.     </Summary>
<Website>http://dealbook.nytimes.com/2013/07/19/netapp-adds-directors-amid-push-for-changes/?partner=rss&amp;emc=rss</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/32945/guest@my.umbc.edu/e57fc910b8ac9faf224a1f23e269370d/api/pixel</TrackingUrl>
<Tag>hedge-funds</Tag>
<Tag>new</Tag>
<Tag>technology</Tag>
<Tag>york</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Fri, 19 Jul 2013 09:21:39 -0400</PostedAt>
</NewsItem>

<NewsItem contentIssues="true" id="32927" important="false" status="posted" url="https://my3.my.umbc.edu/posts/32927">
<Title>&#8220;This Is How We Built It&#8221; Case Studies</Title>
<Body>
<![CDATA[
    <div class="html-content">
    <table width="650">
    <tbody>
    <tr>
    <td>
    <div>
    <img src="http://statisches.auslieferung.commindo-media-ressourcen.de/advertisement.gif" alt="" style="max-width: 100%; height: auto;"><br><a href="http://auslieferung.commindo-media-ressourcen.de/random.php?mode=target&amp;collection=smashing-rss&amp;position=1" rel="nofollow external" class="bo"><img src="http://auslieferung.commindo-media-ressourcen.de/random.php?mode=image&amp;collection=smashing-rss&amp;position=1" alt="" style="max-width: 100%; height: auto;"></a> <a href="http://auslieferung.commindo-media-ressourcen.de/random.php?mode=target&amp;collection=smashing-rss&amp;position=2" rel="nofollow external" class="bo"><img src="http://auslieferung.commindo-media-ressourcen.de/random.php?mode=image&amp;collection=smashing-rss&amp;position=2" alt="" style="max-width: 100%; height: auto;"></a> <a href="http://auslieferung.commindo-media-ressourcen.de/random.php?mode=target&amp;collection=smashing-rss&amp;position=3" rel="nofollow external" class="bo"><img src="http://auslieferung.commindo-media-ressourcen.de/random.php?mode=image&amp;collection=smashing-rss&amp;position=3" alt="" style="max-width: 100%; height: auto;"></a>
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    <p>Unlike many other industries, the Web design community is all about sharing knowledge and experience. Each of us is very lucky to be part of such a great and useful learning environment, and it is up to us to embrace it — to embrace our learning experiences, and also to embrace our ability to share.</p>
    <p>Not only are <strong>case studies</strong> a great way to explain the design process of an agency, but they also help designers and developers to learn from each other. Seeing how designers work, create, build and play is great, and furthermore, you can learn <a href="http://www.newfangled.com/rethinking_the_case_study" rel="nofollow external" class="bo">how to write a great case study yourself</a> and how to <a href="http://www.smashingmagazine.com/2012/11/06/retiring-portfolio-screenshot/" rel="nofollow external" class="bo">use one to spice up your portfolio</a>.</p>
    <p>In today’s overview of useful case studies, we’ve featured studies that have recounted decisions made about particular design elements, as well as studies of full overhauls and their accompanying technical challenges. Most of them provide interesting <strong>insights into failures and successes</strong>, stories, workflows and design decisions made and rejected.</p>
    <p>We must admit that this post is quite a long one, so we’ve decided to divide it into two parts to make it easier for you to navigate. Now you should be well prepared for a couple of late reading sessions over the next weekends!</p>
    <p><strong>Here is a quick list of the categories covered:</strong></p>
    <ol>
    <li><a href="#a1" rel="nofollow external" class="bo">Illustration, Graphics and Logo Design</a></li>
    <li><a href="#a2" rel="nofollow external" class="bo">Typography</a></li>
    <li><a href="#a3" rel="nofollow external" class="bo">Usability</a></li>
    <li><a href="#a4" rel="nofollow external" class="bo">Advertising, Promotion and E-Commerce</a></li>
    <li><a href="#a5" rel="nofollow external" class="bo">Redesigning Elements and Features</a></li>
    <li><a href="#a6" rel="nofollow external" class="bo">Complete (Re)branding and (Re)design</a></li>
    <li><a href="http://www.smashingmagazine.com/2013/07/19/this-is-how-we-built-it-case-studies-part-2/#a7" rel="nofollow external" class="bo">Content and Storytelling</a></li>
    <li><a href="http://www.smashingmagazine.com/2013/07/19/this-is-how-we-built-it-case-studies-part-2/#a8" rel="nofollow external" class="bo">Technical Challenges and Solutions</a></li>
    <li><a href="http://www.smashingmagazine.com/2013/07/19/this-is-how-we-built-it-case-studies-part-2/#a9" rel="nofollow external" class="bo">Workflow and Optimization</a></li>
    <li><a href="http://www.smashingmagazine.com/2013/07/19/this-is-how-we-built-it-case-studies-part-2/#a10" rel="nofollow external" class="bo">Last Click</a></li>
    </ol>
    <h3>Illustration, Graphics And Logo Design</h3>
    <p>“<a href="http://veerle.duoh.com/design/article/illustrator_full_spectrum_spirograph" rel="nofollow external" class="bo">Illustrator Full Spectrum Spirograph</a>,” Veerle Pieters<br>
    Pieters talks about her experimentation process with spirographs, inspired by the work of Andy Gilmore.</p>
    <p><a href="http://veerle.duoh.com/design/article/illustrator_full_spectrum_spirograph" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/spirographic.jpg" width="500" height="300" alt="Illustrator full spectrum spirograph" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://veerle.duoh.com/design/article/the_design_process_of_my_infographic_about_women_cycling_for_grinta" rel="nofollow external" class="bo">The Design Process of my Infographic About Women Cycling for Grinta!</a>,” Veerle Pieters<br>
    Pieters shares her experience of the design process behind the infographic on women’s cycling that she produced for Grinta magazine.</p>
    <p><a href="http://veerle.duoh.com/design/article/the_design_process_of_my_infographic_about_women_cycling_for_grinta" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/grinta.jpg" width="500" height="300" alt="Grinta!: Design process of my infographic" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.adhamdannaway.com/blog/branding/a-systematic-approach-to-logo-design" rel="nofollow external" class="bo">A Systematic Approach to Logo Design</a>,” Adham Dannaway<br>
    Icon design can be time-consuming. Dannaway shows how to systematically approach a new logo design.</p>
    <p><a href="http://www.adhamdannaway.com/blog/branding/a-systematic-approach-to-logo-design" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/07/approach-to-logo-design.png" width="500" height="300" alt="Petra Capital: A systematic approach to logo design" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://blog.seanmartell.com/2013/06/27/rebuilding-a-simplified-firefox-logo/" rel="nofollow external" class="bo">(Re)building a Simplified Firefox Logo</a>,” Sean Martell<br>
    Learn how Firefox’s logo was simplified to better fit its extended usage beyond a desktop Web browser.</p>
    <p><a href="http://blog.seanmartell.com/2013/06/27/rebuilding-a-simplified-firefox-logo/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/firefox-logo.jpg" width="500" height="300" alt="Firefox: (Re)building a simplified logo" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://hicksdesign.co.uk/journal/five-details" rel="nofollow external" class="bo">Five Details</a>,” Jon Hicks<br>
    Jon Hicks shares the design process behind the Five Details Logo, including the design and choice of typography.</p>
    <p><a href="http://hicksdesign.co.uk/journal/five-details" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/five-details.jpg" width="500" height="300" alt="Five Details: Logo design study" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://softfacade.com/work/iconfinder/" rel="nofollow external" class="bo">Iconfinder Logo</a>,” SoftFacade<br>
    SoftFacade completely reimagined Iconfinder’s existing identity and came up with a shiny and modern robot character. View the detailed design process.</p>
    <p><a href="http://softfacade.com/work/iconfinder/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/softfacade-mascot.jpg" width="500" height="300" alt="Iconfinder: Logo Case Study" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://printbench.com/the-great-gatsby/" rel="nofollow external" class="bo">The Great Gatsby</a>”<br>
    Like Minded Studio collaborated on the branding of “The Great Gatsby“. The aim was to develop a bespoke Deco styled logo reflective of the roaring 20s and Fitzgerald’s masterpiece. They also created a display typeface to acompany the main branding. Additionally read more about it <a href="http://www.behance.net/gallery/THE-GREAT-GATSBY/8550121" rel="nofollow external" class="bo">following this link.</a></p>
    <p><a href="http://printbench.com/the-great-gatsby/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/07/gatsby.jpg" alt="gatsby" width="500" height="300" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.experimentaljetset.nl/archive/whitney-museum-identity" rel="nofollow external" class="bo">Whitney Graphic Identity</a>,” Experimental Jetset<br>
    In this case study of the Whitney Museum of Art’s logo, Experimental Jetset discusses the impact that a responsive logo can have on branding.</p>
    <p><a href="http://www.experimentaljetset.nl/archive/whitney-museum-identity" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/whitney.jpg" width="500" height="300" alt="Whitney Graphic Identity" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://veerle.duoh.com/design/article/my_tour_de_france_posters" rel="nofollow external" class="bo">My ‘Tour de France’ posters</a>,” Veerle Pieters<br>
    Pieters created posters for the 100th edition of the Tour of France. She mainly used the French landscape which she had used for the ‘Tour de France Infographic’ as a starting point.</p>
    <p><a href="http://veerle.duoh.com/design/article/my_tour_de_france_posters" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/07/tour-de-france-posters_mini.png" alt="Tour de France posters" width="500" height="300" style="max-width: 100%; height: auto;"></a></p>
    <h3>Typography</h3>
    <p><a href="http://blog.typekit.com/category/type-study/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/pairing-type.jpg" width="500" height="300" alt="Type study: Sizing the legible letter" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://ilovetypography.com/2012/04/11/designing-type-systems/" rel="nofollow external" class="bo">Designing Type Systems</a>,” Peter Bil’ak<br>
    To create truly useful designs, typographers need to examine not only how characters relate to each other within a style, but also how different styles relate to each other within a family. Peter Bil’ak discusses how to achieve this.</p>
    <p><a href="http://ilovetypography.com/2012/04/11/designing-type-systems/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/designing-type.jpg" width="500" height="300" alt="Designing type systems" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://ilovetypography.com/2012/05/15/making-fonts-novel-typeface/" rel="nofollow external" class="bo">Novel Constructions: The Making of a Typeface</a>,” Christopher Dunst<br>
    Dunst shares the process behind the creation of the “Novel” typeface.</p>
    <p><a href="http://ilovetypography.com/2012/05/15/making-fonts-novel-typeface/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/novel.jpg" width="500" height="300" alt="Novel Constructions | I love typography, the typography and fonts blog" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://ilovetypography.com/2012/04/19/the-design-of-a-signage-typeface/" rel="nofollow external" class="bo">The Development of the Signage Typeface Wayfinding Sans Pro</a>,” Ralf Herrmann<br>
    Herrmann describes the development of the Wayfinding Sans Pro, a signage typeface that can be read from a long distance.</p>
    <p><a href="http://ilovetypography.com/2012/04/19/the-design-of-a-signage-typeface/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/signage-font.jpg" width="500" height="300" alt="The design of a signage typeface | I love typography, the typography and fonts blog" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://ilovetypography.com/2011/10/05/the-making-of-ff-tundra/" rel="nofollow external" class="bo">The Making of FF Tundra</a>,” Ludwig Übele<br>
    Übele shares the process behing making the FF Tundra typeface, which was highly inspired by nature.</p>
    <p><a href="http://ilovetypography.com/2011/10/05/the-making-of-ff-tundra/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/tundra-font.jpg" width="500" height="300" alt="The making of FF Tundra" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://ilovetypography.com/2013/04/25/magasin-font-making-of/" rel="nofollow external" class="bo">The Making of Magasin</a>,” Laura Meseguer<br>
    Meseguer writes how she created Magasin, a typefaces inspired by fluid handwriting.</p>
    <p><a href="http://ilovetypography.com/2013/04/25/magasin-font-making-of/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/07/magasin.jpg" alt="Magasin: The making of" width="500" height="300" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://blog.typekit.com/category/type-study/" rel="nofollow external" class="bo">Type Study</a>” series, Adobe Typekit<br>
    Typekit features a whole series of case studies of typography:</p>
    <ul>
    <li>“<a href="http://blog.typekit.com/2013/05/01/hi-dpi-typography/" rel="nofollow external" class="bo">Hi-DPI Web Typography</a>,” David Demaree</li>
    <li>“<a href="http://blog.typekit.com/2011/03/17/type-study-typographic-hierarchy/" rel="nofollow external" class="bo">Typographic Hierarchy</a>,” Frank Chimero</li>
    <li>“<a href="http://blog.typekit.com/2012/05/23/type-study-pairing-typefaces/" rel="nofollow external" class="bo">Pairing Typefaces</a>,” Aura Seltzer</li>
    <li>“<a href="http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/" rel="nofollow external" class="bo">Sizing the Legible Letter</a>,” Ethan Marcotte</li>
    <li>“<a href="http://blog.typekit.com/2011/05/17/type-study-stereo-typography/" rel="nofollow external" class="bo">Stereo-Typography</a>,” Dan Mall</li>
    <li>“<a href="http://blog.typekit.com/2011/03/24/type-study-choosing-fallback-fonts/" rel="nofollow external" class="bo">Choosing Fallback Fonts</a>,” Josh Brewer</li>
    <li>“<a href="http://blog.typekit.com/2012/04/24/type-study-techniques-for-using-novelty-fonts/" rel="nofollow external" class="bo">Techniques for Using Novelty Fonts</a>,” Meagan Fisher</li>
    </ul>
    <h3>Usability</h3>
    <p>“<a href="http://blog.mailchimp.com/social-login-buttons-arent-worth-it/" rel="nofollow external" class="bo">Social Login Buttons Aren’t Worth It</a>,” MailChimp<br>
    Social login buttons are used by many apps today. MailChimp shares its own experience and considerations in using social login buttons.</p>
    <p><a href="http://blog.mailchimp.com/social-login-buttons-arent-worth-it/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/social-login.jpg" width="500" height="300" alt="MailChimp: Social Login Buttons Aren’t Worth It" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://stiern.com/articles/usability/usability-in-icons/" rel="nofollow external" class="bo">Usability in Icons</a>,” Peter Steen Høgenhaug<br>
    Icons are used to illustrate a particular function, anything from information to actions. This article explains what needs to be considered when designing them.</p>
    <p><a href="http://stiern.com/articles/usability/usability-in-icons/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/icon-usability.jpg" width="500" height="300" alt="Usability in Icons | Stiern" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://thetechblock.com/an-ios-icon-design-exploration/" rel="nofollow external" class="bo">iOS Icon Design: A Designer’s Exploration</a>,” <br>
    iOS icon design is not only difficult, but requires a lot of experimentation. David Killoy shares his experience of designing the icon for his note-taking app Notorious.</p>
    <p><a href="http://thetechblock.com/an-ios-icon-design-exploration/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/notorious.jpg" width="500" height="300" alt="Notorious: iOS icon design - A designers exploration" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="https://github.com/blog/1135-the-making-of-octicons" rel="nofollow external" class="bo">The Making of Octicons</a>,” GitHub<br>
    Octicons is a icon font made by GitHub. Five designers collaborated on the project, and they share how they built Octicons and what they learned along the way.</p>
    <p><a href="https://github.com/blog/1135-the-making-of-octicons" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/octicons.jpg" width="500" height="300" alt="GitHub: The Making of Octicons" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://vimeo.com/68749840" rel="nofollow external" class="bo">Designing Facebook Home</a>,” Julie Zhuo<br>
    On May 8th, the designers behind Facebook Home (Justin Stahl, Francis Luu, Joey Flynn and Mac Tyler) presented a behind-the-scenes look at their work at the Bluxome Street Winery for a small crowd.</p>
    <p><a href="http://vimeo.com/68749840" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/07/facebook-home_mini.png" alt="Designing Facebook Home" width="500" height="300" style="max-width: 100%; height: auto;"></a></p>
    <h3>Advertising, Promotion And E-Commerce</h3>
    <p>“<a href="http://blog.mikeswanson.com/post/32759154825/yourownapppromocards" rel="nofollow external" class="bo">How to Make Your Own App Promo Cards</a>,” Mike Swanson<br>
    Swanson was inspired by Starbuck’s promo cards for giving away free apps and decided to make his own for an upcoming event. Learn how you can do one, too!</p>
    <p><a href="http://blog.mikeswanson.com/post/32759154825/yourownapppromocards" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/promo-cards.jpg" width="500" height="300" alt="How to Make Your Own App Promo Cards" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://uxdesign.smashingmagazine.com/2012/04/05/art-of-launching-app-case-study/" rel="nofollow external" class="bo">The Art of Launching an App</a>,” John Casey<br>
    You’ve made your first app! Now what? This study covers some tactics and lessons learned during one process of launching an app.</p>
    <p><a href="http://uxdesign.smashingmagazine.com/2012/04/05/art-of-launching-app-case-study/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/art-launching-app.jpg" width="500" height="300" alt="The Art Of Launching An App: A Case Study | Smashing UX Design" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.smashingmagazine.com/2013/06/28/how-to-launch-anything/" rel="nofollow external" class="bo">How to Launch Anything</a>,” Nathan Barry<br>
    Barry has launched five products in fewer than nine months. Read about the strategy that helped him generate over $200,000 in revenue from online products, starting from scratch.</p>
    <p><a href="http://www.smashingmagazine.com/2013/06/28/how-to-launch-anything/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/launch-anything.jpg" alt="launch-anything" width="500" height="300" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://snook.ca/archives/writing/selling-ebook-on-amazon" rel="nofollow external" class="bo">Selling My E-Book on Amazon</a>,” Jonathan Snook<br>
    Several people predicted that 2013 would be the year of self-publishing. Snook shares insight into his eBook sales on Amazon.</p>
    <p>“<a href="http://boagworld.com/talks/unbelievable-ecommerce/" rel="nofollow external" class="bo">Increase Online Sales on Your Ecommerce Website</a>,” <br>
    Headscape increased sales on Wiltshire Farmfoods’ e-commerce website by over 10,000% in only five years. What makes it even more special, the target audience is over 50 years old. Paul Boag shares his experience.</p>
    <p>“<a href="http://blog.mailchimp.com/twitter-promoted-tweets/" rel="nofollow external" class="bo">Twitter Promoted Tweets</a>,” MailChimp<br>
    MailChimp has made use of Twitter’s promoted tweets and shares insight into this experience.</p>
    <h3>Redesigning Elements And Features</h3>
    <p>“<a href="http://37signals.com/svn/posts/3316-visual-exploration-behind-signal-vs-noise" rel="nofollow external" class="bo">Visual Exploration Behind Signal vs. Noise</a>,” Mig Reyes<br>
    37signals share the process behind making its blog special. This study is about how the company visualized noise and styled its blog categories in a unique way.</p>
    <p><a href="http://37signals.com/svn/posts/3316-visual-exploration-behind-signal-vs-noise" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/visual-noise-categories.jpg" width="500" height="300" alt="37signals: Visual Exploration behind Signal vs. Noise" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://37signals.com/svn/posts/3104-behind-the-scenes-reinventing-our-default-profile-pictures" rel="nofollow external" class="bo">Reinventing Our Default Profile Pictures </a>,” Jamie<br>
    Jamie talks about the process of finding the right default profile pictures for the 37signals website. It’s a great new approach to a very basic element.</p>
    <p><a href="http://37signals.com/svn/posts/3104-behind-the-scenes-reinventing-our-default-profile-pictures" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/defaultpic.jpg" width="500" height="300" alt="37signals: Reinventing our Default Profile Pictures " style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="https://www.gosquared.com/blog/archives/3359" rel="nofollow external" class="bo">Login Screen Design: Behind the Scenes</a>,” Simon Tabor<br>
    Good UX is not just about the main content, but also about little details such as log-in (and error) pages. GoSquared shares how it made its log-in experience exceptional.</p>
    <p><a href="https://www.gosquared.com/blog/archives/3359" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/login-experience.jpg" width="500" height="300" alt="GoSquared Blog: Login Screen Design and UX" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="https://blog.mozilla.org/ux/2012/10/save-for-later/" rel="nofollow external" class="bo">Save for Later</a>,” Brian Groudan<br>
    All browsers support two functions: searching and revisiting. Groudan worked closely with Mozilla’s user experience researchers and designers to rethink how Firefox could better offer “saving for later” functionality in the browser.</p>
    <p><a href="https://blog.mozilla.org/ux/2012/10/save-for-later/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/07/firefox_mini.jpg" width="500" height="300" alt="Mozilla UX: Save For Later" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://making.fiftythree.com/a-closer-look-at-zoom" rel="nofollow external" class="bo">A Closer Look at Zoom</a>,” FiftyThree<br>
    FiftyThree shares the design process behind the new zoom feature in its Paper app.</p>
    <p><a href="http://making.fiftythree.com/a-closer-look-at-zoom" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/paper.jpg" width="500" height="300" alt="Paper: A closer look at zoom" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://makaluinc.com/blog/2012/10/reinventing-the-investment-calculator.html" rel="nofollow external" class="bo">Reinventing the Investment Calculator</a>,” Alex Bendiken<br>
    Drawing from the book <em>Money for Something</em>, Alex Bendiken built a tool that lets users experiment and create a unique investment plan. It’s a UX study in turning a boring financial calculator into something you’d actually want to use.</p>
    <p><a href="http://makaluinc.com/blog/2012/10/reinventing-the-investment-calculator.html" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/investing-calculator.jpg" width="500" height="300" alt="Reinventing the investment calculator" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.teehanlax.com/story/globe-and-mail/" rel="nofollow external" class="bo">Getting Down to Business</a>,” Teenhan+Lax<br>
    The Globe and Mail is Canada’s national newspaper of record. It serves millions of readers everyday with in-depth journalism and informed comment. Learn how Teenhan+Lax helped refresh and enrich the way users experience and engage with the news today.</p>
    <p><a href="http://www.teehanlax.com/story/globe-and-mail/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/07/globe-and-mail_mini.png" alt="The Globe And Mail" width="500" height="300" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.bbc.co.uk/blogs/internet/posts/olympics_design" rel="nofollow external" class="bo">Olympics: User Experience and Design</a>,” Nick Haley<br>
    Nick Haley shares the BBC’s design process of delivering the Olympics across desktop, tablet, mobile and connected TV.</p>
    <p><a href="http://bbc.in/Nkqt4Z" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/bbc-olympics.jpg" width="500" height="300" alt="BBC Olympics: User Experience and Design" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.netmagazine.com/features/how-we-built-msn-uks-responsive-olympics-site" rel="nofollow external" class="bo">How We Built the Responsive Olympics Site</a>,” Matt Clark<br>
    Matt Clark writes about MSN UK’s approach to delivering the Olympics digitally, from the brief to the finished design.</p>
    <p><a href="http://www.netmagazine.com/features/how-we-built-msn-uks-responsive-olympics-site" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/msn-olympics.jpg" width="500" height="300" alt="How we built MSN UK's responsive Olympics site" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.fastcodesign.com/1672938/the-anatomy-of-a-successful-logo-redesign" rel="nofollow external" class="bo">The Anatomy Of A Successful Logo Redesign</a>,” Belinda Lanks<br>
    Lanks summarizes how Jessica Hische had freshened up the new logo for MailChimp with a slight facelift. The new logo now looks new and fresh — more refined but just as playful.</p>
    <p><a href="http://www.fastcodesign.com/1672938/the-anatomy-of-a-successful-logo-redesign" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/07/anatomy-of-logo-design_mini.png" alt="The Anatomy Of A Successful Logo Redesign" width="500" height="300" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://blog.keenancummings.com/post/34832313784/knitt-what-i-want-out-of-facebook" rel="nofollow external" class="bo">What I Want Out of Facebook</a>,” Keenan Cummings<br>
    Cummings explains why Facebook fails him and what he wants to get out of it that would make it useful for his personal life.</p>
    <p><a href="http://blog.keenancummings.com/post/34832313784/knitt-what-i-want-out-of-facebook" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/knitt.jpg" width="500" height="300" alt="Field Study: What I Want Out of Facebook" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.domusweb.it/en/design/in-praise-of-lost-time/" rel="nofollow external" class="bo">In Praise of Lost Time</a>,” Dan Hill<br>
    Dan Hill talks about Facebook’s Timeline as an exemplary bit of interaction design that does little to advance the timeline formally. Yet it might alter the nature of human memory itself.</p>
    <p><a href="http://www.domusweb.it/en/design/in-praise-of-lost-time/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/facebook-timeline.jpg" width="500" height="300" alt="Facebook Timeline: In praise of lost time" style="max-width: 100%; height: auto;"></a></p>
    <h3>Complete (Re)branding And (Re)design</h3>
    <p>“<a href="http://upstatement.com/blog/2012/01/how-to-approach-a-responsive-design/" rel="nofollow external" class="bo">How to Approach a Responsive Design</a>,” Tito Bottitta<br>
    This article shows the design process behind The Boston Globe’s website, one of the most famous examples of responsive designs. Read about how Upstatement approached its first responsive design.</p>
    <p><a href="http://upstatement.com/blog/2012/01/how-to-approach-a-responsive-design/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/boston-globe.jpg" width="500" height="300" alt="How to Approach a Responsive Design" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://builtbyboon.com/blog/responsive-design-case-study" rel="nofollow external" class="bo">Responsive Design Case Study</a>,” Matt Berridge<br>
    This case study outlines the entire process of constructing the South Tees Hospitals’ website, a large responsive design containing over a thousand pages.</p>
    <p><a href="http://builtbyboon.com/blog/responsive-design-case-study" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/south-tees-hospital.jpg" width="500" height="300" alt="South Tees Hospital:  Responsive Design case study" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="https://speakerdeck.com/erunyon/rebuilding-a-university-homepage-to-be-responsive-twice-in-less-than-a-year" rel="nofollow external" class="bo">Rebuilding a University Homepage to Be Responsive. Twice. In Less Than a Year</a>,” Erik Runyon<br>
    This slideshow discusses how and why Notre Dame University’s home page was rebuilt twice in less than a year. You will find a recording of the talk below the slides.</p>
    <p><a href="https://speakerdeck.com/erunyon/rebuilding-a-university-homepage-to-be-responsive-twice-in-less-than-a-year" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/notre-dame-redesign.jpg" width="500" height="300" alt="Rebuilding a university homepage to be " style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://adioso.com/blog/2013/06/responsifying-adioso/" rel="nofollow external" class="bo">Yes, You Really Can Make Complex Web Apps Responsive</a>,” Daniel Wearne<br>
    Wearne shares his experience in creating Adioso’s Web app, a complex yet accessible project. He covers the framework, responsive mixins, tables and future challenges.</p>
    <p><a href="http://adioso.com/blog/2013/06/responsifying-adioso/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/adioso.jpg" width="500" height="300" alt="Adioso: Yes, you really can make complex webapps responsive" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://playgroundinc.com/blog/finding-and-redefining-playground-brand/" rel="nofollow external" class="bo">Designing a New Playground Brand</a>,” Ryan Bannon<br>
    This case study shows the design process of Playground’s new brand. It covers the logo, overall website and vector animation process, as well as the core values and personality of the company. The extensive study comes in three parts.</p>
    <p><a href="http://playgroundinc.com/blog/finding-and-redefining-playground-brand/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/playground.jpg" width="500" height="300" alt="Playground: Designing a New Playground Brand" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="https://medium.com/p/308c1d5cd789" rel="nofollow external" class="bo">How House Parties Helped Us Design Potluck</a>,” Cemre Güngör<br>
    The team at Potluck describes how it took inspiration from reality to design a “house party on the Internet.”</p>
    <p><a href="https://medium.com/p/308c1d5cd789" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/07/potluck.jpg" alt="How house parties helped us design Potluck" width="500" height="300" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://coloradoidentity.tumblr.com/" rel="nofollow external" class="bo">Colorado Identity</a>,” Berger &amp; Föhr<br>
    Imagine someone hiring you to define your own identity. Berger &amp; Föhr was hired to help create the new identity and visual brand of Colorado, the place they call home. Have a look at the work and logo they came up with.</p>
    <p><a href="http://media.smashingmagazine.com/wp-content/uploads/2013/07/colorado.jpg" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/07/colorado.jpg" alt="Making Colorado" width="500" height="300" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://coding.smashingmagazine.com/2013/05/23/building-the-new-financial-times-web-app/" rel="nofollow external" class="bo">Building the New Financial Times Web App</a>,” Wilson Page<br>
    Page talks about building the Financial Times’ new app, a challenge that many on his team believed to be impossible. He covers device support, fixed-height layouts, truncation, modularization, reusable components, Retina support, native-like scrolling, offline support and the topic of ever-evolving apps.</p>
    <p><a href="http://coding.smashingmagazine.com/2013/05/23/building-the-new-financial-times-web-app/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/financial-times.jpg" width="500" height="300" alt="Building The New Financial Times Web App" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://blog.alexlikesdesign.com/post/46850507084/today-marks-the-launch-of-google-treasure-maps" rel="nofollow external" class="bo">Google Treasure Maps</a>,” Alex Griendling<br>
    Griendling writes about the design process behind Google Maps’ treasure mode.</p>
    <p><a href="http://blog.alexlikesdesign.com/post/46850507084/today-marks-the-launch-of-google-treasure-maps" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/treasure-maps.jpg" width="500" height="300" alt="Google Treasure Maps: About the design process" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.html5rocks.com/en/tutorials/casestudies/oz/" rel="nofollow external" class="bo">Find Your Way to Oz</a>,” HTML5 Rocks<br>
    This very detailed case study looks at the “Find Your Way to Oz” demo, a Google Chrome experiment by Disney. It covers sprite sheets, Retina support, 3-D content and more.</p>
    <p><a href="http://www.html5rocks.com/en/tutorials/casestudies/oz/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/ozdemo.jpg" width="500" height="300" alt="Case Study: Find Your Way to Oz - HTML5 Rocks" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.artlebedev.com/everything/metro/map2/process/" rel="nofollow external" class="bo">The Making of the Moscow Metro Map 2.0</a>,” Art Lebedev Studio<br>
    This study is about the design process behind the Moscow Metro map, a complex project that needed to meet the requirements of both Web and print.</p>
    <p><a href="http://www.artlebedev.com/everything/metro/map2/process/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/moscowtmetro.jpg" width="500" height="300" alt="The making of the Moscow Metro Map 2.0" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://gravitydept.com/blog/skinny-ties-and-responsive-ecommerce/" rel="nofollow external" class="bo">Skinny Ties and Responsive eCommerce</a>,” Brendan Falkowski<br>
    Read and learn how GravDept redesigned Skinny Ties’ creative and technical direction to propel shopping on every device.</p>
    <p><a href="http://gravitydept.com/blog/skinny-ties-and-responsive-ecommerce/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/skinnyties.jpg" width="500" height="300" alt="Skinny Ties: Responsive eCommerce" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.thefoxisblack.com/2012/10/02/the-design-thinking-behind-the-new-disney-com/" rel="nofollow external" class="bo">The Design Thinking Behind the New Disney.com</a>,” Bobby Solomon<br>
    Solomon shares the process of creating a Disney website that is flexible enough to showcase the widest range of offerings imaginable — in other words, a website that can do everything.</p>
    <p><a href="http://www.thefoxisblack.com/2012/10/02/the-design-thinking-behind-the-new-disney-com/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/disney.jpg" width="500" height="300" alt="Disney: The design thinking behind the new online presence" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.stuffandnonsense.co.uk/blog/about/say_hello_to_the_new_iso" rel="nofollow external" class="bo">Say Hello to the New ISO</a>,” Andy Clarke<br>
    Clarke and David Roessli redesigned the website of the ISO (International Organization for Standardization) and share their experience.</p>
    <p><a href="http://www.stuffandnonsense.co.uk/blog/about/say_hello_to_the_new_iso" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/iso.jpg" width="500" height="300" alt="Say hello to the new ISO" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://dbushell.com/2012/06/17/passenger-focus-responsive-web-design-case-study/" rel="nofollow external" class="bo">A Responsive Design Case Study</a>,” David Bushell<br>
    The redesign of Passenger Focus takes advantage of the Web as an unique medium.</p>
    <p><a href="http://dbushell.com/2012/06/17/passenger-focus-responsive-web-design-case-study/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/passenger-focus.jpg" width="500" height="300" alt="PassengerfocusA Responsive Design Case Study – David Bushell" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.slideshare.net/kaelig/bbc-news-responsive-web-design-and-mustard" rel="nofollow external" class="bo">BBC News: Responsive Web Design and Mustard</a>,” Kaelig Deloumeau-Prigent<br>
    These slides address the core principles and the “cutting the mustard” technique behind the BBC News’ responsive website.</p>
    <p><a href="http://www.slideshare.net/kaelig/bbc-news-responsive-web-design-and-mustard" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/bbc-news.jpg" width="500" height="300" alt="BBC News: Responsive Web Design and Mustard" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://blog.fogcreek.com/the-trello-tech-stack/" rel="nofollow external" class="bo">The Trello Tech Stack</a>,” Brett Kiefer<br>
    Read the process behind the Trello app, from initial mockup to a solid server and maintainable client.</p>
    <p><a href="http://blog.fogcreek.com/the-trello-tech-stack/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/trello.jpg" width="500" height="300" alt="Trello: The Trello Tech Stack" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.rachelandrew.co.uk/archives/2012/03/16/responsibly-responsive-developing-the-greenbelt-website/" rel="nofollow external" class="bo">Responsibly Responsive: Developing the Greenbelt Website</a>,” Rachel Andrew<br>
    Andrew writes about her front-end design decisions in rebuilding the Greenbelt Festival’s website.</p>
    <p><a href="http://www.rachelandrew.co.uk/archives/2012/03/16/responsibly-responsive-developing-the-greenbelt-website/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/greenbelt.jpg" width="500" height="300" alt="Greenbelt: Responsibly Responsive website development" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://craigmod.com/journal/digital_physical/" rel="nofollow external" class="bo">The Digital-Physical: On Building Flipboard for iPhone and Finding the Edges of Our Digital Narratives</a>,” Craig Mod<br>
    Mod walks through the process of building the Flipboard app for iPhone and of finding the edges of its digital narratives.</p>
    <p><a href="http://craigmod.com/journal/digital_physical/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/flipboard.jpg" width="500" height="300" alt="The Digital?Physical: On building Flipboard for iPhone and Finding Edges for Our Digital Narratives" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.html5rocks.com/tutorials/casestudies/20things_pageflip.html" rel="nofollow external" class="bo">Page-Flip Effect From 20 Things I Learned</a>,” Hakim El Hattab<br>
    This study shows how this team found the best way to achieve the feeling of a real-world book, while leveraging the benefits of the digital realm in areas such as navigation.</p>
    <p><a href="http://www.html5rocks.com/tutorials/casestudies/20things_pageflip.html" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/page-flip-effect.jpg" width="500" height="300" alt="20 thiCase Study: Page Flip Effect from 20thingsilearned.com" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.giftrocket.com/blog/design-tips-from-a-master" rel="nofollow external" class="bo">Six Key Lessons From a Design Legend</a>,” Kapil Kale<br>
    The GiftRocket team eventually recruited Mike Kus as a designer. This article shows why that decision took their website to the next level.</p>
    <p><a href="http://www.giftrocket.com/blog/design-tips-from-a-master" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/giftrocket.jpg" width="500" height="300" alt="Six Key Lessons from a Design Legend (a before-and-after) | GiftRocket Blog" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://uxdesign.smashingmagazine.com/2011/08/17/breaking-the-rules-a-ux-case-study/" rel="nofollow external" class="bo">Breaking The Rules: A UX Case Study</a>,” Laura Klein<br>
    Klein shows how she broke all rules to create the great UX for Outright.</p>
    <p><a href="http://uxdesign.smashingmagazine.com/2011/08/17/breaking-the-rules-a-ux-case-study/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/breaking-rules.jpg" width="500" height="300" alt="Outright: Breaking The Rules - A UX Case Study" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://baymard.com/blog/ux-considerations-designing-lenshawk" rel="nofollow external" class="bo">7 UX Considerations When Designing Lens Hawk</a>,” Christian Holst<br>
    Lens Hawk is a massive DSLR lens database. This article shares seven UX considerations that were made in its design process.</p>
    <p><a href="http://baymard.com/blog/ux-considerations-designing-lenshawk" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/Lenshawk.jpg" width="500" height="300" alt="Lens Hawk: 7 UX Considerations" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://rainypixels.com/words/the-story-of-the-new-microsoft-com/" rel="nofollow external" class="bo">The Story of the New Microsoft.com</a>,” Nishant Kothary<br>
    Kothary shares his insight into making Microsoft’s new website. Also, check out Trent Walton’s <a href="http://trentwalton.com/2012/10/03/a-new-microsoft-com/" rel="nofollow external" class="bo">perspective on the redesign</a>.</p>
    <p><a href="http://rainypixels.com/words/the-story-of-the-new-microsoft-com/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/new-microsoft.jpg" width="500" height="300" alt="The Story of the New Microsoft.com" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://theindustry.cc/2013/04/26/behind-the-scenes-of-the-new-kippt/" rel="nofollow external" class="bo">Behind the Scenes of the New Kippt</a>,” Gannon Burgett<br>
    This interview about the work behind the new Kippt app covers the redesign process, the design principles and problems that the team faced, insights into the new era of Web app design, and where Kippt will head in the future.</p>
    <p><a href="http://theindustry.cc/2013/04/26/behind-the-scenes-of-the-new-kippt/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/kippt.jpg" width="500" height="300" alt="New Kippt: Behind The Scenes" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://danielmall.com/work/crayola/" rel="nofollow external" class="bo">Crayola: Free the ‘What If’</a>,” Daniel Mall<br>
    Dan Mall has put together a case study of the creation of the new Crayola application for kids.</p>
    <p><a href="http://danielmall.com/work/crayola/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/crayola.jpg" width="500" height="300" alt="Crayola: Free the " style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://softfacade.com/work/campusquad/" rel="nofollow external" class="bo">Campus Quad iPhone App</a>,” Soft Facade<br>
    Soft Facade covers every aspects of the design process behind its Campus Quad app.</p>
    <p><a href="http://softfacade.com/work/campusquad/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/campus-quad.jpg" width="500" height="300" alt="Campus Quad: iPhone App Case Study" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://vesperapp.co/blog/how-to-make-a-vesper/" rel="nofollow external" class="bo">How to Make a Vesper: Design</a>,” Vesper<br>
    Learn how the Vesper app was designed and made.</p>
    <p><a href="http://vesperapp.co/blog/how-to-make-a-vesper/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/versper.jpg" width="500" height="300" alt="Vesper: How to Make a Vesper: Design" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://blog.14islands.com/post/52546836134/case-study-betting-on-a-fully-responsive-web" rel="nofollow external" class="bo">Betting on a Fully Responsive Web Application</a>,” 14islands<br>
    Read about how 14islands took the Web app for Kambi, a sports-betting service, to the next level.</p>
    <p><a href="http://blog.14islands.com/post/52546836134/case-study-betting-on-a-fully-responsive-web" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/betting.jpg" width="500" height="300" alt="Kambi: Betting on a fully responsive web application" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.akomarov.com/critboard/2011-ammo-rack-app-design-critique" rel="nofollow external" class="bo">AMMO Rack App Design Critique</a>,” Alexander Komarov<br>
    An interesting study of the feedback process that improved the AMMO Rack app.</p>
    <p><a href="http://www.akomarov.com/critboard/2011-ammo-rack-app-design-critique" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/ammo-rack.jpg" width="500" height="300" alt="AMMO Rack:  App Design Critique" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://ianstormtaylor.com/walking-through-the-design-process/" rel="nofollow external" class="bo">Walking Through the Design Process</a>,” Ian Storm Taylor<br>
    Taylor walks you through the design process of Segment.io, including the progression of mockups in Photoshop.</p>
    <p><a href="http://ianstormtaylor.com/walking-through-the-design-process/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/segmentio.jpg" width="500" height="300" alt="Segment.io: Walking Through the Design Process" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.netmagazine.com/features/behind-scenes-lights-latest-webgl-sensation" rel="nofollow external" class="bo">Music Video ‘Lights’: The Latest WebGL Sensation</a>,” Carlos Ulloa<br>
    Interactive studio HelloEnjoy built a mind-blowing 3-D music video for Ellie Goulding’s song “Lights.” Creative director Carlos Ulloa explains why the team chose WebGL and how it created various immersive graphic effects.</p>
    <p><a href="http://www.netmagazine.com/features/behind-scenes-lights-latest-webgl-sensation" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/lights.jpg" width="500" height="300" alt="Music video 'Lights': the latest WebGL sensation!" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://methodandcraft.com/articles/designing-for-designers" rel="nofollow external" class="bo">Designing for Designers</a>,” Kyle Meyer<br>
    Designing for other designers is different than working for regular clients. Kyle Meyer shares his experience.</p>
    <p>“<a href="http://mobile.smashingmagazine.com/2013/06/18/adapting-to-a-responsive-design-case-study/" rel="nofollow external" class="bo">Adapting to a Responsive Design</a>,” Matt Gibson<br>
    Cyber-Duck abandoned its separate mobile website and created a new responsive design.</p>
    <p><a href="http://mobile.smashingmagazine.com/2013/06/18/adapting-to-a-responsive-design-case-study/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/cyber-duck.jpg" width="500" height="300" alt="Cyber-Duck: Adapting To A Responsive Design" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://laurakalbag.com/grids-flexibility-and-responsiveness/" rel="nofollow external" class="bo">Grids, Flexibility and Responsiveness</a>,” Laura Kalbag<br>
    Kalbag shares her thoughts on the redesign of her own website, including her choice of typefaces.</p>
    <p><a href="http://laurakalbag.com/grids-flexibility-and-responsiveness/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/laura-kalbag-portfolio.jpg" width="500" height="300" alt="Laura Kalbag: Grids, flexibility and responsiveness" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://rafaltomal.com/making-of-typespiration-com/" rel="nofollow external" class="bo">Making of Typespiration</a>,” Rafal Tomal<br>
    Rafal Tomal built Typespiration as a side project. Learn about the process from initial idea to finished WordPress website.</p>
    <p><a href="http://rafaltomal.com/making-of-typespiration-com/" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/typspiration.jpg" width="500" height="300" alt="Typespiration: Making of" style="max-width: 100%; height: auto;"></a></p>
    <p>“<a href="http://www.f-i.com/work/all" rel="nofollow external" class="bo">Case Studies</a>,” Fi<br>
    Design firm Fi has integrated case studies into its portfolio. The studies are very interactive and beautifully designed. Here are four of them:</p>
    <ul>
    <li>“<a href="http://www.f-i.com/fi/airlines/" rel="nofollow external" class="bo">Is This The Future of The Airline Website?</a>”</li>
    <li>“<a href="http://www.f-i.com/google/ramayana" rel="nofollow external" class="bo">The Story of Ramayana: Brought to Life by Google Chrome</a>”</li>
    <li>“<a href="http://www.f-i.com/sony/connected-world/" rel="nofollow external" class="bo">Sony: Connected World</a>”</li>
    <li>“<a href="http://blog.f-i.com/usatoday-com-redesigning-one-of-americas-most-popular-news-site/" rel="nofollow external" class="bo">USAToday.com: Redesigning One of America’s Most Popular News Sites</a>”</li>
    </ul>
    <p><a href="http://www.f-i.com/work/all" rel="nofollow external" class="bo"><img src="http://media.smashingmagazine.com/wp-content/uploads/2013/06/ramayana.jpg" width="500" height="300" alt="Fi Case studies" style="max-width: 100%; height: auto;"></a></p>
    <h3>More Case Studies!</h3>
    <p>Perhaps you are more interested in case-studies on copywriting, content and storytelling, technical challenges, or just workflow and optimization tips? Well, off we go to the <a href="http://www.smashingmagazine.com/this-is-how-we-built-it-case-studies-part-2/" rel="nofollow external" class="bo">second part of the overview</a>. Now you should be well prepared for a couple of late reading sessions over the next weekends!</p>
    <p><em>(al) (il) (ea)</em></p>
    <hr>
    <p><small>© Melanie Lang for <a href="http://www.smashingmagazine.com" rel="nofollow external" class="bo">Smashing Magazine</a>, 2013.</small></p>
    </div>
]]>
</Body>
<Summary>        Unlike many other industries, the Web design community is all about sharing knowledge and experience. Each of us is very lucky to be part of such a great and useful learning environment,...</Summary>
<Website>http://www.smashingmagazine.com/2013/07/19/this-is-how-we-built-it-case-studies/</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/32927/guest@my.umbc.edu/deb91edf9dc864e805f0ce682540c5b0/api/pixel</TrackingUrl>
<Tag>case-studies</Tag>
<Tag>css</Tag>
<Tag>design</Tag>
<Tag>development</Tag>
<Tag>global-web-design</Tag>
<Tag>html</Tag>
<Tag>inspiration</Tag>
<Tag>javascript</Tag>
<Tag>mysql</Tag>
<Tag>php</Tag>
<Tag>showcases</Tag>
<Tag>sql</Tag>
<Tag>web</Tag>
<Tag>web-design</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Fri, 19 Jul 2013 08:53:12 -0400</PostedAt>
<EditAt>Fri, 19 Jul 2013 08:53:12 -0400</EditAt>
</NewsItem>

<NewsItem contentIssues="false" id="32926" important="false" status="posted" url="https://my3.my.umbc.edu/posts/32926">
<Title>Your Attention Needed:August Landscape &amp; Stewardship Meeting</Title>
<Tagline>Take our Doodle poll to pick a date</Tagline>
<Body>
<![CDATA[
    <div class="html-content">Help us figure out a date for the August meeting by clicking here:<br><br><a href="http://doodle.com/82z228evvhh856fc" rel="nofollow external" class="bo">http://doodle.com/82z228evvhh856fc</a><br><br>Thank you!<br>
    </div>
]]>
</Body>
<Summary>Help us figure out a date for the August meeting by clicking here:  http://doodle.com/82z228evvhh856fc  Thank you!</Summary>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/32926/guest@my.umbc.edu/6c1c890fc74b233d69019c9709d27a4e/api/pixel</TrackingUrl>
<Group token="retired-459">Landscape Stewardship Committee</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-459</GroupUrl>
<AvatarUrl>https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/459/697a571d88c53996edc8d72759d40b1c/xsmall.png?1398962125</AvatarUrl>
<AvatarUrl size="original">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/459/697a571d88c53996edc8d72759d40b1c/original.png?1398962125</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/459/697a571d88c53996edc8d72759d40b1c/xxlarge.png?1398962125</AvatarUrl>
<AvatarUrl size="xlarge">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/459/697a571d88c53996edc8d72759d40b1c/xlarge.png?1398962125</AvatarUrl>
<AvatarUrl size="large">https://assets2-my.umbc.edu/system/shared/avatars/groups/000/000/459/697a571d88c53996edc8d72759d40b1c/large.png?1398962125</AvatarUrl>
<AvatarUrl size="medium">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/459/697a571d88c53996edc8d72759d40b1c/medium.png?1398962125</AvatarUrl>
<AvatarUrl size="small">https://assets2-my.umbc.edu/system/shared/avatars/groups/000/000/459/697a571d88c53996edc8d72759d40b1c/small.png?1398962125</AvatarUrl>
<AvatarUrl size="xsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/459/697a571d88c53996edc8d72759d40b1c/xsmall.png?1398962125</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/459/697a571d88c53996edc8d72759d40b1c/xxsmall.png?1398962125</AvatarUrl>
<Sponsor>Landscape Stewardship Committee</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Fri, 19 Jul 2013 08:48:40 -0400</PostedAt>
</NewsItem>

<NewsItem contentIssues="true" id="32925" important="false" status="posted" url="https://my3.my.umbc.edu/posts/32925">
<Title>SQL Procedure</Title>
<Body>
<![CDATA[
    <div class="html-content">A procedure (often called a stored procedure) is a subroutine like a subprogram in a regular computing language, stored in database. There are many useful applications of SQL procedures within a database or database application architecture.</div>
]]>
</Body>
<Summary>A procedure (often called a stored procedure) is a subroutine like a subprogram in a regular computing language, stored in database. There are many useful applications of SQL procedures within a...</Summary>
<Website>http://feedproxy.google.com/~r/w3resource/~3/3IAdSYdYYPA/sql-procedure.php</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/32925/guest@my.umbc.edu/3089331dff5fa9e56a6642506f9a4230/api/pixel</TrackingUrl>
<Tag>backend</Tag>
<Tag>css</Tag>
<Tag>frontend</Tag>
<Tag>html</Tag>
<Tag>html5</Tag>
<Tag>javascript</Tag>
<Tag>nosql</Tag>
<Tag>sql</Tag>
<Tag>xhtml</Tag>
<Tag>xml</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Fri, 19 Jul 2013 08:31:35 -0400</PostedAt>
<EditAt>Thu, 15 May 2014 09:16:23 -0400</EditAt>
</NewsItem>

<NewsItem contentIssues="true" id="32923" important="false" status="posted" url="https://my3.my.umbc.edu/posts/32923">
<Title>15 of the craziest client requests EVER!</Title>
<Body>
<![CDATA[
    <div class="html-content">Clients want all sorts of things. And sometimes it's the stuff of nightmares. We compile just what kind of outrageous, baffling and downright weird questions some leading design agencies and freelancers have to answer<div><table border="0"><tbody><tr><td>
    <a href="http://share.feedsportal.com/share/twitter/?u=http%3A%2F%2Fwww.netmagazine.com%2Ffeatures%2F15-craziest-client-requests-ever&amp;t=15+of+the+craziest+client+requests+EVER%21" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/twitter.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/facebook/?u=http%3A%2F%2Fwww.netmagazine.com%2Ffeatures%2F15-craziest-client-requests-ever&amp;t=15+of+the+craziest+client+requests+EVER%21" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/facebook.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/linkedin/?u=http%3A%2F%2Fwww.netmagazine.com%2Ffeatures%2F15-craziest-client-requests-ever&amp;t=15+of+the+craziest+client+requests+EVER%21" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/linkedin.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/gplus/?u=http%3A%2F%2Fwww.netmagazine.com%2Ffeatures%2F15-craziest-client-requests-ever&amp;t=15+of+the+craziest+client+requests+EVER%21" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/googleplus.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/email/?u=http%3A%2F%2Fwww.netmagazine.com%2Ffeatures%2F15-craziest-client-requests-ever&amp;t=15+of+the+craziest+client+requests+EVER%21" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/email.png" style="max-width: 100%; height: auto;"></a>
    </td></tr></tbody></table></div>
    <br><br><a href="http://da.feedsportal.com/r/165667332520/u/49/f/502346/c/32632/s/2ee2da52/a2.htm" rel="nofollow external" class="bo"><img src="http://da.feedsportal.com/r/165667332520/u/49/f/502346/c/32632/s/2ee2da52/a2.img" style="max-width: 100%; height: auto;"></a>
    </div>
]]>
</Body>
<Summary>Clients want all sorts of things. And sometimes it's the stuff of nightmares. We compile just what kind of outrageous, baffling and downright weird questions some leading design agencies and...</Summary>
<Website>http://feedproxy.google.com/~r/net/topstories/~3/d43ECPlrYxI/story01.htm</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/32923/guest@my.umbc.edu/1f3405134dfb7cdfd95b3cd3f84478b0/api/pixel</TrackingUrl>
<Tag>css</Tag>
<Tag>development</Tag>
<Tag>html</Tag>
<Tag>javascript</Tag>
<Tag>mysql</Tag>
<Tag>net</Tag>
<Tag>php</Tag>
<Tag>sql</Tag>
<Tag>web</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Fri, 19 Jul 2013 07:00:00 -0400</PostedAt>
</NewsItem>

<NewsItem contentIssues="true" id="32920" important="false" status="posted" url="https://my3.my.umbc.edu/posts/32920">
<Title>How I Earned A Lot More on Projects by Changing My Pricing Strategy</Title>
<Body>
<![CDATA[
    <div class="html-content">
    <p><a href="http://sixrevisions.com/business/earn-more-on-projects/" rel="nofollow external" class="bo"><img src="http://cdn.sixrevisions.com/0360-01_earn_more_money.png" width="550" height="200" style="max-width: 100%; height: auto;"></a></p>
    <p>Before co-founding <a href="http://bit.ly/1dCNzOI" rel="nofollow external" class="bo">FreshBooks</a>, I ran a small design agency. I felt like I was on a treadmill, billing by the hour, and not earning as much as I thought I was worth.</p>
    <p>So I rethought everything.</p>
    <p>The result was powerful: In 2004, I only worked <strong>19 days,</strong> and made over <strong>$200,000.</strong></p>
    <p></p>
    <p>The strategy change I’m about to talk about gave me the funds and the time to work on my startup. That startup would later become FreshBooks, which we were able to grow to over 5 million users.</p>
    <p>So, how did I do this?</p>
    <p>I wrote a book about how I did it (you can <a href="http://bit.ly/1bG92bh" rel="nofollow external" class="bo">get the book for free</a>) but essentially, I moved from billing by the hour, to billing based on <strong>the value I delivered</strong> to my customers.</p>
    <p>Sounds like a simple enough change, right?</p>
    <p>The truth is that <strong>value-based pricing</strong> did not mean slapping a bigger price tag on the services I delivered.</p>
    <p>It meant thinking about my design business in a whole new way, and changing the way I worked with my clients.</p>
    <p>Here are five ways I changed my thinking and the way I worked. </p>
    <h3>Don’t Present Price Up Front</h3>
    <p>Most clients want to know what your prices are up front, and a lot of service providers feel obliged to give an answer.</p>
    <p>But I found that starting the conversation with the price leads you down a bad road.</p>
    <p>Why? It puts <em>my</em> needs ahead of the client’s. It emphasizes what <em>I</em> want out of the relationship, not what <em>they</em> want.</p>
    <p>Not a great way to <a href="http://sixrevisions.com/project-management/tips-build-trust-clients/" title="Tips for Building Trust with Your Clients" rel="nofollow external" class="bo">build trust.</a></p>
    <p>Presenting the price of your services at the start also means you aren’t able to really get to know the client and what they need help with most.</p>
    <p>So, instead of spitting out my rates at the start, I would tell the client that I first needed to understand what they wanted.</p>
    <p>Doing that earned their trust because it showed them that I was interested in understanding their unique problems and crafting them customized solutions based on what I learned about them and their needs, rather than trying to hawk them cookie-cutter solutions that I sold to all clients.</p>
    <h3>Find Out What the Client Really Wants</h3>
    <p>With the question of pricing off the table for the time being, the client and I would begin to explore what they wanted.</p>
    <p>I’d probe for opportunities to improve their business with my help — specifically their biggest <em>pain points</em> because those would be the things they’d be most motivated to solve.</p>
    <p>I’d try to get at their serious challenges. Are their sales trending downward? Are they facing new competitors?</p>
    <p>My objective was to make sure we were both clear about what results they’d like to achieve.</p>
    <p>A lot of the time, we would end up talking about a project that was more involved than what the client first had in mind.</p>
    <p>For example, I would often redefine a project from simply a paint job for their website to transforming their site into a marketing and selling engine that could help them hit revenue targets. If we had talked about price up front, we probably wouldn’t have gotten there.</p>
    <p>When clients have your fees at the top of their mind, they’re <strong>not likely to be as open, boundless, and creative with their thinking and vision</strong> for the project.</p>
    <h3>Position the Price as an Investment, Not an Expense</h3>
    <p>If you start the conversation by throwing out a price, you’re just an expense.</p>
    <p>Nobody likes expenses, so clients — typically entrepreneurs and businesspeople — try to keep them as low as possible.</p>
    <p>By following my process, I was able to position my fees as an investment rather than as an expense.</p>
    <p>That’s because the price would be directly connected to something the client wanted to achieve — it would be a means to help them get results.</p>
    <p>When you position your price this way, the client merely wants to know that the investment is a sound one.</p>
    <p>As an example, if I was proposing to build a website capable of creating an additional $100,000 of profit annually, I would ask the client to make an investment of $40,000 in their website.</p>
    <p>Essentially I based the price on the <strong>expected value</strong> to my client, not on how long it would take me to do the work.</p>
    <p>That’s a great deal when you think about what a new site is going to deliver for the next several years, for most businesses.</p>
    <p>You might be wondering now what you can do if the value of the project can’t be measured in dollars.</p>
    <p>When that’s the case, try to connect the price to a tangible, measurable benefit.</p>
    <p>You’ll probably get some helpful information if you <a href="http://sixrevisions.com/web_design/60-questions-to-consider-when-designing-a-website/" title="60 Questions to Consider When Designing a Website" rel="nofollow external" class="bo">ask questions</a> like <em>What does success look like to you?</em> and <em>How are you going to know you’ve achieved what you want?</em></p>
    <p>I often used the question <em>How much is a new customer worth to you? </em>This question made sense because SEO was often part of my design services, and frequently, the value they gave was more than the cost of my services.</p>
    <p>So if I could help the business get even one more new customer, it was a good investment to hire me.</p>
    <p>But sometimes the client didn’t know how much a new customer was worth to their business. That then opened the door to a project to help them analyze their marketing channels and get some key metrics to measure performance in place, which in turn created more value for  them. Yes, this would cost more, but it was also a fantastic investment for the business.</p>
    <h3>Present Several Options</h3>
    <p>If you give a client a single price, you’re asking them to accept or not accept your price. The discussion becomes a simple "yes/no" ordeal. Instead of just giving my client these two options, I’d present my project proposal like a menu or a <a href="http://sixrevisions.com/design-showcase-inspiration/pricing-tables-examples/" title="Examples of Pricing Tables" rel="nofollow external" class="bo">pricing table</a> — with multiple components that had distinct prices.</p>
    <p>Some components were optional, but some were required because they were fundamental to the project.</p>
    <p>Together, all choices would address the business needs and goals they shared with me during our initial conversations, and I’d offer different solutions at various depths.</p>
    <p>I wouldn’t haggle on price. If a client wanted to pay less, they had to choose to have less value delivered.</p>
    <p>That put the clients in the driver’s seat where they could make an informed decision — one where they were clear about the trade-offs.</p>
    <h3>Create a Virtuous Cycle</h3>
    <p>Following these news ways of working and thinking had a number of positively profound effects on me and my design agency.</p>
    <p>For one, in order to help my clients solve their big issues, I would often have to learn new things and develop new skills, which increased my value in the marketplace.</p>
    <p>For another, I was no longer competing with other service providers on price. My clients stopped seeing me as a commodity, someone with an hourly rate that they could compare to somebody else’s.</p>
    <p>Instead, I was competing based on distinction; on the unique, customized ways I could help my clients reach their goals.</p>
    <p>I should add that you have to be careful not to get in way over your head by over-promising and under-delivering.</p>
    <p>If I felt my agency couldn’t deliver the full solution, I saw that as an opportunity to partner with another service provider. I would pay them for the work, developing a lasting business partnership along the way. And in the process, I’d learn about their area of expertise to get better at both selling and delivering it to my clients. </p>
    <p>I also learned that it was okay to say <em>no</em> to clients who don’t see the value I presented. Clients who want to grind you down on price only lead you to other low-quality clients. It’s a vicious cycle that lots of web professionals get trapped in.</p>
    <p>One way out is by <strong>focusing on clients who are willing to pay for the value you deliver,</strong> because they’ll lead you to other clients who have other exciting projects, thus creating a virtuous cycle for your design business that will take you upmarket.</p>
    <h3>Parting Words</h3>
    <p>The five key concepts I discussed helped me earn more as a designer, and ultimately they enabled me to focus on FreshBooks and get it off the ground.</p>
    <p>If you’re interested in learning more about value-based pricing, the book I mentioned earlier is called <em><a href="http://bit.ly/1bG92bh" rel="nofollow external" class="bo">Breaking the Time Barrier: How to Unlock Your True Earning Potential</a></em>, which saw 87,031 downloads in the first month.</p>
    <p>You can read the book for free <a href="http://bit.ly/1bG92bh" rel="nofollow external" class="bo">here</a>.</p>
    <h3>Related Content</h3>
    <ul>
    <li><a href="http://sixrevisions.com/web-applications/designing-pricing-plans-for-subscription-based-web-apps/" rel="nofollow external" class="bo">Designing Pricing Plans for Subscription-Based Web Apps</a></li>
    <li><a href="http://sixrevisions.com/project-management/pricing-tips-earn-more/" rel="nofollow external" class="bo">5 Pricing Tips to Earn More on Client Projects</a></li>
    <li><a href="http://sixrevisions.com/project-management/pricing-strategies-research/" rel="nofollow external" class="bo">7 Pricing Strategies Based on Research Studies</a></li>
    <li>
    <em>Related categories</em>: <a href="http://sixrevisions.com/category/business/" rel="nofollow external" class="bo">Business</a> and <a href="http://sixrevisions.com/category/project-management/" rel="nofollow external" class="bo">Project Management</a>
    </li>
    </ul>
    <h3>About the Author</h3>
    <p><img src="http://cdn.sixrevisions.com/authors/mike_mcderment_v2_small.jpg" alt="" width="80" height="80" style="max-width: 100%; height: auto;"><span><strong>Mike McDerment</strong> is the co-founder and CEO of <a href="http://bit.ly/1dCNzOI" rel="nofollow external" class="bo">FreshBooks</a>, a simple-to-use, cloud-based accounting solution designed exclusively for small business owners. Since launching in May 2004 from his parents’ basement, FreshBooks has helped more than 5 million people send and receive, print and pay invoices.</span></p>
    <p>The post <a href="http://sixrevisions.com/business/earn-more-on-projects/" rel="nofollow external" class="bo">How I Earned A Lot More on Projects by Changing My Pricing Strategy</a> appeared first on <a href="http://sixrevisions.com" rel="nofollow external" class="bo">Six Revisions</a>.</p>
    </div>
]]>
</Body>
<Summary>Before co-founding FreshBooks, I ran a small design agency. I felt like I was on a treadmill, billing by the hour, and not earning as much as I thought I was worth.   So I rethought everything....</Summary>
<Website>http://feedproxy.google.com/~r/SixRevisions/~3/8Fsb14troBU/</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/32920/guest@my.umbc.edu/67552a4cddc667c93eea18be0689f022/api/pixel</TrackingUrl>
<Tag>business</Tag>
<Tag>css</Tag>
<Tag>database</Tag>
<Tag>design</Tag>
<Tag>development</Tag>
<Tag>html</Tag>
<Tag>javascript</Tag>
<Tag>mysql</Tag>
<Tag>sql</Tag>
<Tag>web</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Fri, 19 Jul 2013 06:00:52 -0400</PostedAt>
<EditAt>Fri, 19 Jul 2013 06:00:52 -0400</EditAt>
</NewsItem>

</News>
