<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-2603411342302507157</id><updated>2012-02-10T06:02:21.253-08:00</updated><category term='strategically social'/><category term='mobile'/><category term='articles'/><category term='wireframes'/><category term='tools'/><category term='news'/><category term='web development'/><category term='Photography'/><category term='youtube'/><category term='analytics'/><category term='grids'/><category term='joy'/><category term='ashleigh'/><category term='Flash'/><category term='accessibility'/><category term='portfolio'/><category term='graphic design'/><category term='tips'/><category term='html'/><category term='web redesign'/><category term='online survey'/><category term='video'/><category term='shannon'/><category term='content management system'/><category term='email marketing'/><category term='search engine optimization'/><category term='social media'/><category term='testimonials'/><category term='blogging'/><category term='website redesign'/><category term='branding'/><category term='usability'/><category term='content strategy'/><category term='content development'/><category term='web design'/><title type='text'>Indianapolis Web Design | TBH Creative Blog</title><subtitle type='html'>TBH Creative is a full service web site company located in Indianapolis, Indiana. It is our passion to design and build highly effective web sites. The purpose of this blog is to talk about projects, show samples of tricks, and keep a record of relevant web design information.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default?start-index=101&amp;max-results=100'/><author><name>Tatum Bree Hindman</name><uri>http://www.blogger.com/profile/08734873879162465355</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://4.bp.blogspot.com/_OQPp7iChNZ8/TMsXsUMJ2XI/AAAAAAAAAPw/VslrEX83FQI/S220/tbh-mark.png'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>197</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-746440229320536766</id><published>2012-02-07T12:28:00.000-08:00</published><updated>2012-02-07T12:28:39.360-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><category scheme='http://www.blogger.com/atom/ns#' term='content management system'/><category scheme='http://www.blogger.com/atom/ns#' term='web redesign'/><title type='text'>Web Design Case Study: Olympia Stone</title><content type='html'>&lt;div style="float: right; margin: 0px 0px 20px 20px;"&gt;&lt;b&gt;Services Provided Include:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-design/" target="_blank"&gt;Web Design&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;HTML and CSS Build&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/content-management-system/"&gt;Content Management System&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;We launched a new website for Olympia Stone&amp;nbsp;last week,&amp;nbsp;and it can be viewed at&amp;nbsp;&lt;a href="http://www.olympiastoneindy.com/"&gt;http://www.olympiastoneindy.com/&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
TBH Creative was hired by Olympia Stone to make their outdated website more effective and attractive. &lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;They had two primary project goals:&lt;/h4&gt;&lt;strong&gt;1. Allow easier in-house editing and additional pages/photos. &lt;/strong&gt;&lt;br /&gt;
The new website uses our custom Content Management System which will allow them to add new pages, edit content and even add new photos to their galleries. There is no limit, and they are currently working on additional pages to add.&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;2. Show off all their great work with a gallery and photos.&lt;/strong&gt;&lt;br /&gt;
We incorporated photos very prominently in their design as a full screen rotation. Large photos are a very popular current &lt;a href="http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-large-high.html" target="_blank"&gt;web design trend&lt;/a&gt;. In addition, we included galleries for major categories of their services (such as kitchens, bars, bathrooms). These galleries are linked in the navigation and right from the main page.&lt;br /&gt;
&lt;div&gt;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-mG_UkszrT0w/TzFyqPbnWxI/AAAAAAAAAEg/1dh4lgrF54A/s1600/Screen+shot+2012-02-07+at+1.45.12+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="458" src="http://1.bp.blogspot.com/-mG_UkszrT0w/TzFyqPbnWxI/AAAAAAAAAEg/1dh4lgrF54A/s640/Screen+shot+2012-02-07+at+1.45.12+PM.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Olympia Stone's new homepage. &lt;a href="http://olympiastoneindy.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-MkHEdSYUnsQ/TzFy3l7Yl2I/AAAAAAAAAEo/YP9CXSl8sB4/s1600/Screen+shot+2012-02-07+at+1.45.45+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="452" src="http://1.bp.blogspot.com/-MkHEdSYUnsQ/TzFy3l7Yl2I/AAAAAAAAAEo/YP9CXSl8sB4/s640/Screen+shot+2012-02-07+at+1.45.45+PM.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;One of Olympia Stone's interior pages. &lt;a href="http://olympiastoneindy.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;Before Redesign&lt;/h4&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-UIsauM8YGXM/TzFzYlKGefI/AAAAAAAAAEw/En3_OdoS3Kg/s1600/olimpiastone.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="348" src="http://4.bp.blogspot.com/-UIsauM8YGXM/TzFzYlKGefI/AAAAAAAAAEw/En3_OdoS3Kg/s640/olimpiastone.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Olympia Stone's homepage prior to the redesign. In addition to the outdated graphics and small photos, the coding was very poor and used tables making edits more difficult.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;About Olympia Stone&lt;/h4&gt;Founded in 2002 by Matt Schuckman, Olympia Stone utilizes the most sophisticated machinery and processes available in the industry—Computer numerically controlled machinery (CNC)—to ensure perfect form and fit, the first time. Olympia Stone's staff of expert craftsmen, artists and professionals is here to help our clients take their design ideas and transform them into centerpieces of enticing beauty and timeless elegance that only real stone can provide.&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&lt;/div&gt;&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Don't know where to start in creating a website for your business?&lt;/b&gt; Look no further! TBH Creative is located in Indianapolis, Indiana and specializes in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt;, &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;online strategy&lt;/a&gt;, and &lt;a href="http://www.tbhcreative.com/services/what-we-do/default.aspx"&gt;more&lt;/a&gt;! Contact us today for a &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;web consultation&lt;/a&gt;.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-746440229320536766?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/746440229320536766/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2012/02/web-design-case-study-olympia-stone.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/746440229320536766'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/746440229320536766'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2012/02/web-design-case-study-olympia-stone.html' title='Web Design Case Study: Olympia Stone'/><author><name>tbh creative</name><uri>http://www.blogger.com/profile/09067696658554774871</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-mG_UkszrT0w/TzFyqPbnWxI/AAAAAAAAAEg/1dh4lgrF54A/s72-c/Screen+shot+2012-02-07+at+1.45.12+PM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-7700501845826729470</id><published>2012-02-07T12:07:00.000-08:00</published><updated>2012-02-07T12:55:35.195-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><category scheme='http://www.blogger.com/atom/ns#' term='graphic design'/><category scheme='http://www.blogger.com/atom/ns#' term='youtube'/><title type='text'>Change is coming to YouTube Channels</title><content type='html'>&lt;p&gt;&lt;a href="http://4.bp.blogspot.com/-gQuFHDjQ83o/TzGO7fnP50I/AAAAAAAAAjY/f717kCeG9_0/s1600/new-youtube-channels.png"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 275px;" src="http://4.bp.blogspot.com/-gQuFHDjQ83o/TzGO7fnP50I/AAAAAAAAAjY/f717kCeG9_0/s400/new-youtube-channels.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5706499355604674370" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;YouTube—the video-sharing giant that hosts everything from scholarly &lt;a href="http://www.youtube.com/watch?v=CeTWu8Sn40A&amp;feature=youtu.be" target="_blank"&gt;commentaries&lt;/a&gt; and "missing cat" &lt;a href="http://www.youtube.com/watch?v=GQ4K-TZXt7E" target="_blank"&gt;commercials&lt;/a&gt;—is rolling out a &lt;a href="http://support.google.com/youtube/bin/static.py?hl=en&amp;page=guide.cs&amp;guide=1734705" target="_blank"&gt;new look and feel for its Channels&lt;/a&gt;. These updates are intended to make it easier for users to find and watch content.&lt;/p&gt;

&lt;p&gt;Currently account owners can opt into the new Channels design. The new Channels format isn't mandatory. However, &lt;b&gt;&lt;a href="http://youtubecreator.blogspot.com/2012/02/changing-channels-by-march-7.html" target="_blank"&gt;all Channels will automatically switch&lt;/a&gt; to the new design one month from today on March 7.&lt;/b&gt; If you own or operate a YouTube account, now is the perfect time to plan and make your transition to ensure it's as smooth as possible.&lt;/p&gt;

&lt;p&gt;&lt;div align="center"&gt;&lt;iframe width="460" height="264" src="http://www.youtube.com/embed/XZa2DUzEq8M" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;/p&gt;

&lt;p&gt;Among the changes are &lt;a href="http://support.google.com/youtube/bin/static.py?hl=en&amp;topic=1735220&amp;guide=1734705&amp;page=guide.cs&amp;answer=1735230" target="_blank"&gt;different sizes and placements&lt;/a&gt; of graphics on Channels. The most noticeable graphics-related change is that the new format no longer allows for a separate banner. When you adopt the new Channels format, you're allowed to select one of four templates to customize in a way that will help you best keep your viewers engaged and coming back.&lt;/p&gt;

&lt;p&gt;The new Channels format also gives you many opportunities to optimize your YouTube account for better search engine results. This helpful blog post chronicles some of the &lt;a href="http://sem-group.net/search-engine-optimization-blog/social-media/optimizing-the-new-youtube-channel-design/"&gt;things to look out for&lt;/a&gt; when you're updating your account. The tutorial includes step-by-step screen grabs with the instructions.&lt;/p&gt;

&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;

&lt;p&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Would you like help updating your YouTube Channel's graphics for the new format?&lt;/b&gt; TBH Creative is a &lt;a href="http://www.tbhcreative.com/services/web-design/" target=""&gt;website design&lt;/a&gt; company in Indianapolis, Indiana. We create effective and advanced websites with a focus on &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;user-friendly web design&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/social-media/"&gt;strategic social media marketing&lt;/a&gt;.&lt;/div&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-7700501845826729470?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/7700501845826729470/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2012/02/change-is-coming-to-youtube-channels.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7700501845826729470'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7700501845826729470'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2012/02/change-is-coming-to-youtube-channels.html' title='Change is coming to YouTube Channels'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-gQuFHDjQ83o/TzGO7fnP50I/AAAAAAAAAjY/f717kCeG9_0/s72-c/new-youtube-channels.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-5850289511532103701</id><published>2012-02-03T10:35:00.000-08:00</published><updated>2012-02-03T10:35:00.419-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='mobile'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><title type='text'>Mobile Web Design Tips &amp; Examples</title><content type='html'>Mobile web browsing is on the rise. More people are using their&amp;nbsp;smart phones&amp;nbsp;to browse the Internet on the go, which is the reason why your website needs to have mobile compatibility too. Any smart phone can pull up almost every website, however, it could have the user constantly zooming in and out to find what they need. Mobile devices include phones and tablets.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-aNBReAlabEA/Tyqjw5UX_UI/AAAAAAAAASk/woQrb0mJ3lc/s1600/browser-PC-mobile.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-aNBReAlabEA/Tyqjw5UX_UI/AAAAAAAAASk/woQrb0mJ3lc/s1600/browser-PC-mobile.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This chart, provided by &lt;a href="http://www.devicemag.com/" target="_blank"&gt;Device Magazine&lt;/a&gt;, shows the increasing mobile device web browser usage.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;Some have even predicted that in less than 5 years, mobile browsing will be more popular than desktop browsing. Knowing how fast technology is moving, I don't doubt their predictions.&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;Below is my list of mobile web design do's and don'ts:&lt;/h3&gt;&lt;h4&gt;1. Screen Resolution&lt;/h4&gt;Screen resolution is important when making your website mobile device compatible. &lt;a href="http://www.uxbooth.com/" target="_blank"&gt;Uxbooth.com&lt;/a&gt; created this easy to read chart for the various mobile screen dimensions. You will probably need more than one mobile stylesheet for the website.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-ofWtOIij8gE/TyqnUY_uoZI/AAAAAAAAASs/7cQWGLXM3h8/s1600/Screen+shot+2012-02-02+at+10.10.13+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-ofWtOIij8gE/TyqnUY_uoZI/AAAAAAAAASs/7cQWGLXM3h8/s1600/Screen+shot+2012-02-02+at+10.10.13+AM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Mobile device screen resolutions provided by &lt;a href="http://www.uxbooth.com/" target="_blank"&gt;Uxbooth.com&lt;/a&gt;.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;As &lt;a href="http://www.uxbooth.com/" target="_blank"&gt;Uxbooth.com&lt;/a&gt; noted, there are new devices that come into the market constantly. This list will change year to year.&lt;br /&gt;
&lt;h4&gt;2. Keep It Simple&lt;/h4&gt;You are more limited with space on mobile devices. Don't clutter up the screen with too many links or graphics. Make sure the interface is not confusing to the user. The simpler the better. If you don't have many links (or you want the photographs to be in the spotlight), you can focus on images. &lt;a href="http://www.subaru.com/" target="_blank"&gt;Subaru&lt;/a&gt; has a very nice example of this:&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-HL44o3130LU/Tyq8a_4fOMI/AAAAAAAAATU/STLaVLUG2n8/s1600/Screen+shot+2012-02-02+at+11.41.20+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="303" src="http://1.bp.blogspot.com/-HL44o3130LU/Tyq8a_4fOMI/AAAAAAAAATU/STLaVLUG2n8/s320/Screen+shot+2012-02-02+at+11.41.20+AM.png" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Subaru's mobile website.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;If you have a lot of subcategories in your navigation, simplify them and only include the necessary links on the mobile site. This brings us into the next topic. &lt;br /&gt;
&lt;h4&gt;3. Options&lt;/h4&gt;Some users may want to view the full site on their phone. Maybe they can't find what they are looking for or they don't like the layout of the mobile site. Giving them the option to view the full site really helps usability. If the user has a tablet, it may be easier for them to navigate around the full site they're used to instead of using the mobile site. This link is usually towards the bottom of the website design.&lt;br /&gt;
&lt;h4&gt;4. Navigation &amp;amp; Links&lt;/h4&gt;Only include the necessary links and keep buttons simple. If you have a lot of navigation links, narrow it down or lay it out in a different format. For example, &lt;a href="http://www.walmart.com/" target="_blank"&gt;Walmart&lt;/a&gt; &amp;amp; &lt;a href="http://www.amazon.com/" target="_blank"&gt;Amazon&lt;/a&gt; have a lot of navigation and&amp;nbsp;sub navigation&amp;nbsp;on their full website. They simplified it as much as possible so the user would not get lost.&lt;br /&gt;
&lt;br /&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-CVC7azUepaE/TyqzRyFPD8I/AAAAAAAAAS0/vkeC6HUKWI8/s1600/Screen+shot+2012-02-02+at+10.50.23+AM.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="640" src="http://2.bp.blogspot.com/-CVC7azUepaE/TyqzRyFPD8I/AAAAAAAAAS0/vkeC6HUKWI8/s640/Screen+shot+2012-02-02+at+10.50.23+AM.png" width="387" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://www.walmart.com/" target="_blank"&gt;Walmart.com&lt;/a&gt;'s mobile website.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-1D71PB-KQXo/TyqzX8u5DcI/AAAAAAAAAS8/YL78S4-_8DI/s1600/Screen+shot+2012-02-02+at+10.50.14+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="640" src="http://2.bp.blogspot.com/-1D71PB-KQXo/TyqzX8u5DcI/AAAAAAAAAS8/YL78S4-_8DI/s640/Screen+shot+2012-02-02+at+10.50.14+AM.png" width="256" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://www.amazon.com/" target="_blank"&gt;Amazon&lt;/a&gt;'s mobile website.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;5. User Text Entry&lt;/h4&gt;Keep user text entry to a minimum. Make use of checkboxes and drop down menus when possible. The shorter the URL, the better. Remember, these users most likely do not have access to a traditional keyboard and mouse. Some tablet users attach keyboards, however, this is a very small percentage of users.&lt;br /&gt;
&lt;h4&gt;6. Pop-Ups&lt;/h4&gt;This is a definite no-no. On mobile devices, a user can get lost very easily if there are pop up windows and some will not work properly.&lt;br /&gt;
&lt;h4&gt;7. Flash&lt;/h4&gt;Another thing to keep in mind is the fact that Apple mobile devices cannot view Flash based animations or movement. It appears as an icon and big empty space. Many Flash movies can be recreated using HTML5 and Javascript to deliver the same effect while also working on your mobile view. If you can, simplify slideshows and only include one strong image instead of five. Images will drastically affect the website load time.&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;TBH Creative Client Examples&lt;/h4&gt;&lt;a href="http://www.tbhcreative.com/" target=""&gt;TBH Creative&lt;/a&gt; recommends to develop a mobile version of your website and can help you through the options and process. We recently completed a mobile design project for &lt;a href="http://www.wheatonworldwide.com/" target="_blank"&gt;Wheaton World Wide Moving&lt;/a&gt; (under contract by Williams Randall Marketing). The mobile site design has easy to use navigation, minimized text, more spacing between links and buttons for fingers to easily click, and a simple, sleek design. If the full website was viewed on a mobile device, the user could easily get confused. See the difference:&lt;br /&gt;
&lt;br /&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-GnYy59Mfc3M/Tyq53aHTVQI/AAAAAAAAATM/CXgCOnPDXKQ/s1600/Screen+shot+2012-02-02+at+11.30.36+AM.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="360" src="http://4.bp.blogspot.com/-GnYy59Mfc3M/Tyq53aHTVQI/AAAAAAAAATM/CXgCOnPDXKQ/s400/Screen+shot+2012-02-02+at+11.30.36+AM.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Wheaton's homepage. &lt;a href="http://www.wheatonworldwide.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;img border="0" height="400" src="http://3.bp.blogspot.com/-00Z9OyoUM8c/Tyq5QQTSLCI/AAAAAAAAATE/OXvJEhFfxLg/s400/Wheaton_mobile_home_1_v1.jpg" width="235" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img border="0" height="200" src="http://4.bp.blogspot.com/-R4CKWyFU7VU/TytHTk5kFrI/AAAAAAAAAXI/sJIHIKIl25A/s200/Wheaton_mobile_Ballpark_Estimate_1a_v1.jpg" width="140" /&gt;&amp;nbsp; &lt;img border="0" height="200" src="http://4.bp.blogspot.com/-zbGXwRQbjn0/TytHUli0V0I/AAAAAAAAAXY/SWbExTMJFxg/s200/Wheaton_mobile_Find-an-Agent_1a_v1.jpg" width="140" /&gt; &lt;img border="0" height="200" src="http://3.bp.blogspot.com/-c0NlY0-Hu2Y/TytHVLwCYnI/AAAAAAAAAXg/258RjBFbSuw/s200/Wheaton_mobile_Request-an-Estimate_1a_v1.jpg" width="140" /&gt; &lt;img border="0" height="200" src="http://4.bp.blogspot.com/-yu7h_y6wH_o/TytHVSjTx0I/AAAAAAAAAXo/lIqnVUPm4xk/s200/Wheaton_mobile_Request-an-in-home-moving-estimate_1a_v1.jpg" width="140" /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;The mobile version of Wheaton Worldwide is coming soon.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Is your website ready for use on mobile devices?&lt;/b&gt; &lt;a href="http://www.tbhcreative.com/" target="_blank"&gt;TBH Creative&lt;/a&gt; can help you keep up with technology, as well as &lt;a href="http://www.tbhcreative.com/services/web-design/" target="_blank"&gt;mobile web design&lt;/a&gt; or &lt;a href="http://www.tbhcreative.com/services/social-media/" target="_blank"&gt;the newest social media trends&lt;/a&gt;. We are an Indianapolis web design company and would be happy to discuss &lt;a href="http://www.tbhcreative.com/services/web-consultation/" target="_blank"&gt;an online strategy for your business&lt;/a&gt;. &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-5850289511532103701?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/5850289511532103701/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2012/02/mobile-web-design-tips-examples.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5850289511532103701'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5850289511532103701'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2012/02/mobile-web-design-tips-examples.html' title='Mobile Web Design Tips &amp; Examples'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-aNBReAlabEA/Tyqjw5UX_UI/AAAAAAAAASk/woQrb0mJ3lc/s72-c/browser-PC-mobile.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-755756536194364091</id><published>2012-01-27T10:28:00.000-08:00</published><updated>2012-02-02T18:40:28.196-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><title type='text'>The Best (and Worst) Law Firm Website Designs</title><content type='html'>Sometimes it is hard to distinguish what makes a website the "best" because much of it is subjective. Other aspects are more fair to judge such as usability, use of space, site architecture, and content. After searching the Internet for law firm websites, I quickly was able to find some that did all of the above well. Some of it may still be personal preference and even colors. Specifically for law firms and lawyers, a professional appearance is necessary.&lt;br /&gt;
&lt;br /&gt;
Below, I have reviewed three of my favorite law firm websites as well as two of my least favorite.&lt;br /&gt;
&lt;h4&gt;Best Law Firm Websites&lt;/h4&gt;&lt;br /&gt;
&lt;a href="http://lizaburkelaw.com/" target="_blank"&gt;Burke Brown Attorneys&lt;/a&gt;' website is very attractive and easy to navigate. The interior pages could use a little work, but the homepage definitely gives you a good first impression. The color scheme is very simple and doesn't distract the user. The hint of orange splashed throughout the site helps to liven it up.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-Bq9Jax860G0/TyF8hUcP0MI/AAAAAAAAARY/uXJoBi1Wmmo/s1600/Screen+shot+2012-01-26+at+11.11.02+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-Bq9Jax860G0/TyF8hUcP0MI/AAAAAAAAARY/uXJoBi1Wmmo/s1600/Screen+shot+2012-01-26+at+11.11.02+AM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;A screenshot of Burke Brown Attorneys' homepage. &lt;a href="http://lizaburkelaw.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.springhouselaw.com/" target="_blank"&gt;Springhouse Solicitors&lt;/a&gt;' website is colorful and is easy to navigate. The green color is very inviting and not too overpowering. I also like the simplicity in their website. The user is not flooded with crowded&amp;nbsp;drop-down&amp;nbsp;menus as they hover over the navigation. In addition, each interior page is simple and informative.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-Kgb9lDqjX50/TyF8pvTyUII/AAAAAAAAARg/XVcp9Ubltwc/s1600/Screen+shot+2012-01-26+at+11.10.12+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-Kgb9lDqjX50/TyF8pvTyUII/AAAAAAAAARg/XVcp9Ubltwc/s1600/Screen+shot+2012-01-26+at+11.10.12+AM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;A screenshot of Springhouse Solicitors' homepage. &lt;a href="http://www.springhouselaw.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.stipeinjurylaw.com/" target="_blank"&gt;The Law Offices of Stipe &amp;amp; Belote&lt;/a&gt;'s website has a professional appearance. The colors help create a professional look. The Flash animation is almost a bit much, but it is not too overpowering. They definitely shouldn't add anything else animated on the website.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-UjQ0Kaxef-w/TyF8vVoTtDI/AAAAAAAAARo/lhqfeLrnPAE/s1600/Screen+shot+2012-01-26+at+11.12.52+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-UjQ0Kaxef-w/TyF8vVoTtDI/AAAAAAAAARo/lhqfeLrnPAE/s1600/Screen+shot+2012-01-26+at+11.12.52+AM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;A screenshot of The Law Offices of Stipe &amp;amp; Belote's homepage. &lt;a href="http://www.stipeinjurylaw.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;h4&gt;Worst Law Firm Websites&lt;/h4&gt;&lt;br /&gt;
&lt;a href="http://www.brentbuckman.com/" target="_blank"&gt;Brent Buckman&lt;/a&gt;'s website is very colorful, but not in a good way. I had no idea where to look first on this website. That blinding lime green paragraph? The scrolling title? The counter at the top? The highlighted paragraphs at the bottom? This website could use some professional help and clean up. I was shocked his website still looked like this after appearing on Season 5 of The Apprentice.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-DHj2NEUkM_0/TyF9LVGmMxI/AAAAAAAAAR4/aAzkphmX0FE/s1600/Screen+shot+2012-01-26+at+11.10.17+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-DHj2NEUkM_0/TyF9LVGmMxI/AAAAAAAAAR4/aAzkphmX0FE/s1600/Screen+shot+2012-01-26+at+11.10.17+AM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;A screenshot of Brent Buckman's homepage. &lt;a href="http://www.brentbuckman.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.runnelslaw.com/" target="_blank"&gt;Rachel A. Runnel&lt;/a&gt;'s website is very interesting, to say the least. When I first opened up this website, I immediately thought I went to the wrong URL. It looks like the introduction to an online game. After looking in the top left corner, I realized I was at the correct URL (unfortunately). What a lion, tiger, and cheetah have to do with an&amp;nbsp;attorney? The world may never know . .&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-w4vHm9FUCpI/TyF9Qb5tlfI/AAAAAAAAASA/AiKptylMV2s/s1600/Screen+shot+2012-01-26+at+11.17.30+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-w4vHm9FUCpI/TyF9Qb5tlfI/AAAAAAAAASA/AiKptylMV2s/s1600/Screen+shot+2012-01-26+at+11.17.30+AM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;A screenshot of Rachel A. Runnel's homepage. &lt;a href="http://www.runnelslaw.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;h4&gt;TBH Creative Examples&lt;/h4&gt;Make sure your website gives a great first impression. Some users check websites before even going to the business' location. Website first impressions are very important. If you do not know how to create a website, your business is too important to try and guess. Hire a professional.&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;a href="http://hklawfirm.com/pagesroot/pages/home.aspx" target="_blank"&gt;Hostetler &amp;amp; Kowalik PC&amp;nbsp;Attorneys at Law&lt;/a&gt;&amp;nbsp; by &lt;a href="http://www.tbhcreative.com/"&gt;TBH Creative&lt;/a&gt;:&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-b7s_1L6eG1w/TyG1pNaDe2I/AAAAAAAAASI/yNeTRGCfLwc/s1600/Screen+shot+2012-01-26+at+3.18.06+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-b7s_1L6eG1w/TyG1pNaDe2I/AAAAAAAAASI/yNeTRGCfLwc/s1600/Screen+shot+2012-01-26+at+3.18.06+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Hostetler &amp;amp; Kowalik PC's homepage. &lt;a href="http://hklawfirm.com/pagesroot/pages/home.aspx" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;a href="http://smorrill.com/" target="_blank"&gt;Morrill &amp;amp; Associates PC&lt;/a&gt; by &lt;a href="http://www.tbhcreative.com/"&gt;TBH Creative&lt;/a&gt;:&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-E2mDEnW7EvQ/TyG2EqOmjXI/AAAAAAAAASQ/qhzCSUrZIhE/s1600/Screen+shot+2012-01-26+at+3.18.08+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-E2mDEnW7EvQ/TyG2EqOmjXI/AAAAAAAAASQ/qhzCSUrZIhE/s1600/Screen+shot+2012-01-26+at+3.18.08+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;A screenshot of Morrill &amp;amp; Associates PC's homepage. &lt;a href="http://smorrill.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Do you think your law firm's website would make the "bad" list?&lt;/b&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;professional web design and development&lt;/a&gt;&amp;nbsp;for law firms and other professional services. Let us create a great first impression for your business!&amp;nbsp;&lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;Contact us today.&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-755756536194364091?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/755756536194364091/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2012/01/web-design-best-and-worst-law-firm.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/755756536194364091'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/755756536194364091'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2012/01/web-design-best-and-worst-law-firm.html' title='The Best (and Worst) Law Firm Website Designs'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-Bq9Jax860G0/TyF8hUcP0MI/AAAAAAAAARY/uXJoBi1Wmmo/s72-c/Screen+shot+2012-01-26+at+11.11.02+AM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-115214474315604906</id><published>2012-01-19T13:41:00.000-08:00</published><updated>2012-01-19T13:41:30.844-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><title type='text'>Website Forms: Human or Computer? (CAPTCHAs)</title><content type='html'>&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-zKym_tQ6RWY/TxcUNrRkcxI/AAAAAAAAAQg/ynIrFJL8TAM/s1600/Screen+shot+2012-01-18+at+12.50.35+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-zKym_tQ6RWY/TxcUNrRkcxI/AAAAAAAAAQg/ynIrFJL8TAM/s1600/Screen+shot+2012-01-18+at+12.50.35+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;An example of a CAPTCHA from reCAPTCHA by Google.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
CAPTCHAs have become very popular on the Internet lately. CAPTCHA stands for Completely Automated Public Turing Test To Tell Computers and Humans Apart. Good thing they shortened it, right? They make it harder for spammers and bots to get through.&lt;br /&gt;
&lt;br /&gt;
Google has a CAPTCHA called &lt;a href="http://www.google.com/recaptcha" target="_blank"&gt;reCAPTCHA&lt;/a&gt;. It helps to digitize books and newspapers, believe it or not (&lt;a href="http://www.google.com/recaptcha/learnmore" target="_blank"&gt;read more here&lt;/a&gt;). Google also determines if an IP address is solving too many CAPTCHAs in a short amount of time, then flags that IP address. ReCAPTCHA is free and accessible to blind users. Great work, Google!&lt;br /&gt;
&lt;br /&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-2WDdmCS_G50/TxcURIIx1OI/AAAAAAAAAQo/6pLLB7C9fCM/s1600/Screen+shot+2012-01-18+at+12.50.21+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="230" src="http://2.bp.blogspot.com/-2WDdmCS_G50/TxcURIIx1OI/AAAAAAAAAQo/6pLLB7C9fCM/s400/Screen+shot+2012-01-18+at+12.50.21+PM.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;An example of a motionCAPTCHA by Joss Crowcroft.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;a href="http://www.josscrowcroft.com/" target="_blank"&gt;Joss Crowcroft&lt;/a&gt; posted an interesting article on &lt;a href="http://www.josscrowcroft.com/projects/motioncaptcha-jquery-plugin/" target="_blank"&gt;how to create your own motionCAPTCHA&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
MotionCAPTCHAs are really unique.&lt;br /&gt;
&lt;br /&gt;
Thanks to the advancement of HTML5, users are able to draw shapes in a box instead of squinting and turning their heads to figure out the words. This technique would be difficult for someone who has the shakes, so I think the traditional word CAPTCHAs should be offered as another option for users.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;
Live CAPTCHA examples:&lt;/h4&gt;
&lt;a href="http://www.tbhcreative.com/"&gt;TBH Creative&lt;/a&gt; has included a few customized CAPTCHAs on &lt;a href="http://hickorycreekhealthcare.com/" target="_blank"&gt;Hickory Creek Health Care&lt;/a&gt; and &lt;a href="http://cirta.us/" target="_blank"&gt;CIRTA&lt;/a&gt;'s websites:&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-5jfTmkpk1ak/TxiLkHfYnFI/AAAAAAAAAQw/Rev1BfCzI1k/s1600/Screen+shot+2012-01-19+at+4.25.43+PM.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="588" src="http://4.bp.blogspot.com/-5jfTmkpk1ak/TxiLkHfYnFI/AAAAAAAAAQw/Rev1BfCzI1k/s640/Screen+shot+2012-01-19+at+4.25.43+PM.jpg" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Hickory Creek's CAPTCHA. &lt;a href="http://hickorycreekhealthcare.com/contact.asp" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-f3fSBfzOZdM/TxiLvOTYlLI/AAAAAAAAAQ4/2MaRSbCds6w/s1600/Screen+shot+2012-01-19+at+4.23.35+PM.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="528" src="http://1.bp.blogspot.com/-f3fSBfzOZdM/TxiLvOTYlLI/AAAAAAAAAQ4/2MaRSbCds6w/s640/Screen+shot+2012-01-19+at+4.23.35+PM.jpg" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;CIRTA's CAPTCHA for their petition. &lt;a href="http://cirta.us/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
There are also several CAPTCHA examples on &lt;a href="http://captcha.biz/" target="_blank"&gt;Lanap Software&lt;/a&gt;'s website:&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-65BdsA2TnEM/TxiNVZZC9hI/AAAAAAAAARA/HdP7hTsJWMA/s1600/Screen+shot+2012-01-19+at+4.38.39+PM.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="576" src="http://2.bp.blogspot.com/-65BdsA2TnEM/TxiNVZZC9hI/AAAAAAAAARA/HdP7hTsJWMA/s640/Screen+shot+2012-01-19+at+4.38.39+PM.jpg" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;One of Lanap Software's CAPTCHAs. &lt;a href="http://captcha.biz/demos/features/captcha-demo.aspx" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
I noticed a few weeks ago, Facebook is now using CAPTCHAs. My thoughts? It's about time! Spammers and bots have been on Facebook since it began. This helps to reduce those viruses and other spam posts you have seen on the social network site.&lt;br /&gt;
&lt;br /&gt;
I don't think the Internet will ever be 100% safe, but every day we are learning new ways to make it a little more safe and secure!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;
&lt;/div&gt;
&lt;div class="bottomLink"&gt;
&lt;b&gt;Does your site need a CAPTCHA present when a user submits a form?&lt;/b&gt; &lt;a href="http://www.tbhcreative.com/"&gt;TBH Creative&lt;/a&gt; can help! We are located in Indianapolis, Indiana and specialize in all aspects of &lt;a href="http://www.tbhcreative.com/services/web-design/" target=""&gt;web design&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/graphic-design/"&gt;graphic design&lt;/a&gt;.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-115214474315604906?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/115214474315604906/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2012/01/website-forms-human-or-computer.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/115214474315604906'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/115214474315604906'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2012/01/website-forms-human-or-computer.html' title='Website Forms: Human or Computer? (CAPTCHAs)'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-zKym_tQ6RWY/TxcUNrRkcxI/AAAAAAAAAQg/ynIrFJL8TAM/s72-c/Screen+shot+2012-01-18+at+12.50.35+PM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-9021339372607215480</id><published>2012-01-13T09:54:00.000-08:00</published><updated>2012-01-13T09:54:55.133-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><title type='text'>Designing For Your Target Audience</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-3R2TlOaKeyc/Tw22SVQ7buI/AAAAAAAAAPw/A-hn-4pDAlI/s1600/target-audience.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-3R2TlOaKeyc/Tw22SVQ7buI/AAAAAAAAAPw/A-hn-4pDAlI/s1600/target-audience.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;Designing for your target audience is one of the most important factors to be aware of as a web designer. If you don't know or understand the audience and how they behave, that is one of the first questions to ask and find the answer.&lt;br /&gt;
&lt;br /&gt;
When I hear "target audience," I always think back to my high school English class. The teacher would constantly tell us about the importance of our target audience. We used it for speeches, debates and more. English was always one of those classes where I would think, "when will I ever use this in the real world?" Well, here you go. Web and graphic design have a lot of focus on target audience.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.webdesignerdepot.com/" target="_blank"&gt;Web Designer Depot&lt;/a&gt; wrote a great article called &lt;a href="http://www.webdesignerdepot.com/2011/12/designing-for-your-target-audience/" target="_blank"&gt;"Designing for Your Target Audience"&lt;/a&gt;. They outline several important steps to follow when designing.&lt;br /&gt;
&lt;h4&gt;Who are they?&lt;/h4&gt;What does your target audience do for a living? What do they like? How old are they?&lt;br /&gt;
&lt;br /&gt;
It really helps to create several personas. Think about what kind of people will be viewing your design. Be creative, but also be realistic. Senior citizens have different likes than children. If you create a website with neutral colors, it will not be very appealing to children.&lt;br /&gt;
&lt;br /&gt;
Some personas are very long and detailed, while other are short and to the point. You can find examples on several websites. &lt;a href="http://www.uiaccess.com/JustAsk/index.html" target="_blank"&gt;Just Ask&lt;/a&gt; has a few&amp;nbsp;&lt;a href="http://www.uiaccess.com/accessucd/personas_eg.html" target="_blank"&gt;example personas&lt;/a&gt;. Create the personas that will best define your target audience.&lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;Example persona:&lt;/i&gt;&lt;br /&gt;
&lt;br /&gt;
Billy is an 8 year old going to a local public elementary school. He likes playing soccer and basketball. He also loves spending time on the computer. Interactive games are his favorite part class. Each day, his teacher allows 30 minutes of computer time. Computer games are Billy's favorite way to learn. His favorite websites are very colorful and contain a lot of movement.&lt;br /&gt;
&lt;h4&gt;Do the research.&lt;/h4&gt;Research? You have to do research?&amp;nbsp;Yes, but not the kind of research you did in high school and college. The easiest way to do this is by a survey. Once you have figured out your target audience, get a survey together. It can either be online or paper, casual or formal. Gather some questions to ask your target audience. For example, you could ask what makes them want to purchase something: a) packaging b) quality of product c) advertisements, etc. Surveys will help you understand what your target audience wants. Don't be afraid to leave open ended questions! You'd be surprised how many people actually take the time to leave useful comments.&lt;br /&gt;
&lt;h4&gt;What are you doing?&lt;/h4&gt;&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-6hBZEfCSczI/Tw3AlSQKcQI/AAAAAAAAAP4/sE9gTv9h16g/s1600/112305372848.jpg" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="240" src="http://3.bp.blogspot.com/-6hBZEfCSczI/Tw3AlSQKcQI/AAAAAAAAAP4/sE9gTv9h16g/s320/112305372848.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Dry erase markers and whiteboards are fun and easy for&lt;br /&gt;
sketching and brainstorming!&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;Now that you've completed your research, it's time to figure out exactly what you're trying to design for. What is the goal? Are you selling a product, service or both? For example, web designer portfolios usually try to sell services. They very rarely advertise strictly web design. They include other things in the same area, such as, graphic design, print design, web development, usability, search engine optimization, etc. If you only have one service or one product, that's fine, but try not to close your mind on all of the additional possibilities out there! This is a great time to go back and study your research: what do the customers want?&lt;br /&gt;
&lt;h4&gt;Design basics.&lt;/h4&gt;"Above the fold" has been a term used for several decades. It refers to newspaper prints, but we have started using this term in web design. Most important items need to be above the fold. Discuss what your business needs. Do you need a new logo? Print materials? Brochures? Product packaging?&lt;br /&gt;
&lt;h4&gt;Examples of design with a distinct target audience in mind:&lt;/h4&gt;&lt;a href="http://pbskids.org/" target="_blank"&gt;PBS Kids'&lt;/a&gt; website focuses on children in preschool and elementary school for their target audience. Their website is very colorful and playful. There are plenty of interactive things children can do. There is also a secondary&amp;nbsp;section at the bottom for "grownups" if the parents want to learn more about PBS Kids -- in this design, elements are toned down and colors are shifted to a more white and 'open' composition.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-aia-qSXdNkU/TxBBsATYbjI/AAAAAAAAAQQ/ndQxB0rhBjI/s1600/Screen+Shot+2012-01-13+at+9.29.51+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="452" src="http://4.bp.blogspot.com/-aia-qSXdNkU/TxBBsATYbjI/AAAAAAAAAQQ/ndQxB0rhBjI/s640/Screen+Shot+2012-01-13+at+9.29.51+AM.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;PBS Kids' homepage. &lt;a href="http://pbskids.org/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;a href="http://www.hickorycreekhealthcare.com/" target="_blank"&gt;Hickory Creek Healthcare&lt;/a&gt;'s website focuses on senior citizens and their caretakers. The neutral colors appeal to adults. Adults are most likely coming to the website for information on the nursing homes.&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-3ie6dnSNa40/TxBBtVGHAPI/AAAAAAAAAQY/s-rL_uAdmuI/s1600/Screen+Shot+2012-01-13+at+9.32.16+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="454" src="http://3.bp.blogspot.com/-3ie6dnSNa40/TxBBtVGHAPI/AAAAAAAAAQY/s-rL_uAdmuI/s640/Screen+Shot+2012-01-13+at+9.32.16+AM.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Hickory Creek Healthcare's homepage. &lt;a href="http://www.hickorycreekhealthcare.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="separator" style="clear: both;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Thinking about updating your company's&amp;nbsp;web design&amp;nbsp;to appeal to the correct target audience?&lt;/b&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/graphic-design/"&gt;graphic design&lt;/a&gt; as well as other important parts of&amp;nbsp;your marketing strategy&amp;nbsp;(&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt;, &lt;a href="http://www.tbhcreative.com/services/graphic-design/"&gt;logos&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/what-we-do/default.aspx"&gt;more&lt;/a&gt;). Whether you just need a makeover or need to start from scratch, we can help!&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-9021339372607215480?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/9021339372607215480/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2012/01/designing-for-your-target-audience.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/9021339372607215480'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/9021339372607215480'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2012/01/designing-for-your-target-audience.html' title='Designing For Your Target Audience'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-3R2TlOaKeyc/Tw22SVQ7buI/AAAAAAAAAPw/A-hn-4pDAlI/s72-c/target-audience.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-4617809006398707486</id><published>2012-01-09T09:42:00.000-08:00</published><updated>2012-01-12T19:00:41.562-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='branding'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='graphic design'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><category scheme='http://www.blogger.com/atom/ns#' term='content management system'/><category scheme='http://www.blogger.com/atom/ns#' term='web redesign'/><title type='text'>Web Design Case Study: Megan S. Ott Foundation</title><content type='html'>&lt;div style="float: right; margin: 0px 0px 20px 20px;"&gt;&lt;b&gt;Services Provided Include:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;Web Design&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;HTML and CSS Build&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-writing-editing/"&gt;Website Editing and Writing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/content-management-system/"&gt;Content Management System&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/graphic-design/"&gt;Print Design &amp;amp; Logo&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;We launched a new website for the Megan S. Ott Foundation today, and it can be viewed at &lt;a href="http://www.megansottfoundation.org/" target="_blank"&gt;http://www.megansottfoundation.org&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
TBH Creative worked with the Megan S. Ott Foundation over the past year to help them define their brand and build a new website. The purpose of the website is gain support through volunteers and donations for the Megan S. Ott Foundation and all the people they serve. The secondary goal is to raise awareness and brand recognition in the community.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;TBH Creative is a proud sponsor of the Megan S. Ott Foundation. &lt;/b&gt;We strive to be active in the community and support various organizations; this project work was an in-kind donation to the organization, community, all the women and families helped, and the cause. &lt;br /&gt;
&lt;br /&gt;
We created the logo and supporting collateral and all aspects of the website and hosting.&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-gcfLR8Yp7oQ/Twx9su6LWcI/AAAAAAAAADg/sO6TUsM70bw/s1600/Screen+shot+2012-01-10+at+1.00.50+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="608" src="http://4.bp.blogspot.com/-gcfLR8Yp7oQ/Twx9su6LWcI/AAAAAAAAADg/sO6TUsM70bw/s640/Screen+shot+2012-01-10+at+1.00.50+PM.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;The Megan S. Ott Foundation's homepage. &lt;a href="http://www.megansottfoundation.org/" target="_blank"&gt;Visit the website.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-DV1MSP-JRC8/Twx9ysMLJ-I/AAAAAAAAADo/hvL1JpWqhHw/s1600/Screen+shot+2012-01-10+at+1.00.59+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="594" src="http://1.bp.blogspot.com/-DV1MSP-JRC8/Twx9ysMLJ-I/AAAAAAAAADo/hvL1JpWqhHw/s640/Screen+shot+2012-01-10+at+1.00.59+PM.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;An interior page from Megan S. Ott's website. &lt;a href="http://www.megansottfoundation.org/pages/About-Megan/" target="_blank"&gt;Learn more about Megan and the organization.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;Megan S. Ott Foundation Logo:&lt;/h4&gt;&lt;div style="text-align: center;"&gt;&lt;table cellpadding="0" cellspacing="0" style="margin-left: auto; margin-right: auto; text-align: center;border:0px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;border:0px;"&gt;&lt;div class="separator" style="clear: both; text-align: center; border:0px;"&gt;&lt;img border="0" height="141" src="http://3.bp.blogspot.com/-YpBUQkm9F2Q/TwyErZ9al-I/AAAAAAAAAEQ/8ADlyyJ2NyQ/s400/OttLogo_Med.jpg" width="400" style="border:0px solid #fff;" /&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;The Megan S. Ott Foundation logo was designed to be clean and professional, last over time, represent breast cancer, and be used in various sizes and collateral. The organization is about caring and the heart with breast cancer symbol embedded represents that. &lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;h4&gt;Before Redesign:&lt;/h4&gt;&lt;table align="center" cellpadding="0" cellspacing="0" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-b7oo7qA3zTc/TwyMMDfo9CI/AAAAAAAAAEY/ovrXpQxND80/s1600/msott.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="330" src="http://1.bp.blogspot.com/-b7oo7qA3zTc/TwyMMDfo9CI/AAAAAAAAAEY/ovrXpQxND80/s400/msott.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Above is the Megan S. Ott Foundation's homepage before the redesign. The previous website was a great start, but the new website has more substance, photo galleries and information about events as well as a way to accept &lt;a href="https://secure.etransfer.com/custom/megansott/donation/donation1.cfm?CFID=6920039&amp;amp;CFTOKEN=19edf53ac1474fbb-D4E5EBEB-1279-93C8-161B67B9C60FA85F&amp;amp;d2org=MSOFoundation&amp;amp;d2tool=donate" target="_blank"&gt;online donations&lt;/a&gt;.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;About the Megan S. Ott Foundation&lt;/h4&gt;The Megan S. Ott Foundation is the remarkable vision of Megan Snyder Ott. Megan envisioned an organization that would provide immediate personalized financial support and "sunshine" to families in the Indianapolis metro community fighting the day-to-day battle of breast cancer.&lt;br /&gt;
&lt;br /&gt;
Two Foundation volunteers are paired with each recipient to build personal, supportive relationships. &lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Interested in updating your website with a content management system? &lt;/b&gt;TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;website strategy&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web redesign&lt;/a&gt; for organizations and businesses.&amp;nbsp;&lt;a href="http://www.tbhcreative.com/services/content-management-system/"&gt;Content management systems&lt;/a&gt; allow you to maintain your website without having to call a web developer for changes. It serves as an affordable alternative for organizations that require significant, time-sensitive, and/or routine maintenance.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-4617809006398707486?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/4617809006398707486/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2012/01/web-design-case-study-megan-s-ott.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4617809006398707486'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4617809006398707486'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2012/01/web-design-case-study-megan-s-ott.html' title='Web Design Case Study: Megan S. Ott Foundation'/><author><name>tbh creative</name><uri>http://www.blogger.com/profile/09067696658554774871</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-gcfLR8Yp7oQ/Twx9su6LWcI/AAAAAAAAADg/sO6TUsM70bw/s72-c/Screen+shot+2012-01-10+at+1.00.50+PM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-5135148729790034201</id><published>2012-01-06T08:45:00.000-08:00</published><updated>2012-01-11T08:07:58.140-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='usability'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><title type='text'>The Demise of Internet Explorer 6: Web Design Just Got Easier...For Now</title><content type='html'>&lt;a href="http://3.bp.blogspot.com/-lwz0gD3piUE/TwW7qozuBQI/AAAAAAAAAPc/x8zQUwZQL0I/s1600/internet-explorer-6.png" imageanchor="1" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img height="200" src="http://3.bp.blogspot.com/-lwz0gD3piUE/TwW7qozuBQI/AAAAAAAAAPc/x8zQUwZQL0I/s200/internet-explorer-6.png" width="189" /&gt;&lt;/a&gt;&lt;br /&gt;
For web developers everywhere, Internet Explorer 6 has been a trouble maker for quite some time. The code may seem perfect and the website can look beautiful on Safari, Google Chrome, Firefox, Opera and even Internet Explorer 9, but look terrible on the 6th version of Internet Explorer without significant effort to fix. This week, Microsoft announced&amp;nbsp;they will no longer be supporting or updating Internet Explorer 6. &lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;
Less than 1% of United States Internet users use IE6.&lt;/blockquote&gt;
&lt;br /&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-TxSoRESjSqQ/TwW8NGONR9I/AAAAAAAAAPo/mamuMTEg3hk/s1600/html5-cake.jpg" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="214" src="http://2.bp.blogspot.com/-TxSoRESjSqQ/TwW8NGONR9I/AAAAAAAAAPo/mamuMTEg3hk/s320/html5-cake.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Microsoft's cake celebrating the demise of IE6.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;a href="http://www.pcworld.com/" target="_blank"&gt;PC World&lt;/a&gt; explains several reasons why you should abandon IE6 in their article &lt;a href="http://www.pcworld.com/businesscenter/article/247310/if_youre_part_of_the_ie6_one_percent_youre_doing_it_wrong.html" target="_blank"&gt;"If You're Part of the IE6 One Percent, You're Doing It Wrong"&lt;/a&gt;. The article points out that IE6 is over a decade old and was developed prior to all of the malware attacks that are all over the Internet today. This is a large security concern for those users. I'm surprised that the 1% of IE6 users have not picked up a virus on their computer yet. Microsoft also announced they will begin automatically updating Internet Explorer for users, similar to Firefox and Google Chrome which will be&amp;nbsp;a nice feature to keep people updated moving forward.&lt;br /&gt;
&lt;br /&gt;
Microsoft was even celebrating the demise of their 6th version of Internet Explorer. &lt;a href="http://www.eweek.com/" target="_blank"&gt;EWeek.com&lt;/a&gt; posted an article called &lt;a href="http://www.eweek.com/c/a/Desktops-and-Notebooks/Microsoft-Trumpets-Internet-Explorer-6s-Impending-Demise-374528/" target="_blank"&gt;"Microsoft Trumpets Internet Explorer 6's Impending Demise"&lt;/a&gt;. They also made a cake for the celebration. Roger Capriotti, a member of Internet Explorer’s marketing team, stated Austria, Poland, Sweden, Denmark, Finland and Norway's IE6 users have also dropped below 1%. According to &lt;a href="http://gs.statcounter.com/" target="_blank"&gt;StatCounter&lt;/a&gt;, in the United States 47% of users use Internet Explorer, 20% use Firefox, 18% use Google Chrome, 12% use Safari, 1% use Opera, and 2% use other browsers. Below is a graph breaking down the usage of Internet Explorer browser usage.&lt;br /&gt;
&lt;br /&gt;
﻿ &lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-QzEdpGLnbcM/TwYl9kbNZfI/AAAAAAAAAWo/ZeEo7qXJ-S8/s1600/ie-browser-stats.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" rea="true" src="http://1.bp.blogspot.com/-QzEdpGLnbcM/TwYl9kbNZfI/AAAAAAAAAWo/ZeEo7qXJ-S8/s1600/ie-browser-stats.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Source: &lt;a href="http://www.w3schools.com/browsers/browsers_explorer.asp" target="_blank"&gt;W3Schools&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
﻿ &lt;br /&gt;
As programming languages get more advanced, browsers will need to follow suit. Without IE6, most of the popular browsers are compatible with the newest features in web design. Like most technology, browsers will have to make updates often to keep up.&lt;br /&gt;
&lt;br /&gt;
Humorously, Mashable wrote an article in January 2010 about IE 6 titled &lt;a href="http://mashable.com/2010/01/18/5-more-reasons-why-ie6-must-die/" target="_blank"&gt;5 More Reasons IE 6 must Die&lt;/a&gt;... obviously, its been a long time coming.&lt;br /&gt;
&lt;h4&gt;
Are you a part of that 1% still using Internet Explorer 6?&lt;/h4&gt;
It's okay. You just need to upgrade as soon as possible. For your computer's safety, you should upgrade to &lt;a href="http://www.microsoft.com/download/en/details.aspx?id=43" target="_blank"&gt;IE8&lt;/a&gt; or &lt;a href="http://www.microsoft.com/ie9" target="_blank"&gt;IE9&lt;/a&gt;. There are also several other browsers to choose from out there: Firefox, Google Chrome, Safari, and Opera (just to name a few).&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;
&lt;/div&gt;
&lt;div class="bottomLink"&gt;
&lt;b&gt;TBH Creative is a web development company located in Indianapolis, Indiana.&lt;/b&gt; We keep up with web technology and design to best help you maximize your online marketing potential. &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;Engage in a web consultation with TBH Creative&lt;/a&gt; and we'll help you figure out where to go next and explore your options.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-5135148729790034201?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/5135148729790034201/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2012/01/demise-of-internet-explorer-6-web.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5135148729790034201'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5135148729790034201'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2012/01/demise-of-internet-explorer-6-web.html' title='The Demise of Internet Explorer 6: Web Design Just Got Easier...For Now'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-lwz0gD3piUE/TwW7qozuBQI/AAAAAAAAAPc/x8zQUwZQL0I/s72-c/internet-explorer-6.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-895300931627648425</id><published>2012-01-02T06:27:00.000-08:00</published><updated>2012-01-02T06:27:08.459-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='web redesign'/><title type='text'>Web Design Trends for 2012: One Page Layouts</title><content type='html'>We are doing a series of &lt;a href="http://blog.tbhcreative.com/2011/11/web-design-trends-for-2012.html"&gt;2012 web design trends&lt;/a&gt;, and our seventh and final prediction for web design trends in 2012 is &lt;i&gt;one page layouts&lt;/i&gt;. &lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;One page layouts&lt;/b&gt; are beautiful, if they're done right. When constructing a one page website, make sure you don't have &lt;i&gt;too&lt;/i&gt; much information. One page layouts work best with small, minimalist websites. Less is more in this scenario. If you have a lot of content, you may want to consider a multi-page layout.&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;a href="http://skidpasset.se/" target="_blank"&gt;Skidpasset&lt;/a&gt;'s website is a great example of a one page layout. I especially like how the navigation follows you throughout the site. It is important that the user doesn't lose the navigation.&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-OIXwU6Y-Dfo/TvJFeKObOpI/AAAAAAAAAOo/yMHrMr2ERZE/s1600/Screen+shot+2011-12-21+at+3.38.19+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-OIXwU6Y-Dfo/TvJFeKObOpI/AAAAAAAAAOo/yMHrMr2ERZE/s1600/Screen+shot+2011-12-21+at+3.38.19+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Skidpasset's home page screen. &lt;a href="http://skidpasset.se/#" target="_blank"&gt;Visit the site for the full experience.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="text-align: left;"&gt;&lt;a href="http://carterdigital.com.au/" target="_blank"&gt;Carter Digital&lt;/a&gt;'s website also has a navigation that follows the user down the page. The following navigation, however, is different from the "home" screen navigation. Changing the navigation shows other designers you don't have to be stuck with the same navigation on the "interior" screens.&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-oAoFXPdUCew/TvJIPPuPRdI/AAAAAAAAAOw/jGFnKBYLr_M/s1600/Screen+shot+2011-12-21+at+3.55.01+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-oAoFXPdUCew/TvJIPPuPRdI/AAAAAAAAAOw/jGFnKBYLr_M/s1600/Screen+shot+2011-12-21+at+3.55.01+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Carter Digital's home page screen. &lt;a href="http://carterdigital.com.au/" target="_blank"&gt;View the site for the full experience.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;a href="http://beetle.de/" target="_blank"&gt;Volkswagen Beetle&lt;/a&gt;'s website takes a long time to load, but it is definitely worth the wait. Let the scrolling begin!&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-7Sa-iD414CU/TvJJK_R0REI/AAAAAAAAAO4/mkrWMxLxVqU/s1600/Screen+shot+2011-12-21+at+4.01.35+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-7Sa-iD414CU/TvJJK_R0REI/AAAAAAAAAO4/mkrWMxLxVqU/s1600/Screen+shot+2011-12-21+at+4.01.35+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Volkswagen Beetle's home page screen. &lt;a href="http://beetle.de/" target="_blank"&gt;View the site for the full experience.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;
&lt;div style="text-align: left;"&gt;I think it is extremely important that the navigation is accessible throughout the layout. If the user scrolls down to the bottom of the page and the navigation is missing, it confuses the user (even though all of the information is on the same page).&lt;/div&gt;&lt;h4 style="text-align: left;"&gt;Do you want to check out more one page web designs?&lt;/h4&gt;&lt;div style="text-align: left;"&gt;&lt;a href="http://onepagelove.com/" target="_blank"&gt;One Page Love&lt;/a&gt; has endless pages of beautiful one page designs. I could probably spend hours on this site. They have a variety of lists, from most loved sites to sites that should be launching soon.&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: left;"&gt;Our &lt;a href="http://blog.tbhcreative.com/2010/11/web-design-trends-for-2011.html"&gt;web design predictions for 2011&lt;/a&gt; also included one-page layouts. It is a growing trend and will continue throughout 2012. See some of our examples there.&lt;/div&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;b&gt;Do you want to add some of these new trends to your website?&lt;/b&gt; It is important to continually update your website and incorporate new trends -- your website is a 24/7 marketing tool for your business and communicates to visitors many times before they even make contact with you. &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;Schedule a web consultation&lt;/a&gt; with TBH Creative.&amp;nbsp;We specialize in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt;&amp;nbsp;and are committed to keeping up with the newest web design trends.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-895300931627648425?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/895300931627648425/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2012/01/web-design-trends-for-2012-one-page.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/895300931627648425'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/895300931627648425'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2012/01/web-design-trends-for-2012-one-page.html' title='Web Design Trends for 2012: One Page Layouts'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-OIXwU6Y-Dfo/TvJFeKObOpI/AAAAAAAAAOo/yMHrMr2ERZE/s72-c/Screen+shot+2011-12-21+at+3.38.19+PM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-5452215926341678293</id><published>2011-12-29T08:35:00.000-08:00</published><updated>2011-12-29T08:35:23.398-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='strategically social'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><title type='text'>Web Design Trends for 2012: Social Media Integration</title><content type='html'>We are doing a series of &lt;a href="http://blog.tbhcreative.com/2011/11/web-design-trends-for-2012.html"&gt;2012 web design trends&lt;/a&gt;, and our sixth prediction for web design trends in 2012 is &lt;i&gt;social media integration&lt;/i&gt;. &lt;br /&gt;
&lt;br /&gt;
Social media&amp;nbsp;is everywhere. It's on our computers, phones, televisions and even in our cars. &lt;b&gt;Social media integration&lt;/b&gt; will not be going away any time soon (at least not in the next few years).&lt;br /&gt;
&lt;br /&gt;
My favorite websites with social media integration are from local designers (located in central Indiana). When I began this blog topic, I knew exactly which three websites I would showcase:&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;Our website (&lt;a href="http://www.tbhcreative.com/" target=""&gt;TBH Creative&lt;/a&gt;)&amp;nbsp;puts an emphasis on&amp;nbsp;social media integration linked from the bottom of each page as well as the left sidebar on interior pages. We link to our client's social media pages as well under our portfolio. Custom social media icons that match your website design are an excellent option. They blend in well with the design and don't look like they were just thrown in there.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-bNSbes8xe10/TvI5Hb3CS-I/AAAAAAAAAOY/4cG9a1yn2Ws/s1600/Screen+shot+2011-12-21+at+2.52.40+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-bNSbes8xe10/TvI5Hb3CS-I/AAAAAAAAAOY/4cG9a1yn2Ws/s1600/Screen+shot+2011-12-21+at+2.52.40+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;TBH Creative's home page. &lt;a href="http://www.tbhcreative.com/"&gt;Visit the site for the full experience.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;a href="http://www.kthornbloom.com/" target="_blank"&gt;Kevin Thornbloom&lt;/a&gt;'s website has very unique social media integration. You will need to visit&amp;nbsp;the site&amp;nbsp;to get the full experience. When you click on the buttons, it changes the title accordingly. Kevin uses kthornbloom as his username on every social media site, so it makes it very easy to use this technique!&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-y685G4Dsi4g/TvI4StwnvcI/AAAAAAAAAOQ/eHGwCLUiIxA/s1600/Screen+shot+2011-12-21+at+2.49.32+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-y685G4Dsi4g/TvI4StwnvcI/AAAAAAAAAOQ/eHGwCLUiIxA/s1600/Screen+shot+2011-12-21+at+2.49.32+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Kevin Thornbloom's home page. &lt;a href="http://www.kthornbloom.com/" target="_blank"&gt;Visit the site for the full experience.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;a href="http://thebasement.tv/" target="_blank"&gt;The Basement&lt;/a&gt;'s contact page is very entertaining. The social media birds hop around on the telephone wire as you're on the contact page. They also have custom social media icons, which makes the website flow together very well.&lt;/div&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-Pvr7z8ji8wQ/TvI8zZZvyII/AAAAAAAAAOg/wiQAxkjNPG8/s1600/Screen+shot+2011-12-21+at+3.09.13+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-Pvr7z8ji8wQ/TvI8zZZvyII/AAAAAAAAAOg/wiQAxkjNPG8/s1600/Screen+shot+2011-12-21+at+3.09.13+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;The Basement's home page. &lt;a href="http://thebasement.tv/" target="_blank"&gt;Visit the site for the full experience.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
Social media integration is key in web development this year. Now, more than ever, people are spending more time on social media sites than any other site on the web. For example, four out of the seven tabs on my browser are social media sites. News stories, friend updates, funny pictures: you name it, you can probably find it on a social media site.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Is your website in need of social media integration?&lt;/b&gt; There's a team for that! TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/social-media/"&gt;social media&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/what-we-do/default.aspx"&gt;much more&lt;/a&gt;.&amp;nbsp;In today's digital world, your Internet presence is more than just your website. A &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;social media strategy&lt;/a&gt; could help you gain the competitive advantage.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-5452215926341678293?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/5452215926341678293/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-social-media.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5452215926341678293'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5452215926341678293'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-social-media.html' title='Web Design Trends for 2012: Social Media Integration'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-bNSbes8xe10/TvI5Hb3CS-I/AAAAAAAAAOY/4cG9a1yn2Ws/s72-c/Screen+shot+2011-12-21+at+2.52.40+PM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-3851428878888706865</id><published>2011-12-21T11:43:00.000-08:00</published><updated>2011-12-22T12:33:17.721-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Photography'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><title type='text'>Web Design Trends for 2012: Large High Quality Photograph Backgrounds</title><content type='html'>We are doing a series of &lt;a href="http://blog.tbhcreative.com/2011/11/web-design-trends-for-2012.html"&gt;2012 web design trends&lt;/a&gt;, and our fifth prediction for web design trends in 2012 is &lt;i&gt;large high quality photograph backgrounds&lt;/i&gt;. &lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Large, high quality photograph backgrounds&lt;/b&gt;&amp;nbsp;can add a lot to a company's website. It is important that they are high quality images. You do not want a large, pixelated background; it is not enjoyable for the user. Just a tip from graphic and web designers everywhere: &lt;b&gt;&lt;i&gt;never&lt;/i&gt;&lt;/b&gt;&amp;nbsp;enlarge a photograph. Be sure to only size images down. If your picture is not large enough to use as a background for a webpage, then don't use it. Below are a few websites that use the large, high quality photograph technique for their backgrounds:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://smokingtakeslives.org.au/" target="_blank"&gt;Smoking Takes Lives&lt;/a&gt; features a story of Mick Roberts (who's life was changed by smoking). This large photograph will help to grab the user and have them watch the video before accessing any other part of the website.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-JG2k5tbMxyU/TvIplxDtZVI/AAAAAAAAAN4/1dvMgFPJSeY/s1600/Screen+shot+2011-12-21+at+1.41.23+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-JG2k5tbMxyU/TvIplxDtZVI/AAAAAAAAAN4/1dvMgFPJSeY/s1600/Screen+shot+2011-12-21+at+1.41.23+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Smoking Takes Lives' homepage. &lt;a href="http://smokingtakeslives.org.au/" target="_blank"&gt;Visit the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;a href="http://www.simon-k.com/comet/" target="_blank"&gt;Simon &amp;amp; Comet&lt;/a&gt;'s website features his motorsport photography. After translating the webpage to English, I noticed that he also is a web designer. He has a passion for motorsports. It is a great way to combine the two things he is passionate about.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-J-EzseLIb_g/TvIpmaOYKCI/AAAAAAAAAOA/YJJBdSmgd2M/s1600/Screen+shot+2011-12-21+at+1.42.38+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-J-EzseLIb_g/TvIpmaOYKCI/AAAAAAAAAOA/YJJBdSmgd2M/s1600/Screen+shot+2011-12-21+at+1.42.38+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Simon &amp;amp; Comet's homepage. &lt;a href="http://www.simon-k.com/comet/" target="_blank"&gt;Visit the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;a href="http://www.pocopeople.com.au/" target="_blank"&gt;Poco People&lt;/a&gt;'s homepage has a very nice "pop" of color. Your eyes are immediately drawn to Travis and Kelly (the owners) in the middle. Just a simple red scarf and red jacket are all they needed to attract the user.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;div style="text-align: left;"&gt;&lt;a href="http://4.bp.blogspot.com/-14PlNblUFXo/TvItPGrI2GI/AAAAAAAAAOI/ImbCWyc5418/s1600/Screen+shot+2011-12-21+at+2.00.52+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-14PlNblUFXo/TvItPGrI2GI/AAAAAAAAAOI/ImbCWyc5418/s1600/Screen+shot+2011-12-21+at+2.00.52+PM.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Poco People's homepage. &lt;a href="http://www.pocopeople.com.au/" target="_blank"&gt;Visit the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
Just remember, not every website will look great with a large photograph background. When in doubt, ask a web or graphic designer. A company that sells kitchen knives will probably lose customers if there is a very large butcher knife pictured on their homepage. What looks great to you might not look great to the user.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Interested in adding a large, high quality photograph background to your website?&lt;/b&gt;&amp;nbsp;&lt;a href="http://www.tbhcreative.com/"&gt;TBH Creative&lt;/a&gt; is located in Indianapolis, Indiana. We strive to make sure your website top-notch and up-to-date with design styles. &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;Schedule a web consultation&lt;/a&gt; with us to see what we can do for your business.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-3851428878888706865?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/3851428878888706865/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-large-high.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3851428878888706865'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3851428878888706865'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-large-high.html' title='Web Design Trends for 2012: Large High Quality Photograph Backgrounds'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-JG2k5tbMxyU/TvIplxDtZVI/AAAAAAAAAN4/1dvMgFPJSeY/s72-c/Screen+shot+2011-12-21+at+1.41.23+PM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-3218081047088126705</id><published>2011-12-19T12:45:00.000-08:00</published><updated>2011-12-19T12:45:00.831-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='branding'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='graphic design'/><title type='text'>Indianapolis Graphic Design Review: Super Bowl 2012 Host Committee Poster</title><content type='html'>&lt;div&gt;&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-o94QanyWJR4/Tuu9thoBg6I/AAAAAAAAANs/9DmUzwivhCs/s1600/poster.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="http://3.bp.blogspot.com/-o94QanyWJR4/Tuu9thoBg6I/AAAAAAAAANs/9DmUzwivhCs/s400/poster.jpg" width="300" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Super Bowl Host Committee 2012 Poster - Indianapolis&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;As some of you may know, the Super Bowl is being hosted in Indianapolis, Indiana this year. It is an honor for our city to be the home of such a large event! The city's plans are starting to come together now that the Super Bowl is only a few months away.&lt;br /&gt;
&lt;br /&gt;
This week, an official poster was released. The Superbowl Host Committee's poster was created by Indiana artist Walter Knabe. &lt;a href="http://www.indystar.com/article/20111214/NEWS11/111214031/Host-Committee-unveils-official-Super-Bowl-poster-tonight" target="_blank"&gt;An article by the Indianapolis Star&lt;/a&gt; states "His work is represented in galleries and museums around the world." After seeing the poster and reading the article, I was very curious and decided to find &lt;a href="http://www.walterknabe.com/" target="_blank"&gt;Knabe's portfolio website&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
While browsing through his website, I noticed he specializes in &lt;i&gt;fabric and wall covering design&lt;/i&gt;. Yes, fabric and wall covering. Not graphic design.&lt;br /&gt;
&lt;br /&gt;
I was disappointed in the graphic design and originality of the poster. It seemed elementary. For examle, I found &lt;a href="http://qbrushes.net/misc/photoshop-star-brushes/" target="_blank"&gt;this file&lt;/a&gt; of identical Photoshop star brushes via Google in about two seconds. The ink splatter brushes could be found just as easily. The logo was already created and the other images could probably be found on Google Images. To be honest, any graphic designer in the industry could replicate this poster in about thirty minutes to an hour.&lt;br /&gt;
&lt;br /&gt;
Just to clear things up, this poster was &lt;i&gt;not &lt;/i&gt;done by the National Football League (NFL). It was created for the Super Bowl Host Committee. So, why couldn't Indianapolis do better? There are several graphic design firms in Indianapolis that would have loved the opportunity to make a poster for the Host Committee.&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;
What do you think about this poster representing the Super Bowl Host Committee of Indianapolis?&lt;/b&gt; As you can tell, I am not a fan of the Host Committee's poster. Please leave comments; don't be a stranger! I am very interested in hearing other responses on this poster. &lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;br /&gt;
&lt;b&gt;Is your brand in need a face lift?&lt;/b&gt; TBH Creative is located in Indianapolis, Indiana. We specialize in &lt;a href="http://www.tbhcreative.com/services/graphic-design/" target=""&gt;graphic design&lt;/a&gt;, &lt;a href="http://www.tbhcreative.com/services/web-design/" target=""&gt;web design&lt;/a&gt;, &lt;a href="http://www.tbhcreative.com/services/strategy/" target=""&gt;strategy&lt;/a&gt; and related marketing services. A professional designer and planned online strategy can increase your marketing results. We have experience with the portfolio to show for it. Contact us today to &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx" target=""&gt;schedule a consultation&lt;/a&gt;.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-3218081047088126705?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/3218081047088126705/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/12/indianapolis-graphic-design-review.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3218081047088126705'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3218081047088126705'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/12/indianapolis-graphic-design-review.html' title='Indianapolis Graphic Design Review: Super Bowl 2012 Host Committee Poster'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-o94QanyWJR4/Tuu9thoBg6I/AAAAAAAAANs/9DmUzwivhCs/s72-c/poster.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-3256489421568042191</id><published>2011-12-16T16:21:00.000-08:00</published><updated>2011-12-22T12:39:43.499-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><title type='text'>Web Design Case Study: Franciscan Alliance Foundation</title><content type='html'>&lt;div style="float: right; margin: 0px 0px 20px 20px;"&gt;&lt;b&gt;Services Provided Include:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;Web Design&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;HTML and CSS Build&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-writing-editing/"&gt;Website Editing and Writing&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;We launched a new website for the Franciscan Alliance Foundation today and it can be viewed at &lt;a href="http://www.franciscanalliance.org/foundation/" target="_blank"&gt;http://www.franciscanalliance.org/foundation/&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
TBH Creative worked with the Franciscan Alliance Foundation this&amp;nbsp;Fall to help with their new website. The purpose of the website is to serve a 'home' for all Franciscan Alliance Foundations and receive support through donations.&lt;br /&gt;
We proposed a clean design that was very similar to the new Franciscan Alliance brand and complimentary to the &lt;a href="http://www.franciscanalliance.com/communitybenefit" target="_blank"&gt;Ceommunity Benefits&lt;/a&gt; website graphics and arrangement. We build the HTML framework to work with their Content management system and including some custom JQuery for rotation of stories, main ideas, and pop up window for donations. The application work was completed by their IS department with our support for graphics and arrangement.&lt;br /&gt;
﻿&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-XXcavrWZ66E/TvHu_5SdlDI/AAAAAAAAACo/SqcWqnQHLBs/s1600/home.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="496" src="http://2.bp.blogspot.com/-XXcavrWZ66E/TvHu_5SdlDI/AAAAAAAAACo/SqcWqnQHLBs/s640/home.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;The Franciscan Alliance Foundation's homepage. &lt;a href="http://www.franciscanalliance.org/Foundation/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-4s0R7JR61uE/TvHvBf4_cCI/AAAAAAAAACw/6rk2O4CBW0U/s1600/interior.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="494" src="http://1.bp.blogspot.com/-4s0R7JR61uE/TvHvBf4_cCI/AAAAAAAAACw/6rk2O4CBW0U/s640/interior.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;An interior page from the Franciscan Alliance Foundation's website. &lt;a href="http://www.franciscanalliance.org/Foundation/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;br /&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;About the Franciscan Alliance Foundation&lt;/h4&gt;The foundress, Mother Maria Theresia Bonzel, was drawn to the ideals of St. Francis of Assisi, who left a legacy of faith characterized by selfless giving and the spirit of love; he loved every person without measure or discrimination. The care and compassion of St. Francis was continued in this country when Mother Maria Theresia sent six Sisters from Olpe, Germany to Lafayette, Indiana in 1875 to begin a ministry of healthcare and education for the poor and neglected. &lt;br /&gt;
&lt;br /&gt;
St. Francis continues to be a source of inspiration for Franciscan Alliance as they “Continue Christ’s ministry in [their] Franciscan tradition” by loving and caring for the "least" among us—the unloved, the poor, the uncared for, the person who has no health insurance, the person who is shunned by society today. The Franciscan Alliance turns no one away.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Interested in updating the look of your current website? &lt;/b&gt;TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;website strategy&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web redesign&lt;/a&gt; for organizations and businesses. Experts suggest a redesign be implemented every 2-4 years to keep up with the quickly changing Internet and technology. We can help make strategic and smart changes that will yield results.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-3256489421568042191?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/3256489421568042191/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-case-study-franciscan.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3256489421568042191'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3256489421568042191'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-case-study-franciscan.html' title='Web Design Case Study: Franciscan Alliance Foundation'/><author><name>tbh creative</name><uri>http://www.blogger.com/profile/09067696658554774871</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-XXcavrWZ66E/TvHu_5SdlDI/AAAAAAAAACo/SqcWqnQHLBs/s72-c/home.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-3327441607377263152</id><published>2011-12-14T14:00:00.000-08:00</published><updated>2011-12-14T14:00:03.600-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><title type='text'>Web Design Trends for 2012: Typography</title><content type='html'>We are doing a series of &lt;a href="http://blog.tbhcreative.com/2011/11/web-design-trends-for-2012.html"&gt;2012 web design trends&lt;/a&gt;, and our fourth prediction for web design trends in 2012 is &lt;i&gt;typography&lt;/i&gt;. &lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Typography&lt;/b&gt; is probably my favorite trend in web design (if I had to choose just one). I could spend hours looking at beautiful typography on the Internet. There are several examples out there; &lt;a href="https://www.google.com/search?gcx=w&amp;amp;sourceid=chrome&amp;amp;ie=UTF-8&amp;amp;q=typography+web+design" target="_blank"&gt;Google&lt;/a&gt; gave me 31,200,000 results for "typography web design". I found it incredibly difficult to only pick three websites to showcase.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.ipolecat.com/#home" target="_blank"&gt;Polecat&lt;/a&gt; has a very playful theme for their website. The whimsical typography works well with the design.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-RQAkqgeaJes/TuepQ5UC8WI/AAAAAAAAANU/kQnFR8TvJdQ/s1600/Screen+shot+2011-12-13+at+2.34.24+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-RQAkqgeaJes/TuepQ5UC8WI/AAAAAAAAANU/kQnFR8TvJdQ/s1600/Screen+shot+2011-12-13+at+2.34.24+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Polecat's homepage. &lt;a href="http://www.ipolecat.com/#home" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;a href="http://www.indubitablee.com/" target="_blank"&gt;Indubitablee&lt;/a&gt; has custom and beautiful typography on her website. While I was clicking around through her site, I noticed there are no "common" fonts to be found. She used unique fonts throughout her website and it all blends together perfectly!&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-6mglqZLvp5A/TuerCl-lC2I/AAAAAAAAANc/EmpTf4_3kRw/s1600/Screen+shot+2011-12-13+at+2.40.48+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-6mglqZLvp5A/TuerCl-lC2I/AAAAAAAAANc/EmpTf4_3kRw/s1600/Screen+shot+2011-12-13+at+2.40.48+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Indubitablee's homepage. &lt;a href="http://www.indubitablee.com/index.html" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;Typography doesn't necessarily have to be fancy, custom fonts.&amp;nbsp;&lt;a href="http://benlind.com/" target="_blank"&gt;Ben Lind&lt;/a&gt;'s website is an example of very simple, elegant typography. He used a common san serif font and made it his own.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-Extspe9JXsA/TuesUA9GXhI/AAAAAAAAANk/vP7tp_cR0kE/s1600/Screen+shot+2011-12-13+at+2.47.46+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-Extspe9JXsA/TuesUA9GXhI/AAAAAAAAANk/vP7tp_cR0kE/s1600/Screen+shot+2011-12-13+at+2.47.46+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Ben Lind's homepage. &lt;a href="http://benlind.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;  How can I include typography on my website?&lt;/h4&gt;&lt;a href="http://sixrevisions.com/" target="_blank"&gt;Six Revisions&lt;/a&gt; posted a wonderful article called "&lt;a href="http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/" target="_blank"&gt;A Basic Look at Typography in Web Design&lt;/a&gt;". They explain the different aspects of typography as well as common mistakes web designers make. One important thing is to make sure the typography "matches" your website theme. If you have a very professional theme with a whimsical font, it could confuse the user and/or your potential customers. &lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Interested in adding beautiful typography to your website?&lt;/b&gt; TBH Creative can help! We specialize in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt;, &lt;a href="http://www.tbhcreative.com/services/graphic-design/"&gt;graphic design&lt;/a&gt;, and &lt;a href="http://www.tbhcreative.com/services/what-we-do/default.aspx"&gt;much more&lt;/a&gt;! Contact us today to &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx" target="_blank"&gt;schedule a web consultation.&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-3327441607377263152?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/3327441607377263152/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-typography.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3327441607377263152'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3327441607377263152'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-typography.html' title='Web Design Trends for 2012: Typography'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-RQAkqgeaJes/TuepQ5UC8WI/AAAAAAAAANU/kQnFR8TvJdQ/s72-c/Screen+shot+2011-12-13+at+2.34.24+PM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-3888169039891561661</id><published>2011-12-14T10:19:00.000-08:00</published><updated>2011-12-22T12:46:31.013-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><title type='text'>Web Design Case Study: Anne Reese Photography</title><content type='html'>&lt;div style="float: right; margin: 0px 0px 20px 20px;"&gt;&lt;b&gt;Services Provided Include:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;HTML and CSS Build&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/application-development/"&gt;Custom Application Development&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;We launched a new website for Anne Reese Photography today and it can be viewed at &lt;a href="http://www.annereesephotos.com/" target="_blank"&gt;http://www.annereesephotos.com/&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
TBH Creative worked with Anne Reese Photography this&amp;nbsp;Fall to help with her new website. &lt;br /&gt;
&lt;br /&gt;
Anne hired TBH Creative after consulting with another firm for 1 1/2 years and not seeing results. We were able to&amp;nbsp;reuse the basic design ideas as a starting point. From there, we coded and paid special attention to browser compatiblity which was very important to Anne. We included some JQuery to re-scale photos based on screen size, allow for scrolling and pop up window for a larger view. We also developed a custom application to help her manage her photos into categories and random display. With her software, she can upload photos that will resize and arrange as she specifies into the front-end design.&lt;br /&gt;
﻿&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-mb4KHkYWkro/TvII--jXRZI/AAAAAAAAADI/sHNr34PI0vc/s1600/Screen+shot+2011-12-21+at+11.01.30+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="348" src="http://3.bp.blogspot.com/-mb4KHkYWkro/TvII--jXRZI/AAAAAAAAADI/sHNr34PI0vc/s640/Screen+shot+2011-12-21+at+11.01.30+AM.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Anne Reese Photography's homepage. &lt;a href="http://www.annereesephotos.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-tuppfujckBo/TvIHONRiGvI/AAAAAAAAADA/HKhvTr4V6xQ/s1600/Screen+shot+2011-12-21+at+11.01.41+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="346" src="http://1.bp.blogspot.com/-tuppfujckBo/TvIHONRiGvI/AAAAAAAAADA/HKhvTr4V6xQ/s640/Screen+shot+2011-12-21+at+11.01.41+AM.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Here is an interior page from Anne Reese Photography's website. &lt;a href="http://www.annereesephotos.com/" target="_blank"&gt;View the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;About the Anne Reese Photography&lt;/h4&gt;After receiving a Bachelor's Degree in Photography from The Columbus College of Art &amp;amp; Design, Anne moved to New York to master the techniques used by the very best in the field. For a few years she assisted, prop styled, and retouched her way around New York City working for high-end photographers and food stylists. Ultimately, she realized that just taking a great photo would not be enough to set her apart from the rest of the food shooters. &lt;br /&gt;
&lt;br /&gt;
Anne spent the next three years working full-time as the Digital Asset Manager and Photographer for The Culinary Institute of America (CIA) in Hyde Park, New York. Along the way, Anne was fortunate enough to have met and photographed some of the best chefs in the world. She took full advantage of her opportunities at the CIA and left New York with greater understanding and mastery of her two true passions-food and photography.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Don't know where to start in creating a website for your business?&lt;/b&gt; Look no further! TBH Creative is located in Indianapolis, Indiana and specializes in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt;, &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;online strategy&lt;/a&gt;, and &lt;a href="http://www.tbhcreative.com/services/what-we-do/default.aspx"&gt;more&lt;/a&gt;! Contact us today for a &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;web consultation&lt;/a&gt;.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-3888169039891561661?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/3888169039891561661/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-case-study-anne-reese.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3888169039891561661'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3888169039891561661'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-case-study-anne-reese.html' title='Web Design Case Study: Anne Reese Photography'/><author><name>tbh creative</name><uri>http://www.blogger.com/profile/09067696658554774871</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-mb4KHkYWkro/TvII--jXRZI/AAAAAAAAADI/sHNr34PI0vc/s72-c/Screen+shot+2011-12-21+at+11.01.30+AM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-4577416124602673475</id><published>2011-12-12T16:20:00.000-08:00</published><updated>2011-12-22T12:55:26.372-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><category scheme='http://www.blogger.com/atom/ns#' term='content management system'/><title type='text'>Web Design Case Study: Indy Connect</title><content type='html'>&lt;div style="float: right; margin: 0px 0px 20px 20px;"&gt;&lt;b&gt;Services Provided Include:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;HTML and CSS Build&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/content-management-system/" target="_blank"&gt;Content Management System&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/strategy/" target="_blank"&gt;Web Strategy&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;We launched a website for Indy Connect today, and it can be viewed at &lt;a href="http://www.indyconnect.org/" target="_blank"&gt;http://www.indyconnect.org/&lt;/a&gt;.&lt;br /&gt;
&amp;nbsp; &lt;br /&gt;
TBH Creative worked with &lt;strong&gt;Indy Connect&lt;/strong&gt; this&amp;nbsp;December to help build their new website. &lt;br /&gt;
&lt;br /&gt;
Phase 1 of this project was completed very quickly and included recoding for up-to-date markup (removing a lot of tables, image maps and OLD coding techniques that made maintenance very difficult) and applying with our Content Management System software for easy future changes and additions. In the old static version of their website, changes had to be made on every page of the website and all text titles were graphics. We added font replace technology to eliminate the need for so many graphics. &lt;br /&gt;
&lt;br /&gt;
We did not make any major design changes during this integration, although we did expand the page to remove the outdated scrollbars that restricted the content previously. We also updated the site architecture in a few logical places and for future mini-sites. We will continue to work with Indy Connect over the next few months for additional upgrades of the website.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-RPN8rdX7OYI/TvIg9GN1AFI/AAAAAAAAADQ/Lus0bk_Pe2w/s1600/Screen+shot+2011-12-21+at+12.55.16+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="466" src="http://4.bp.blogspot.com/-RPN8rdX7OYI/TvIg9GN1AFI/AAAAAAAAADQ/Lus0bk_Pe2w/s640/Screen+shot+2011-12-21+at+12.55.16+PM.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Indy Connect's homepage. &lt;a href="http://indyconnect.org/pages/home/" target="_blank"&gt;View the site&lt;/a&gt;.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-GwbTSlltF5w/TvIg-uxIJeI/AAAAAAAAADY/EEIUoEvI4Ls/s1600/Screen+shot+2011-12-21+at+12.55.22+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="466" src="http://1.bp.blogspot.com/-GwbTSlltF5w/TvIg-uxIJeI/AAAAAAAAADY/EEIUoEvI4Ls/s640/Screen+shot+2011-12-21+at+12.55.22+PM.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;An interior page from Indy Connect's new website. &lt;a href="http://indyconnect.org/pages/home/" target="_blank"&gt;View the site&lt;/a&gt;.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;About Indy Connect&lt;/h4&gt;Indy Connect, Central Indiana's Transportation Initiative, is a partnership of the Indianapolis Metropolitan Planning Organization (MPO), Central Indiana Regional Transportation Authority (CIRTA), and IndyGo that is dedicated to providing Central Indiana residents with transportation options in support of the future development of our region.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Does your website need a redesign or fresh ideas for more interest?&lt;/b&gt; Schedule a &lt;a href="http://www.tbhcreative.com/services/web-consultation/"&gt;web consultation&lt;/a&gt; and let TBH Creative&amp;nbsp;propose a&amp;nbsp;few ideas.&amp;nbsp;We specialize in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt;, &lt;a href="http://www.tbhcreative.com/services/content-management-system/"&gt;content management systems&lt;/a&gt;, and &lt;a href="http://www.tbhcreative.com/services/what-we-do/default.aspx"&gt;more&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
If you simply need an easier way to manage your content and make updates, allow us to do a simple Content Management System integration project like we did for Indy Connect.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-4577416124602673475?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/4577416124602673475/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-case-study-indy-connect.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4577416124602673475'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4577416124602673475'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-case-study-indy-connect.html' title='Web Design Case Study: Indy Connect'/><author><name>tbh creative</name><uri>http://www.blogger.com/profile/09067696658554774871</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-RPN8rdX7OYI/TvIg9GN1AFI/AAAAAAAAADQ/Lus0bk_Pe2w/s72-c/Screen+shot+2011-12-21+at+12.55.16+PM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-6886295263590051877</id><published>2011-12-09T08:32:00.000-08:00</published><updated>2011-12-09T08:32:34.094-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Web Design Trends for 2012: Responsive Web Design/Fluid Grids</title><content type='html'>We are doing a series of &lt;a href="http://blog.tbhcreative.com/2011/11/web-design-trends-for-2012.html"&gt;2012 web design trends&lt;/a&gt;, and our third prediction for web design trends in 2012 is &lt;i&gt;responsive web design/fluid grids&lt;/i&gt;. &lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Responsive web design and fluid grids&lt;/strong&gt;&amp;nbsp;are important in this mobile world. There are more tablets and smart phones in the hands of consumers (&lt;a href="http://mashable.com/2010/04/13/mobile-web-stats/" target="_blank"&gt;New Study Predicts that Mobile Web will Rule by 2015&lt;/a&gt;). Unlimited data packages have made smart phones even more appealing. As a business owner, it is very important to make sure your website is up to date and looks great on any platform.&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;Below are a few examples of responsive web design and fluid grids.&lt;/h4&gt;&lt;a href="http://www.touchtech.co.nz/" target="_blank"&gt;Touchtech&lt;/a&gt; has a beautiful website. When you look at the website from your mobile device, it automatically resizes and rearranges everything to fit your screen. You can get the same effect on a desktop or laptop computer by resizing the browser window to a smaller size.&lt;br /&gt;
&lt;br /&gt;
﻿ &lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;img border="0" height="360" src="http://2.bp.blogspot.com/-p8v8aeq6u3A/TteXCFnclXI/AAAAAAAAAMc/I8edD0CA9aY/s640/Screen+shot+2011-12-01+at+9.47.28+AM.png" style="margin-left: auto; margin-right: auto;" width="640" /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Touchtech's homepage. &lt;a href="http://www.touchtech.co.nz/" target="_blank"&gt;Visit it here.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;﻿﻿ &lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-wbxXx7YNkLA/TteXDhPP6JI/AAAAAAAAAMk/3oXccPlBEeU/s1600/Screen+shot+2011-12-01+at+9.47.35+AM.png" imageanchor="1" style="clear: right; display: inline !important; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="http://4.bp.blogspot.com/-wbxXx7YNkLA/TteXDhPP6JI/AAAAAAAAAMk/3oXccPlBEeU/s400/Screen+shot+2011-12-01+at+9.47.35+AM.png" width="180" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Touchtech's mobile site.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;﻿ &lt;br /&gt;
&lt;a href="http://owltastic.com/" target="_blank"&gt;Owltastic&lt;/a&gt; also has a great view for use on mobile devices.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-2Tdv15b1e5g/TteZ7peWEEI/AAAAAAAAAMs/8U03ffoD2WQ/s1600/Screen+shot+2011-12-01+at+10.12.21+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="360" src="http://4.bp.blogspot.com/-2Tdv15b1e5g/TteZ7peWEEI/AAAAAAAAAMs/8U03ffoD2WQ/s640/Screen+shot+2011-12-01+at+10.12.21+AM.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Owltastic's homepage. &lt;a href="http://owltastic.com/" target="_blank"&gt;Visit it here.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-74T9yxhZe3A/TteZ9miDv7I/AAAAAAAAAM0/H0Hw_Z6Rw2A/s1600/Screen+shot+2011-12-01+at+10.12.37+AM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="http://3.bp.blogspot.com/-74T9yxhZe3A/TteZ9miDv7I/AAAAAAAAAM0/H0Hw_Z6Rw2A/s400/Screen+shot+2011-12-01+at+10.12.37+AM.png" width="205" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Owltastic's mobile site.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;How do I tell if my current website is mobile friendly?&lt;/h4&gt;If you open your website in a web browser, you can do a very simple test. Resize the browser window until it is significantly smaller in width. If the items do not move and there is a scroll bar at the bottom of your browser, your website is not fluid and possibly may require some adjustments for optimal mobile viewing. &lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Would you like to make your website friendly for all mobile devices?&lt;/b&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;website design&lt;/a&gt; as well as &lt;a href="http://www.tbhcreative.com/services/usability/"&gt;website usability&lt;/a&gt;. We keep up with new technology and growing trends -- we will make sure you website looks great on any platform.&lt;br /&gt;
&lt;br /&gt;
&lt;em&gt;Don't forget iPads and tablets too. Approximately 240 million people own iPads as of this posting.&lt;/em&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-6886295263590051877?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/6886295263590051877/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-responsive.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/6886295263590051877'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/6886295263590051877'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-responsive.html' title='Web Design Trends for 2012: Responsive Web Design/Fluid Grids'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-p8v8aeq6u3A/TteXCFnclXI/AAAAAAAAAMc/I8edD0CA9aY/s72-c/Screen+shot+2011-12-01+at+9.47.28+AM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-6196609745006256969</id><published>2011-12-06T13:55:00.000-08:00</published><updated>2011-12-06T14:12:02.246-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Web Design Trends for 2012: Design Below the Fold</title><content type='html'>Our first prediction for web design trends in 2012 is &lt;i&gt;design below the fold&lt;/i&gt;. We are doing a series of&amp;nbsp;&lt;a href="http://blog.tbhcreative.com/2011/11/web-design-trends-for-2012.html"&gt;2012 web design trends&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Designs below the fold, also known as large footers, are becoming a very common trend in web design. Footers are no longer a boring place at the bottom of a website. Just the copyright and a handful of links are not cutting it anymore. There are several ways to spruce up your footers: beautiful graphics, extra navigation (sometimes the entire sitemap), contact forms, videos, social media icons and more!&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;Below are a few examples of great footers.&lt;/h4&gt;&lt;a href="http://yodiv.com/" target="_blank"&gt;Yodiv&lt;/a&gt; has a very simple, but beautiful, footer.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-sz7697aQOmI/Tsvv9QAijWI/AAAAAAAAAME/GVGJdWoWx6M/s1600/yodiv.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-sz7697aQOmI/Tsvv9QAijWI/AAAAAAAAAME/GVGJdWoWx6M/s1600/yodiv.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Yodiv's homepage. &lt;a href="http://yodiv.com/" target="_blank"&gt;Visit their site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;a href="http://www.webdesignerdepot.com/" target="_blank"&gt;Web Designer Depot&lt;/a&gt; has a very beautiful footer with stunning graphics that match the header design.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-7c4vzO0l-Jg/TsvwCO7-kmI/AAAAAAAAAMM/wal18-LsreA/s1600/webdesignerdepot.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-7c4vzO0l-Jg/TsvwCO7-kmI/AAAAAAAAAMM/wal18-LsreA/s1600/webdesignerdepot.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Web Designer Depot's homepage. &lt;a href="http://www.webdesignerdepot.com/" target="_blank"&gt;Visit their site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div class="p1"&gt;&lt;a href="http://orcabayseafoods.com/" target="_blank"&gt;Orca Bay Seafoods, Inc.&lt;/a&gt; has a very organized and simple footer that blends very well with the rest of the website.&lt;/div&gt;&lt;div class="p2"&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-Kn9IoyJW9CY/TsvwGA_sfAI/AAAAAAAAAMU/Fb-BahPq-uI/s1600/orcabay.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-Kn9IoyJW9CY/TsvwGA_sfAI/AAAAAAAAAMU/Fb-BahPq-uI/s1600/orcabay.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Orca Bay Seafoods, Inc.'s homepage. &lt;a href="http://orcabayseafoods.com/cooking-recipes" target="_blank"&gt;Visit their site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;Large footers should not be overpowering, but accent the rest of the website. Beautiful footers give the user something nice to look at once they get to the bottom of the page. Besides, who wants to look at just a boring copyright? You should still have the copyright in the footer, but don't be afraid to add even more content down there!&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;Here are a few big web design footers that TBH Creative applied for clients this past year:&lt;/h4&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-joAz6gjvdT8/Tt6QnGQLYnI/AAAAAAAAAWI/Au5zK6M5Iho/s1600/footer-careerx.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="121" src="http://1.bp.blogspot.com/-joAz6gjvdT8/Tt6QnGQLYnI/AAAAAAAAAWI/Au5zK6M5Iho/s640/footer-careerx.jpg" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://www.careerxroads.com/" target="_blank"&gt;CareerXroads&lt;/a&gt; - Emphasizing the social media and contact information.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-j0CRF5GCSRk/Tt6QndprN6I/AAAAAAAAAWQ/ruaRlZMCpkE/s1600/footer-circletail.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="246" src="http://2.bp.blogspot.com/-j0CRF5GCSRk/Tt6QndprN6I/AAAAAAAAAWQ/ruaRlZMCpkE/s640/footer-circletail.jpg" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://www.circletail.net/" target="_blank"&gt;Circle Tail&lt;/a&gt; -- Pulling out social media, email newsletter sign up, and address information.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-cEDI3rjR2dU/Tt6QnhTMb-I/AAAAAAAAAWY/CQGA_10jO8Y/s1600/footer-northpoint.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="262" src="http://4.bp.blogspot.com/-cEDI3rjR2dU/Tt6QnhTMb-I/AAAAAAAAAWY/CQGA_10jO8Y/s640/footer-northpoint.jpg" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://www.northpointpeds.com/" target="_blank"&gt;Northpoint Pediatrics&lt;/a&gt; -- Adding/repeating important links, emphasis address and phone information, and adding some visual illustration appeal.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;Looking for some more inspirational designs below the fold?&lt;/h4&gt;&lt;a href="http://vandelaydesign.com/blog/" target="_blank"&gt;Vandelay design&lt;/a&gt; posted a fantastic list of &lt;a href="http://vandelaydesign.com/blog/galleries/blog-footers/" target="_blank"&gt;25 Impressive Blog Footers&lt;/a&gt;. &lt;a href="https://www.google.com/" target="_blank"&gt;Google&lt;/a&gt; (or any other search engine) is always a great resource if you're looking for some design inspiration.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Wondering how a redesigned 'big' footer would look on your website?&amp;nbsp;&lt;/b&gt;TBH Creative is a &lt;a href="http://www.tbhcreative.com/services/web-design/" target=""&gt;website design&lt;/a&gt; company in Indianapolis, Indiana. We create effective and advanced websites with a focus on &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;user-friendly web design&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/usability/"&gt;intuitive information architecture&lt;/a&gt;.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-6196609745006256969?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/6196609745006256969/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-design-below.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/6196609745006256969'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/6196609745006256969'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-design-below.html' title='Web Design Trends for 2012: Design Below the Fold'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-sz7697aQOmI/Tsvv9QAijWI/AAAAAAAAAME/GVGJdWoWx6M/s72-c/yodiv.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-1718109216973271200</id><published>2011-12-06T13:08:00.000-08:00</published><updated>2011-12-09T08:36:29.092-08:00</updated><title type='text'>2012's best Web-focused conferences</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/-erT6jE6PhsI/TuI33TgU0qI/AAAAAAAAAfM/8rb-rt6Vj9U/s1600/testing-content-infographic.png"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 320px; height: 295px;" src="http://2.bp.blogspot.com/-erT6jE6PhsI/TuI33TgU0qI/AAAAAAAAAfM/8rb-rt6Vj9U/s320/testing-content-infographic.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5684167102963176098" /&gt;&lt;/a&gt;
&lt;h2&gt;Training recommendations for learning the latest news and information about interactive design, online content strategy, and web development&lt;/h2&gt;

&lt;p&gt;C.R. Lawton once said, "Unless you try to do something beyond what you have mastered, you will never grow." Growth is easy to talk about as a goal, but it's much harder to actually make a priority to work toward as a goal when deadlines and other day-to-day demands occupy your thoughts. To make sure you make time for you next year, why not plan ahead and get your 2012 professional development scheduled now? To help get you started, here's a round-up—sorted by focus—of options to consider:&lt;/p&gt;

&lt;hr&gt;
&lt;h4&gt;INTERACTIVE DESIGN&lt;/h4&gt;

&lt;p&gt;&lt;a href="http://www.howinteractiveconference.com/ehome/index.php?eventid=21042" target="_blank"&gt;&lt;span style="font-weight:bold;"&gt;HOW Interactive Design Conference&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-style:italic;"&gt;What is it? &lt;/span&gt;From their website: "The HOW Interactive Design Conference is a not-to-be-missed event presented by HOW magazine in partnership with today’s leading digital design experts. This 2-1/2 day conference will provide you with the information you need to transfer your current skills into interactive design for the web, tablets and mobile devices. HOW Interactive Design Conference highlights the technology, design and inspiration you need to understand the changing role of the designer in digital media, whether you want to create websites and apps yourself, or whether you want to learn how to communicate more clearly with your development team and your clients."&lt;/p&gt;
&lt;p&gt;&lt;span style="font-style:italic;"&gt;When is it?&lt;/span&gt; Dates have not been announced, but last year's conference was in November.&lt;/p&gt;
&lt;p&gt;&lt;span style="font-style:italic;"&gt;What is the cost?&lt;/span&gt; 2012 prices are not online yet, but last year it cost $995 for an individual ($1095 after Sept 30).&lt;/p&gt;
&lt;p&gt;&lt;span style="font-style:italic;"&gt;Where is it held?&lt;/span&gt; 2012's location has not been announced yet.&lt;/p&gt;


&lt;hr&gt;
&lt;h4&gt;ONLINE CONTENT STRATEGY&lt;/h4&gt;

&lt;p&gt;&lt;a href="http://aneventapart.com/" target="_blank"&gt;&lt;span style="font-weight:bold;"&gt;Confab&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-style:italic;"&gt;What is it? &lt;/span&gt;From their website: "As the leading conference of its kind, Confab plays a major role in driving the content strategy conversation forward.... Our extraordinarily successful debut in 2011 has already had an incredible impact on how people around the world are talking and thinking about content strategy. Confab attendees have posted recaps, held “redux” sessions, and shared success stories of career changes, new budgets, and increased influence in the workplace—all as a result of what they learned at Confab."&lt;/p&gt;
&lt;p&gt;&lt;span style="font-style:italic;"&gt;When is it? &lt;/span&gt;The three-day conference runs from Monday, May 14–Wednesday, May 16.&lt;/p&gt;
&lt;p&gt;&lt;span style="font-style:italic;"&gt;What is the cost? &lt;/span&gt;2012 prices are as low as $950 and go as high as $1,600, depending on what you choose to attend..&lt;/p&gt;
&lt;p&gt;&lt;span style="font-style:italic;"&gt;Where is it held? &lt;/span&gt;The conference is being held in Minneapolis.&lt;/p&gt;


&lt;hr&gt;
&lt;h4&gt;WEB DEVELOPMENT&lt;/h4&gt;

&lt;p&gt;&lt;a href="http://aneventapart.com/" target="_blank"&gt;&lt;span style="font-weight:bold;"&gt;An Event Apart&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-style:italic;"&gt;What is it? &lt;/span&gt;From their website: "An Event Apart is an intensely educational two-day conference for passionate practitioners of standards-based web design. If you care about code as well as content, usability as well as design, An Event Apart is the conference you’ve been waiting for. "&lt;/p&gt;
&lt;p&gt;&lt;span style="font-style:italic;"&gt;When is it?&lt;/span&gt; Currently there are four announced conferences in 2012: February 6–8, April 2–4, June 18–20, and July 9–11.&lt;/p&gt;
&lt;p&gt;&lt;span style="font-style:italic;"&gt;What is the cost?&lt;/span&gt; 2012 prices are as low as $449 and go as high as $1,240, depending on what you choose to attend.&lt;/p&gt;
&lt;p&gt;&lt;span style="font-style:italic;"&gt;Where is it held?&lt;/span&gt; 2012's announced locations include Atlanta, Seattle, Boston, and Austin.&lt;/p&gt;



&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;We're always keeping up with the latest in web development.&lt;/b&gt; If you can't attend training next year, &lt;a href="https://twitter.com/#!/tbhcreative" target="_blank"&gt;follow us on Twitter&lt;/a&gt; for trends, news, and other information about creating effective and enjoyable online experiences for your users.&lt;br /&gt;
&lt;br /&gt;
Thinking about upgrading your website? We have a team with expertise in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt;, &lt;a href="http://www.tbhcreative.com/services/graphic-design/"&gt;graphic design&lt;/a&gt;, and &lt;a href="http://www.tbhcreative.com/services/what-we-do/default.aspx"&gt;much more! &lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-1718109216973271200?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/1718109216973271200/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/12/2012s-best-web-focused-conferences.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/1718109216973271200'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/1718109216973271200'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/12/2012s-best-web-focused-conferences.html' title='2012&apos;s best Web-focused conferences'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-erT6jE6PhsI/TuI33TgU0qI/AAAAAAAAAfM/8rb-rt6Vj9U/s72-c/testing-content-infographic.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-955198269735230089</id><published>2011-11-22T11:49:00.001-08:00</published><updated>2011-12-22T13:03:08.981-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><category scheme='http://www.blogger.com/atom/ns#' term='web redesign'/><title type='text'>Web Design Case Study: CareerXroads</title><content type='html'>&lt;div style="float: right; margin: 0px 0px 20px 20px;"&gt;&lt;b&gt;Services Provided Include:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;Web Design&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;HTML and CSS Build&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/usability/"&gt;Usability&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-writing-editing/"&gt;Website Editing and Writing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/blog-assistance/"&gt;Custom Blog&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;We launched a new website for CareerXroads today and it can be viewed at &lt;a href="http://www.careerxroads.com/" target="_blank"&gt;http://www.careerxroads.com/&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
TBH Creative was hired by CareerXroads to conduct a site audit. We went page by page and provided a detailed report of suggestions with priority for upgrades and fixes. The suggestions presented led to many upgrades on various pages throughout the website including a&amp;nbsp;revised and more intuitive&amp;nbsp;sitemap.&lt;br /&gt;
&lt;br /&gt;
The most notable change was a home page and template redesign. We added more interactivity on the homepage with custom built content sliders using JQuery technology. The footer is also interactive on the homepage and each interior page to highlight their social media without taking up a significant amount of page real estate. &lt;br /&gt;
&lt;br /&gt;
In the recoding process for the new design, we removed all Flash elements and replaced with JQuery for a better mobile experience.&lt;br /&gt;
&lt;h4&gt;Before redesign:&lt;/h4&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-ntcPmobmtRk/Tsv_l_Ul_wI/AAAAAAAAACg/vxqtLryW7X4/s1600/before.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="521" src="http://4.bp.blogspot.com/-ntcPmobmtRk/Tsv_l_Ul_wI/AAAAAAAAACg/vxqtLryW7X4/s640/before.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;CareerXroads' homepage prior to redesign.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;After redesign:&lt;/h4&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-8UIwE_fFxN0/Tsv9aSzn2eI/AAAAAAAAACQ/pdA0vlqsEsE/s1600/large.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-8UIwE_fFxN0/Tsv9aSzn2eI/AAAAAAAAACQ/pdA0vlqsEsE/s1600/large.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;CareerXroads' homepage. &lt;a href="http://www.careerxroads.com/index.asp" target="_blank"&gt;Visit their site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-RRDdo_1gZpI/Tsv-zPHso3I/AAAAAAAAACY/uFjmjh84beE/s1600/large2.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-RRDdo_1gZpI/Tsv-zPHso3I/AAAAAAAAACY/uFjmjh84beE/s1600/large2.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;CareerXroads'&amp;nbsp;Service page. &lt;a href="http://www.careerxroads.com/index.asp" target="_blank"&gt;Visit their site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;About CareerXroads&lt;/h4&gt;Gerry Crispin and Mark Mehler are the personalities behind CareerXroads and the CareerXroads Colloquium. Mark and Gerry have worked for and with corporations of all sizes in career planning and placement, contract recruiting, executive search, recruitment advertising and human resource management. After years working on the front lines of recruiting, these two saw a new potential in the Internet and in 1994 came together to create CareerXroads.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;TBH Creative worked closely with CareerXroads to develop a web solution that fit their needs and plans for future online growth.&lt;/b&gt; We divided the web project into phases and look forward to helping them more in the future. If you are looking for a web partner, &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;choose TBH Creative&lt;/a&gt; for insightful ideas and recommendations. We offer &lt;a href="http://www.tbhcreative.com/services/strategy/" target="_blank"&gt;web strategy&lt;/a&gt;/planning and web site audits if you don't know where to start or what you need. Allow us to give&amp;nbsp;you an expert opinion and many options.&amp;nbsp;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-955198269735230089?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/955198269735230089/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/11/web-design-case-study-careerxroads.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/955198269735230089'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/955198269735230089'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/11/web-design-case-study-careerxroads.html' title='Web Design Case Study: CareerXroads'/><author><name>tbh creative</name><uri>http://www.blogger.com/profile/09067696658554774871</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-ntcPmobmtRk/Tsv_l_Ul_wI/AAAAAAAAACg/vxqtLryW7X4/s72-c/before.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-4932116378083891542</id><published>2011-11-18T08:11:00.000-08:00</published><updated>2011-11-18T08:11:06.997-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='html'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Web Design Trends for 2012: HTML5 &amp; CSS3</title><content type='html'>Our first prediction for web design trends in 2012 is &lt;i&gt;HTML5 &amp;amp; CSS3&lt;/i&gt;. We are doing a series of &lt;a href="http://blog.tbhcreative.com/2011/11/web-design-trends-for-2012.html"&gt;2012 web design trends.&lt;/a&gt;
&lt;br /&gt;
&lt;h4&gt;

HTML5&lt;/h4&gt;
HTML5 is becoming more and more popular within web development. However, it is still in development, so it does not work in all browsers yet. I predict 2012 will bring many improvements and enhancements to what is available and supported.&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Uses for&amp;nbsp;HTML5&lt;/strong&gt;&lt;br /&gt;
Currently, HTML 5 is mostly being used for videos, audio and animations. This is why several people are questioning &lt;a href="http://blog.tbhcreative.com/2011/09/adobe-edge-is-it-end-of-flash.html"&gt;if HTML5 will “kill” Flash&lt;/a&gt;. HTML5 is also great for placeholders, auto focusing and much more!&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Examples&lt;/strong&gt;&lt;br /&gt;
This is by far my favorite HTML5 website (as of right now). &lt;a href="http://www.thewildernessdowntown.com/" target="_blank"&gt;The Wilderness Downtown&lt;/a&gt; is an interactive website/music video for Arcade Fire’s song “We Used to Wait”. Users are asked to enter the address of childhood home. The site uses Google Maps and HTML5 to create a one of a kind personalized music video.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-G6CpYsm32H4/TsVbDUnkquI/AAAAAAAAALo/zSN63qVmcj8/s1600/Screen+shot+2011-11-17+at+1.59.43+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-G6CpYsm32H4/TsVbDUnkquI/AAAAAAAAALo/zSN63qVmcj8/s1600/Screen+shot+2011-11-17+at+1.59.43+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;The Wilderness Downtown homepage uses HTML5. &lt;a href="http://www.thewildernessdowntown.com/" target="_blank"&gt;Visit the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;br /&gt;
There are several other great examples of HTML5 on the web. &lt;a href="http://agent8ball.com/" target="_blank"&gt;Agent 008 Ball&lt;/a&gt; uses HTML5’s canvas and allows users to play a game of Billiards.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-YjuN3EUqyAY/TsVbJTp3UDI/AAAAAAAAALw/Gjp9gNIiN54/s1600/Screen+shot+2011-11-17+at+2.03.56+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-YjuN3EUqyAY/TsVbJTp3UDI/AAAAAAAAALw/Gjp9gNIiN54/s1600/Screen+shot+2011-11-17+at+2.03.56+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Agent 008 Ball homepage uses HTML5. &lt;a href="http://agent8ball.com/" target="_blank"&gt;Visit the site&lt;/a&gt;.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;br /&gt;
Hungry for more HTML5 websites? &lt;a href="http://html5gallery.com/" target="_blank"&gt;HTML5 Gallery&lt;/a&gt; has several examples to look through!&lt;br /&gt;
&lt;h4&gt;

CSS3&lt;/h4&gt;
CSS3 has made styling much easier for web developers everywhere! CSS3 offers border-radius, embedded fonts, transparency, rotation, gradient backgrounds and more. Like HTML5, CSS3 is not compatible in all browsers just yet. For example, the radius corners do not work in IE, so corners are boxed.&lt;br /&gt;
&lt;br /&gt;
The @font-face is probably my most favorite CSS3 style! Creativity is endless when it comes to fonts. You can use the&lt;a href="http://www.fontsquirrel.com/fontface/generator" target="_blank"&gt; Font Squirrel&lt;/a&gt; generator to create your own (or you can use the premade ones)! &lt;a href="http://www.mobilezr.com/" target="_blank"&gt;Mobilezr &lt;/a&gt;uses the @font-face CSS3 style with their website.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-sP8bn01ma8Q/TsVbTGzr4dI/AAAAAAAAAL4/7Y5z9HyV_rk/s1600/Screen+shot+2011-11-17+at+2.05.53+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-sP8bn01ma8Q/TsVbTGzr4dI/AAAAAAAAAL4/7Y5z9HyV_rk/s1600/Screen+shot+2011-11-17+at+2.05.53+PM.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;The Mobilezr homepage uses CSS3. &lt;a href="http://www.mobilezr.com/" target="_blank"&gt;Visit the site.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;h4&gt;

When will HTML5 &amp;amp; CSS3 be compatible with every browser?&lt;/h4&gt;
&lt;a href="http://html5readiness.com/" target="_blank"&gt;HTML5 Readiness&lt;/a&gt; has a beautiful interactive graphic showing the progress with browser compatibility since 2008. Google Chrome is currently the only browser that is compatible with everything. When do you think every browser will be ready? One year? Two years? &lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;
&lt;/div&gt;
&lt;div class="bottomLink"&gt;
&lt;b&gt;Is your website in need of an upgrade to utilize some of this new technology?&lt;/b&gt; TBH Creative is a cutting-edge technology and creative web design company. We have a &lt;a href="http://www.tbhcreative.com/services/what-we-do/default.aspx"&gt;variety of website services&lt;/a&gt; to help with any of your &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;web coding&lt;/a&gt; needs. &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;Contact us today for a web design consultation&lt;/a&gt;!&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-4932116378083891542?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/4932116378083891542/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/11/web-design-trends-for-2012-html5-css3.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4932116378083891542'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4932116378083891542'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/11/web-design-trends-for-2012-html5-css3.html' title='Web Design Trends for 2012: HTML5 &amp; CSS3'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-G6CpYsm32H4/TsVbDUnkquI/AAAAAAAAALo/zSN63qVmcj8/s72-c/Screen+shot+2011-11-17+at+1.59.43+PM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-4551009587319873278</id><published>2011-11-16T12:29:00.000-08:00</published><updated>2012-01-02T06:28:23.670-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Web Design Trends for 2012</title><content type='html'>Seeing as 2011 is starting to come to a close, I thought it would be a good idea to talk about what I see as being hot trends in web design for 2012. Last year, Shannon posted her &lt;a href="http://blog.tbhcreative.com/2010/11/web-design-trends-for-2011.html"&gt;predicted trends for 2011&lt;/a&gt;. There are several similarities between last year and this year’s predictions but some new ideas as well.&lt;br /&gt;
&lt;br /&gt;
I also checked out&amp;nbsp;&lt;a href="http://www.cprenterprisesonline.com/index.php" target="_blank"&gt;CPR Enterprises&lt;/a&gt;&amp;nbsp;and their&amp;nbsp;&lt;a href="http://www.cprenterprisesonline.com/index.php?option=com_content&amp;amp;view=article&amp;amp;id=96:web-design-trends-for-2012&amp;amp;catid=35:articles" target="_blank"&gt;predictions for 2012&lt;/a&gt;. Our ideas were aligned in several ways. As a web design, it is important to be aware of what great things are coming to the future of web design and development so this is an important topic.&lt;br /&gt;
&lt;br /&gt;
Until the end of the year, I will be posting blogs on 2012 web design trend in my list. There will be plenty of examples (and design inspiration) with each post. We hope you enjoy reading about 2012 web design and encourage you to give us your feedback and samples too.&lt;br /&gt;
&lt;br /&gt;
Here are the design trends I will be blogging about in the coming weeks:&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;1. &lt;a href="http://blog.tbhcreative.com/2011/11/web-design-trends-for-2012-html5-css3.html"&gt;HTML5/CSS3&lt;/a&gt;&lt;/h4&gt;This hits the top of my list! HTML5 and CSS3 are still in the development process. I am very impressed with what has come out of these coding advances so far!&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-sMJJUabN6qg/TsK35cuq8gI/AAAAAAAAAKw/ASfbRkouseg/s1600/Screen+shot+2011-11-15+at+2.04.35+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-sMJJUabN6qg/TsK35cuq8gI/AAAAAAAAAKw/ASfbRkouseg/s1600/Screen+shot+2011-11-15+at+2.04.35+PM.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;h4&gt;2. &lt;a href="http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-design-below.html"&gt;Design Below the Fold&lt;/a&gt;&lt;/h4&gt;Lately I have been seeing a lot of beautiful graphics near the footer of websites. The graphics are either very colorful or blend into the background. The help anchor the website design, give balance on the page, and reiterate important links and information.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-C_4OYZSU8bY/TsK49QsWU6I/AAAAAAAAAK4/wkucEC1mnVQ/s1600/Screen+shot+2011-11-15+at+2.10.21+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-C_4OYZSU8bY/TsK49QsWU6I/AAAAAAAAAK4/wkucEC1mnVQ/s1600/Screen+shot+2011-11-15+at+2.10.21+PM.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;h4&gt;3.&amp;nbsp;&lt;a href="http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-responsive.html" target="_blank"&gt;Responsive Web Design/Fluid Grids&lt;/a&gt;&lt;/h4&gt;Mobile compatibility is extremely important this year. There are more smart phones and tablets than in previous years and it is a steady growing change. Making sure your website looks great in any platform is becoming more and more important, and the options for coding for these platforms are also becoming easier to implement and test.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-boECrHI34rc/TsK5zJl1DYI/AAAAAAAAALA/lQcnnlj54P4/s1600/Screen+shot+2011-11-15+at+2.12.49+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://2.bp.blogspot.com/-boECrHI34rc/TsK5zJl1DYI/AAAAAAAAALA/lQcnnlj54P4/s320/Screen+shot+2011-11-15+at+2.12.49+PM.png" width="213" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;h4&gt;4. &lt;a href="http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-typography.html"&gt;Typography&lt;/a&gt;&lt;/h4&gt;Typography makes things a little more interesting, right? Sometimes, standard fonts look okay for certain websites. Most of the time, however, a little typography can make any website stand out. There is a balance between using a creative font for highlights and an easy to read font for the main body of information.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-8SOawwMXQfs/TsK6SL1MboI/AAAAAAAAALI/y-7bhUuFX54/s1600/Screen+shot+2011-11-15+at+2.15.35+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-8SOawwMXQfs/TsK6SL1MboI/AAAAAAAAALI/y-7bhUuFX54/s1600/Screen+shot+2011-11-15+at+2.15.35+PM.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;5. &lt;a href="http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-large-high.html"&gt;Large High Quality Photograph Backgrounds&lt;/a&gt;&lt;/h4&gt;I have been noticing this on a lot of websites lately. Large photograph backgrounds definitely grab they user’s attention, but are they too distracting?&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-gPZB9cHeaG8/TsK6m_Xp4jI/AAAAAAAAALQ/DPS05flaPlo/s1600/Screen+shot+2011-11-15+at+2.17.11+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-gPZB9cHeaG8/TsK6m_Xp4jI/AAAAAAAAALQ/DPS05flaPlo/s1600/Screen+shot+2011-11-15+at+2.17.11+PM.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;6. &lt;a href="http://blog.tbhcreative.com/2011/12/web-design-trends-for-2012-social-media.html"&gt;Social Media Integration&lt;/a&gt;&lt;/h4&gt;Social media definitely is not going away. More and more websites are making it easier for users to share the information on their Twitter, Facebook, Google+, etc.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-0MG14CfVUio/TsK6764p9hI/AAAAAAAAALY/YIpXi75QHT4/s1600/massive-social-media-icons.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-0MG14CfVUio/TsK6764p9hI/AAAAAAAAALY/YIpXi75QHT4/s1600/massive-social-media-icons.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;&lt;a href="http://blog.tbhcreative.com/2012/01/web-design-trends-for-2012-one-page.html"&gt;7. One Page Layouts&lt;/a&gt;&lt;/h4&gt;Single page web design with anchor tag navigation is still popular. These work bests on sites that do not have a lot of content.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-jv_gKKXgBPQ/TsK7XF6NmiI/AAAAAAAAALg/rjb0TpnIWr4/s1600/Screen+shot+2011-11-15+at+2.20.13+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-jv_gKKXgBPQ/TsK7XF6NmiI/AAAAAAAAALg/rjb0TpnIWr4/s1600/Screen+shot+2011-11-15+at+2.20.13+PM.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Do you want to add some of these new trends to your website?&lt;/b&gt; &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;Schedule a web consultation&lt;/a&gt; with TBH Creative. It is important to continually update your website and incorporate new trends -- your website is a 24/7 marketing tool for your business and communicates to visitors many times before they even make contact with you.&lt;br /&gt;
&lt;br /&gt;
We specialize in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt;, &lt;a href="http://www.tbhcreative.com/services/graphic-design/"&gt;graphic design&lt;/a&gt;, and &lt;a href="http://www.tbhcreative.com/services/what-we-do/default.aspx"&gt;much more! &lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-4551009587319873278?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/4551009587319873278/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/11/web-design-trends-for-2012.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4551009587319873278'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4551009587319873278'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/11/web-design-trends-for-2012.html' title='Web Design Trends for 2012'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-sMJJUabN6qg/TsK35cuq8gI/AAAAAAAAAKw/ASfbRkouseg/s72-c/Screen+shot+2011-11-15+at+2.04.35+PM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-6247871421601369736</id><published>2011-11-15T11:48:00.000-08:00</published><updated>2011-11-15T14:00:37.207-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='branding'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><category scheme='http://www.blogger.com/atom/ns#' term='content strategy'/><title type='text'>Extend your brand with a Google+ Page</title><content type='html'>&lt;a href="http://4.bp.blogspot.com/-CXLouljGUMI/TsLe1ji1AgI/AAAAAAAAAaw/umZTF82L5bs/s1600/googleshot.png"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 394px; height: 138px;" src="http://4.bp.blogspot.com/-CXLouljGUMI/TsLe1ji1AgI/AAAAAAAAAaw/umZTF82L5bs/s400/googleshot.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5675343492096000514" /&gt;&lt;/a&gt;

&lt;p&gt;Last week Google got a bit closer toward becoming a truly competitive social network channel for companies, nonprofits, organizations, brands, products, and other entities when it launched &lt;a href="http://googleblog.blogspot.com/2011/11/google-pages-connect-with-all-things.html" target="_blank"&gt;Google+ Pages, its answer to Facebook fan pages.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Creating pages is open to all brands now, and we've created our profile so that you can add &lt;a href="https://plus.google.com/u/0/104933314534137122172" target="_blank"&gt;TBH Creative&lt;/a&gt; to your web developers circle.&lt;/p&gt;

&lt;p&gt;Though TBH Creative has a strategic outreach plan that includes this blog, Facebook, and Twitter, we're adding a Google+ presence, too. Google has influence and power, attracting over one billion unique visitors every month. Third party tools—like Hootsuite—already have recognized G+'s potential and many have &lt;a href="http://adwords.blogspot.com/2011/11/third-party-tools-to-help-manage-your.html" target="_blank"&gt;launched useful services&lt;/a&gt; to help brands manage their circles, publish to their pages, and monitor usage. Joining Google+ makes sense for our goals, and by grabbing our page now while there is no brand verification we are going to be saved the hassle of dealing with a brand hijacking later on.&lt;/p&gt;&lt;br&gt;

&lt;div align="center"&gt;&lt;iframe width="500" height="284" src="http://www.youtube.com/embed/ozxfUtgySlo" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;br&gt;

&lt;p&gt;Google+ Pages isn't perfect, though. Currently, only one person can be connected to an account, though multiple admins is a feature that Google has announced is coming. In the meantime, as workarounds, you can create a generic e-mail account from which to create and manage a page or use a third-party application. For more caveats, consider reading the entry that tech guru and super user Robert Scoble &lt;a href="http://scobleizer.com/2011/11/08/i-wish-i-had-never-heard-of-googles-brand-pages/" target="_blank"&gt;posted&lt;/a&gt; to his blog.&lt;/p&gt;

&lt;p&gt;There's nothing much to see on our TBH Creative Google+ Page just yet, but through our home on Google+ we plan to directly interact with clients and colleagues and share relevant web trend stories and other development-focused content.&lt;/p&gt;

&lt;br /&gt;

&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;
&lt;b&gt;Won't you join us?&lt;/b&gt; &lt;a href="https://plus.google.com/pages/create" target="_blank"&gt;Create a page&lt;/a&gt; for your business and start connecting with your audience. If you're ready to dive in on your own, here's &lt;a href="http://www.greengoatmedia.com/blog/how-to-create-your-google-plus-business-page-%28aka-fan-page%29.html" target="_blank"&gt;a helpful step-by-step guide with screen grabs&lt;/a&gt;. If you're looking for guidance, let &lt;a href="http://www.tbhcreative.com/services/social-media/"&gt;&lt;span class="s1"&gt;TBH Creative&lt;/span&gt;&lt;/a&gt; help you set-up your account and &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;refine your social media strategy&lt;/a&gt; to include effective use of Google+ Pages.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-6247871421601369736?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/6247871421601369736/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/11/extend-your-brand-with-google-page.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/6247871421601369736'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/6247871421601369736'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/11/extend-your-brand-with-google-page.html' title='Extend your brand with a Google+ Page'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-CXLouljGUMI/TsLe1ji1AgI/AAAAAAAAAaw/umZTF82L5bs/s72-c/googleshot.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-390827415146577343</id><published>2011-11-07T11:25:00.000-08:00</published><updated>2011-11-07T11:25:00.071-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='graphic design'/><title type='text'>Web Design Graphics: Constructing An Effective Infographic</title><content type='html'>&lt;h2&gt;Infographics, or information graphics, have been all over the Internet lately.&lt;/h2&gt;Infographics can be effective on your website to add appeal, uniqueness, professionalism and overall interest.&lt;br /&gt;
&lt;br /&gt;
What is an infographic, exactly? You've probably seen one before, but had no idea it was called an infographic. Below is an example from &lt;a href="http://dailyinfographic.com/" target="_blank"&gt;Daily Infographic&lt;/a&gt;:&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-Ohphw5E8W-c/TrGnLk8T9fI/AAAAAAAAAKo/E4CobGYyAkY/s1600/17-Things-About-Coffee.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-Ohphw5E8W-c/TrGnLk8T9fI/AAAAAAAAAKo/E4CobGYyAkY/s1600/17-Things-About-Coffee.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;An example infographic about coffee.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div class="p1"&gt;&lt;a href="http://www.readwriteweb.com/" target="_blank"&gt;Read Write Enterprise&lt;/a&gt; wrote an article titled “6 Reasons Most Infographics Don’t Cut It.” &lt;a href="http://www.readwriteweb.com/enterprise/2011/11/6-reasons-most-infographics-do.php" target="_blank"&gt;This article&lt;/a&gt; can be extremely helpful when creating your first infographic.&lt;br /&gt;
&lt;br /&gt;
The above infographic is a great example.&amp;nbsp;They can be serious, or silly. Possibilities are endless, really. Be careful not to add&lt;i&gt;&amp;nbsp;too&amp;nbsp;&lt;/i&gt;much information to the infographic. It is easy to make an infographic very cluttered and hard to read. Adding sources to your infographic is always a must. Users like to see where the statistics and information came from. The sources like to get credit for having their information on the infographic as well.&lt;br /&gt;
&lt;br /&gt;
One of the most important parts of an infographic is, obviously, the graphics. If your artwork isn't that great, hire a graphic designer to do the job. Let's be honest, no one wants to look at an ugly infographic.&lt;br /&gt;
&lt;h4&gt;How can I advertise my business with an infographic?&lt;/h4&gt;Well, what does your business do? If you sell carpet and hardwood, maybe you could talk about the pros and cons of each. If you sell televisions, maybe you could give statistics about the number televisions in the average household. At the end of an infographic, you can always add a call to action to help direct users to your business.&lt;/div&gt;&lt;h4&gt;Need a little inspiration?&lt;/h4&gt;There are several websites out there with large galleries of infographics to look through. &lt;a href="http://visual.ly/" target="_blank"&gt;Visual.ly&lt;/a&gt; is a very popular infographic gallery.&amp;nbsp;&lt;a href="http://dailyinfographic.com/" target="_blank"&gt;Daily Infographic&lt;/a&gt;&amp;nbsp;also has several to look through. As the name suggests, they post a new infographic every day!&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Feel like enhancing your website with beautiful &amp;amp; contemporary graphic design?&lt;/b&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/graphic-design/"&gt;graphic design&lt;/a&gt;, as well as &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;web strategy&lt;/a&gt;. Custom graphics can make your business website unique and standout from the competition. Contact us today to schedule a &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;website consultation&lt;/a&gt;!&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-390827415146577343?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/390827415146577343/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/11/web-design-graphics-constructing.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/390827415146577343'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/390827415146577343'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/11/web-design-graphics-constructing.html' title='Web Design Graphics: Constructing An Effective Infographic'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-Ohphw5E8W-c/TrGnLk8T9fI/AAAAAAAAAKo/E4CobGYyAkY/s72-c/17-Things-About-Coffee.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-9131055700633100344</id><published>2011-10-25T11:20:00.002-07:00</published><updated>2011-10-26T04:03:36.266-07:00</updated><title type='text'>A little thing that counts</title><content type='html'>&lt;h2&gt;Making sure a favicon, or favorites icon, is associated with your website is an integral part of extending your brand online and improving usability.&lt;/h2&gt;

&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/-ASnJ_NaX_3M/Tqfo02BmAjI/AAAAAAAAAac/U7s95FAMyro/s1600/favicon-collage.jpg"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 152px;" src="http://3.bp.blogspot.com/-ASnJ_NaX_3M/Tqfo02BmAjI/AAAAAAAAAac/U7s95FAMyro/s400/favicon-collage.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5667754650622100018" /&gt;&lt;/a&gt;

&lt;h3&gt;But, what's a favicon? And, furthermore, where is it located?&lt;/h3&gt;

&lt;p&gt;A favicon is the petite 16 × 16 pixel image shown in browser navigation bars and in browser bookmarks. Look at the top of this browser, and you will see a teeny yellow "TBH" next the the URL for this blog entry. That's the favicon we have associated with this blog.&lt;/p&gt;

&lt;p&gt;When you bookmark the TBH Creative blog, your browser will also use that graphic to help assist in visual identification of this website from all of the other saved pages, aiding and increasing usability.&lt;/p&gt;

&lt;p&gt;Have more than one tab open in your browser? A favicon associated, if it exists, will also appear along with a truncated portion of the page title to help you distinguish between all of the pages open.&lt;/p&gt;

&lt;h3&gt;Why are favicons important?&lt;/h3&gt;

&lt;p&gt;Strategic web design plans often includes discussions about marketing goals (e.g., converting visitors to customers and sharing case studies), content needs (e.g., creating graphics, links, forms, and copy) and development steps (e.g., planning the site architecture and navigation and customizing a CMS solution).&lt;/p&gt;

&lt;p&gt;While thinking about these big picture items, small details—like creating a favicon—are sometimes overlooked. Pay attention next time you browse a website that has misspellings, broken links, and error messages. When website developers and designers aren't at the top of their game or too busy, the attention they'll pay to the smallest details is often revealing. You can usually trust that the more important details—such as website load time and security certificates—are carefully taken care of and maintained for quality when the little things are done properly, too.&lt;/p&gt;

&lt;p&gt;Using your wordmark or logo is often best choice for your favicon image. If you need ideas, this website with lots of &lt;a href="http://cleverfind.com/" target="_blank"&gt;samples from popular websites&lt;/a&gt; will help you get brainstorming for a solution. Once you're ready to go, read our &lt;a href="http://blog.tbhcreative.com/2009/01/add-favicon-to-your-web-site.html" target="_blank"&gt;"how-to" blog post&lt;/a&gt; that shares how to integrate a favicon into your website.&lt;/p&gt;

&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;
&lt;b&gt;Do you need help making all of the small details on your website professional?&lt;/b&gt; If your website needs updating or if you are starting a website from scratch, let &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;&lt;span class="s1"&gt;TBH Creative&lt;/span&gt;&lt;/a&gt; help you &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;plan,&lt;/a&gt; &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;design,&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;develop&lt;/a&gt; a website that will meet your strategic branding and marketing goals.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-9131055700633100344?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/9131055700633100344/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/10/little-thing-that-counts.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/9131055700633100344'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/9131055700633100344'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/10/little-thing-that-counts.html' title='A little thing that counts'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-ASnJ_NaX_3M/Tqfo02BmAjI/AAAAAAAAAac/U7s95FAMyro/s72-c/favicon-collage.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-7689217557379576190</id><published>2011-10-25T07:01:00.000-07:00</published><updated>2011-10-25T07:01:34.293-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='blogging'/><title type='text'>Blog Content Ideas: My Business Has A Blog. Now What?</title><content type='html'>&lt;h2&gt;Blog writer’s block is common. Learn how to conquer it!&lt;/h2&gt;I often catch myself thinking too hard about &lt;a href="http://www.chrisbrogan.com/100-blog-topics-i-hope-you-write/" target="_blank"&gt;blog topics&lt;/a&gt;. They shouldn’t be that hard, right? My theory: If you’re spending over 15 minutes wondering what to write about, you’re thinking &lt;i&gt;way&lt;/i&gt; too hard.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-dY41cggUBAk/TqHJFwU1VjI/AAAAAAAAAKQ/3r_YYCtRVM8/s1600/blog-post-ideas.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"&gt;&lt;img border="0" height="240" src="http://4.bp.blogspot.com/-dY41cggUBAk/TqHJFwU1VjI/AAAAAAAAAKQ/3r_YYCtRVM8/s320/blog-post-ideas.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;Here are a few tips for getting over writer’s block:&lt;br /&gt;
&lt;h4&gt;Who are you? What do you do?&lt;/h4&gt;Introducing yourself and your company seems like a no-brainer, but most companies skip this step. Why not tell the readers a little about the authors?&lt;br /&gt;
&lt;h4&gt;Stop Assuming&lt;/h4&gt;Sure, you know everything there is to know about marketing and the Internet (or whatever it is that you’re good at). Don’t assume everyone reading your blog knows the tips and tricks pros use for successful Internet marketing.&lt;br /&gt;
&lt;h4&gt;Plan Ahead&lt;/h4&gt;Or at least, &lt;i&gt;try&lt;/i&gt; to plan ahead. Most companies have a set schedule of when blog posts are released. If you know you need to write one or two posts every week, start thinking about it now. Your current blog post could lead to another topic, and another topic, and so on.&lt;br /&gt;
&lt;h4&gt;Be Passionate About What You’re Writing About&lt;/h4&gt;If you’re really not interested in what you’re writing about, the readers can tell. It will also make the blog writing process take longer than it should.&lt;br /&gt;
&lt;br /&gt;
Do you like Spongebob Squarepants? Find something interesting to pull from it, and write about it. Not all blog posts need to be 100% serious all of the time; that would make a dull blog. It is very important to make sure your readers want to read about it. If your audience is 60+ year old women, writing strictly about Spongebob will not grab their attention. However, writing about new Spongebob toys that will make great gifts for grandchildren on Christmas might.&lt;br /&gt;
&lt;br /&gt;
If you need some specific post ideas, &lt;a href="http://www.compendiumblogware.com/" target="_blank"&gt;Compendium&lt;/a&gt;&amp;nbsp;has a great list of &lt;a href="http://blog.compendium.com/blog/social-media-domination/200-blog-post-ideas-for-your-company-blog"&gt;200 ideas for your company’s blog&lt;/a&gt;. &lt;a href="http://www.slingshotseo.com/" target="_blank"&gt;Slingshot SEO&lt;/a&gt; also has some &lt;a href="http://www.slingshotseo.com/blog/writers-block-got-you-down/"&gt;great blogging&amp;nbsp;tips&lt;/a&gt; about getting out of writer’s block.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.google.com/" target="_blank"&gt;Google&lt;/a&gt; can also be your best friend when trying to think of blog topics. Look at other companies’ blogs. You can find inspiration everywhere.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Not sure how to start a blog for your company?&lt;/b&gt;&amp;nbsp;TBH Creative can help incorporate a custom blog seamlessing&amp;nbsp;into your website as well as strategy for &lt;a href="http://www.tbhcreative.com/services/blog-assistance/"&gt;successful business blogging&lt;/a&gt;, &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;marketing&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/social-media/"&gt;social media&lt;/a&gt;. &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;&lt;b&gt;Contact us to get started with blogging!&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;em&gt;TBH Creative is an Indianapolis&amp;nbsp;web design company. We blog for our business and can help you too.&amp;nbsp;Pur our 10+ years of experience to work for you!&lt;/em&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-7689217557379576190?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/7689217557379576190/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/10/blog-content-ideas-my-business-has-blog.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7689217557379576190'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7689217557379576190'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/10/blog-content-ideas-my-business-has-blog.html' title='Blog Content Ideas: My Business Has A Blog. Now What?'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-dY41cggUBAk/TqHJFwU1VjI/AAAAAAAAAKQ/3r_YYCtRVM8/s72-c/blog-post-ideas.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-7572280418157787354</id><published>2011-10-17T08:08:00.000-07:00</published><updated>2011-10-17T08:10:13.605-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='branding'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='graphic design'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Brand Identity &amp; Why It’s Important</title><content type='html'>&lt;h4&gt;Is your company in need of a branding makeover?&lt;/h4&gt;&lt;div&gt;The &lt;a href="http://www.businessdictionary.com/definition/brand-identity.html" target="_blank"&gt;business dictionary&lt;/a&gt;&amp;nbsp;states that brand identity is “the visible elements of a brand (such as colors, design, logotype, name, symbol) that together identify and distinguish the brand in the consumers' mind.”&lt;/div&gt;&lt;div class="p1"&gt;Let’s face it. The first thing customers are probably going to see is your logo. Your logo is the face of your company. You want it to look nice, and make sense . . . right?&amp;nbsp;&lt;/div&gt;&lt;div class="p1"&gt;&lt;br /&gt;
There are several different items that contribute to identity; logos are not the only thing your company needs. &lt;a href="http://justcreativedesign.com/2010/04/06/branding-identity-logo-design-explained/" target="_blank"&gt;Just Creative Design&lt;/a&gt; posted several examples:&amp;nbsp;&lt;/div&gt;&lt;ul class="ul1"&gt;&lt;a href="http://1.bp.blogspot.com/-zIj1LY11PSk/TphaXQCSvQI/AAAAAAAAAKI/xqZZJV3gGPQ/s1600/authenticity-brand-identity-alina-wheeler.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"&gt;&lt;img border="0" height="329" src="http://1.bp.blogspot.com/-zIj1LY11PSk/TphaXQCSvQI/AAAAAAAAAKI/xqZZJV3gGPQ/s400/authenticity-brand-identity-alina-wheeler.gif" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px;" width="400" /&gt;&lt;/a&gt;
&lt;li class="li3"&gt;A Logo &lt;br /&gt;
(The symbol of the entire identity &amp;amp; brand)&lt;/li&gt;
&lt;li class="li3"&gt;Stationery &lt;br /&gt;
(Letterhead + business card + envelopes, etc.)&lt;/li&gt;
&lt;li class="li3"&gt;Marketing Collateral &lt;br /&gt;
(Flyers, brochures, books, websites, etc.)&lt;/li&gt;
&lt;li class="li3"&gt;Products &amp;amp; Packaging (Products sold and the packaging in which they come in)&lt;/li&gt;
&lt;li class="li3"&gt;Apparel Design &lt;br /&gt;
(Tangible clothing items that are worn by employees)&lt;/li&gt;
&lt;li class="li3"&gt;Signage &lt;br /&gt;
(Interior &amp;amp; exterior design)&lt;/li&gt;
&lt;li class="li3"&gt;Messages &amp;amp; Actions (Messages conveyed via indirect or direct modes of communication)&lt;/li&gt;
&lt;li class="li3"&gt;Other Communication &lt;br /&gt;
(Audio, smell, touch, etc.)&lt;/li&gt;
&lt;li class="li3"&gt;Anything visual that represents the business&lt;/li&gt;
&lt;/ul&gt;&lt;div class="p1"&gt;&lt;br /&gt;
&lt;a href="http://www.underconsideration.com/brandnew/" target="_blank"&gt;Brand New&lt;/a&gt;&amp;nbsp;is also a great website that shows several company logo transformations. Each entry includes reasoning as to why the person submitting it thinks it is a good or bad change. If your company needs a branding makeover, be sure to consult a professional.&amp;nbsp; People do not like change. When large brands have major branding makeovers, usually it doesn’t go over well with the public at first. After a few months, customers get used to the change.&lt;br /&gt;
&lt;/div&gt;&lt;div class="p1"&gt;Companies need to update their logos, websites, ect. every once in a while. It is not recommended to do it frequently; sometimes a change after 5-10 years is nice and refreshing.&lt;/div&gt;&lt;div class="p1"&gt;After all, do you think Pepsi kept the same logo throughout the years? Definitely not.&lt;/div&gt;&lt;div class="p2"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-pdFwzZvp0AI/TphTK0aoxYI/AAAAAAAAAKA/NlKkxZlZp_Q/s1600/pepsi_evolution.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-pdFwzZvp0AI/TphTK0aoxYI/AAAAAAAAAKA/NlKkxZlZp_Q/s1600/pepsi_evolution.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Thinking about updating your company's branding?&lt;/b&gt;&amp;nbsp;TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/graphic-design/"&gt;graphic design&lt;/a&gt; as well as other important parts of branding. Whether you just need a makeover or need to start from scratch, &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;we can help&lt;/a&gt;!&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-7572280418157787354?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/7572280418157787354/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/10/brand-identity-why-its-important.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7572280418157787354'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7572280418157787354'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/10/brand-identity-why-its-important.html' title='Brand Identity &amp; Why It’s Important'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-zIj1LY11PSk/TphaXQCSvQI/AAAAAAAAAKI/xqZZJV3gGPQ/s72-c/authenticity-brand-identity-alina-wheeler.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-2148864903240317511</id><published>2011-10-16T08:00:00.000-07:00</published><updated>2011-12-21T11:38:50.835-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><category scheme='http://www.blogger.com/atom/ns#' term='content management system'/><title type='text'>Web Design Case Study: Imaging Office Systems</title><content type='html'>&lt;div style="float: right; margin: 0px 0px 20px 20px;"&gt;
&lt;b&gt;Services Provided Include:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;Web Design&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;HTML and CSS Build&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/content-management-system/"&gt;Content Management System&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/application-development/"&gt;Custom Application Development&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-writing-editing/"&gt;Website Editing and Writing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/blog-assistance/"&gt;Custom Blog&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/hosting/"&gt;Hosting&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
We launched a new website for Imaging Office Systems today and it can be viewed at &lt;a href="http://www.imagingoffice.com/" target="_blank"&gt;http://www.imagingoffice.com/&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
TBH Creative was hired by Imaging Office Systems this Spring to help with their new website and online strategy. The&amp;nbsp;previous website was created in-house, and it was time to take things up a notch in terms of design, ease of maintenance and results.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Web Design&lt;/b&gt;&lt;br /&gt;
We proposed a fresh design. We brought in complimentary and bright colors to their brand for interest and appeal, as well as professional details throughout the graphics and style. &lt;br /&gt;
One primary goal of the new website was to communicate to visitors that they offered more services than typically thought of -- more than just scanning and document management. They also offer custom professional services and storage. We emphasized this throughout the website and with a clear navigation structure and calls to action.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Content Management System&lt;/b&gt;&lt;br /&gt;
Our services went beyond design with our easy to use Content Management System and custom module to manage resources. IOS is also just beginning in social media and is now participating in &lt;a ?="" href="http://blog.imagingoffice.com/" http:="" imagingoffice.com="" target="_blank&amp;gt;corporate blogging&amp;lt;/a&amp;gt;.&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;strong&amp;gt;Custom Application Development&amp;lt;/strong&amp;gt;&amp;lt;br /&amp;gt;
The website also serves as a marketing tool to gain new leads and utilizes a custom application for resource management and lead collection.&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Take a look at the website screenshots below and &amp;lt;a href="&gt;visit the newly designed website&lt;/a&gt; to see more. Some featured pages include &lt;a href="http://imagingoffice.com/pages/Meet-The-People/" target="_blank"&gt;Meet the Team&lt;/a&gt;,&amp;nbsp;&lt;a href="http://www.imagingoffice.com/pages/Locations-Directions/" target="_blank"&gt;Locations and Directions&lt;/a&gt;, and &lt;a href="http://imagingoffice.com/pages/Resources-Scanning-Resources/" target="_blank"&gt;Resources&lt;/a&gt;.&lt;br /&gt;
﻿ &lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-zn9T5_Ll3EE/TqbRg6RcxjI/AAAAAAAAAAw/OZWU-J60Egs/s1600/IOShome.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="553" src="http://2.bp.blogspot.com/-zn9T5_Ll3EE/TqbRg6RcxjI/AAAAAAAAAAw/OZWU-J60Egs/s640/IOShome.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Imaging Office Systems' new homepage. &lt;a href="http://imagingoffice.com/pages/Home/default.aspx" target="_blank"&gt;Check it out&lt;/a&gt;! &lt;br /&gt;
We used JQuery technology for the screen rotation at the top and also the logo slider across the bottom.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-w8ljS2KfGi8/TqbRr1oFuMI/AAAAAAAAAA4/cQ4AfsXo-XE/s1600/IOSinner.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="540" src="http://2.bp.blogspot.com/-w8ljS2KfGi8/TqbRr1oFuMI/AAAAAAAAAA4/cQ4AfsXo-XE/s640/IOSinner.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://imagingoffice.com/pages/Resources-Document-Management/" target="_blank"&gt;Resources page&lt;/a&gt;&amp;nbsp; &lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;i&gt;“After I sent a request to TBH Creative for pricing on a new company website, they were quick to respond and to understand what was driving the desire for a new site and what we wanted to accomplish. The presentation and proposal then addressed all of our requirements. Out of all the proposals we received for this project, TBH Creative's was the only one that made me confident that they understood what we wanted to do, had addressed how they would satisfy our requirements, had a process in place to control the project, and would be good to work with.&lt;/i&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;i&gt;The site design process and the end product definitely lived up to our expectations; and TBH Creative were great to work with. The site is exactly what we needed and we have gotten a lot of very positive feedback from our customers and business partners. I have no doubt we made the right decision."&lt;br/&gt;&lt;br/&gt;
~ Angela Childs, Director, Professional Services
&lt;/i&gt;&lt;/div&gt;
&lt;h4&gt;



About Imaging Office Systems&lt;/h4&gt;
Imaging Office Systems (IOS) was founded in 1972. They&amp;nbsp;began building its expertise on document management systems that included tools such as moveable filing cabinets and offsite paper storage. These were low tech solutions by today’s standards, but they solved a very real need. &amp;nbsp;It is now an industry that is significantly more high-tech including scanning, document management, storage and professional services.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;
&lt;/div&gt;
&lt;div class="bottomLink"&gt;
&lt;b&gt;Interested in updating the look of your current website? &lt;/b&gt;TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;website strategy&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web redesign&lt;/a&gt; for organizations and businesses. Experts suggest a redesign be implemented every 2-4 years to keep up with the quickly changing Internet and technology. We can help make strategic and smart changes that will yield results.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-2148864903240317511?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/2148864903240317511/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/10/web-design-case-study-imaging-office.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/2148864903240317511'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/2148864903240317511'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/10/web-design-case-study-imaging-office.html' title='Web Design Case Study: Imaging Office Systems'/><author><name>tbh creative</name><uri>http://www.blogger.com/profile/09067696658554774871</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-zn9T5_Ll3EE/TqbRg6RcxjI/AAAAAAAAAAw/OZWU-J60Egs/s72-c/IOShome.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-5086379023073177537</id><published>2011-10-07T13:36:00.000-07:00</published><updated>2011-10-07T13:36:44.893-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='usability'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><title type='text'>Is Usability Testing Really Necessary?</title><content type='html'>&lt;h4&gt;   Absolutely! Anything from websites to software programs need usability testing.&lt;/h4&gt;&lt;div class="p1"&gt;This &lt;a href="http://www.usefulusability.com/24-usability-testing-tools" target="_blank"&gt;usability blog&lt;/a&gt; posted several tools that are very helpful while usability testing. My personal favorite is starting out with pencil and paper (free!), and then creating more refined digital mockups for testing. In my opinion, you can never do too much usability testing.&lt;/div&gt;&lt;div class="p1"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-EgQN8rKpnJ0/To4ExtC-agI/AAAAAAAAAJ0/1Y0pP-tJyHY/s1600/PaperAndPencil+testing.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="400" src="http://3.bp.blogspot.com/-EgQN8rKpnJ0/To4ExtC-agI/AAAAAAAAAJ0/1Y0pP-tJyHY/s400/PaperAndPencil+testing.jpg" width="360" /&gt;&lt;/a&gt;&lt;/div&gt;You can approach usability testing however you want, really. You can use basic black and white, pencil and paper. You can use full color. Possibilities are endless. During your last round of usability testing, it should be on the final product. It’s always a good idea to test prior to a release to catch any bugs.&lt;/div&gt;&lt;div class="p1"&gt;It is important to test as many people as you can in your target audience.&amp;nbsp; Find your friends, neighbors, and even random strangers: ask them to help you out! Rewarding testers with food also helps to give you a good turnout. It is best to not test strictly with your family and close friends (they probably won’t give you the criticism you need). While &lt;a href="https://www.cu.edu/irm/stds/usability/" targer="_blank"&gt;usability testing&lt;/a&gt;, be sure to record pauses, how long it took the user to complete the task, ect.&lt;/div&gt;&lt;div class="p1"&gt;It is best to find errors early in the development process. The longer you wait to do usability testing, the harder it will be to fix those errors. Here is an example of a &lt;a href="http://www.usereffect.com/download/checklist.pdf" target="_blank"&gt;website usability checklist&lt;/a&gt;. There are several to choose from out there. Checklists are very helpful. They help you to think of things you skipped over or never thought about.&lt;/div&gt;&lt;div class="p1" style="clear: both;"&gt;&lt;br /&gt;
&lt;h3&gt;Do you do usability testing for your websites or programs? Why or why not?&lt;/h3&gt;(PS: This is a trick question. You should ALWAYS do usability testing!)&lt;/div&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Thinking about your next web development project?&lt;/b&gt; Let TBH Creative help to make sure your &lt;a href="http://www.tbhcreative.com/services/usability/"&gt;website is user friendly&lt;/a&gt;!&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-5086379023073177537?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/5086379023073177537/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/10/is-usability-testing-really-necessary.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5086379023073177537'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5086379023073177537'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/10/is-usability-testing-really-necessary.html' title='Is Usability Testing Really Necessary?'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-EgQN8rKpnJ0/To4ExtC-agI/AAAAAAAAAJ0/1Y0pP-tJyHY/s72-c/PaperAndPencil+testing.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-5745488783106569569</id><published>2011-10-04T11:18:00.000-07:00</published><updated>2011-10-04T16:09:52.535-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='accessibility'/><category scheme='http://www.blogger.com/atom/ns#' term='mobile'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Amazon’s Newest Kindle Lineup</title><content type='html'>&lt;h4&gt;Is Amazon Fire the biggest competitor for iPad?&lt;/h4&gt;&lt;div class="p1"&gt;This week, &lt;a href="http://www.amazon.com/" target="blank"&gt;Amazon&lt;/a&gt; released the newest generation of Kindles. The traditional Kindle is $79. There are two brand new touch Kindles: $99 for the WiFi version and $149 for the 3G version. The Kindle Fire is only $199.&lt;/div&gt;&lt;div class="p1"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;Kindle:&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-ReHK_dLoJbg/ToS3pWXi-oI/AAAAAAAAAJo/QB4IZszji3s/s1600/kindle.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="383" src="http://4.bp.blogspot.com/-ReHK_dLoJbg/ToS3pWXi-oI/AAAAAAAAAJo/QB4IZszji3s/s400/kindle.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;Kindle Touch:&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-cwYeqml5nS4/ToS3rMQbj2I/AAAAAAAAAJs/vAWzwJQX5eA/s1600/kindletouch.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="383" src="http://1.bp.blogspot.com/-cwYeqml5nS4/ToS3rMQbj2I/AAAAAAAAAJs/vAWzwJQX5eA/s400/kindletouch.jpg" width="400" /&gt;&lt;span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; color: black;"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;
Kindle Fire:&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-HQ0z1IvoC8o/ToS3sPlN96I/AAAAAAAAAJw/YD5DSH211Og/s1600/kindlefire.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="385" src="http://4.bp.blogspot.com/-HQ0z1IvoC8o/ToS3sPlN96I/AAAAAAAAAJw/YD5DSH211Og/s400/kindlefire.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class="p2"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="p1"&gt;The &lt;a href="http://www.amazon.com/Kindle-Color-Multi-touch-Display-Wi-Fi/dp/B0051VVOB2/ref=amb_link_357575542_7?pf_rd_m=ATVPDKIKX0DER&amp;amp;pf_rd_s=gateway-center-column&amp;amp;pf_rd_r=1S6J10XKTXF0P0JKF33R&amp;amp;pf_rd_t=101&amp;amp;pf_rd_p=1321408942&amp;amp;pf_rd_i=507846" target="blank"&gt;Kindle Fire&lt;/a&gt; is the most talked about Kindle this week. It is the first full color Kindle for magazines, books, movies, web browsing, and more.&amp;nbsp; It is very similar to the &lt;a href="http://www.ibtimes.com/articles/222160/20110929/amazon-kindle-tablet-online-retail-bezos-apple-ipad.htm" target="blank"&gt;iPad&lt;/a&gt;, but not identical. The Kindle Fire is significantly smaller and cheaper than the iPad, which may make more users choose Kindle over iPad. Amazon has worked hard the past few years. They now have online movie streaming, music, ebooks, magazines, and more. Amazon has made it easy to literally have everything at your fingertips.&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div class="p1"&gt;Amazon also has a great tool on every Kindle order page. You can compare every Kindle they are currently selling. This is a very user-friendly tool if you are indecisive about which Kindle to get. I have the last generation Kindle. I’m still not too sure how I feel about the new color and touch Kindles. I like the e-Ink versus a backlit screen. It is difficult for me to read for extended periods of time on a backlit screen. However, everyone is different!&amp;nbsp; Most people do not like change. I remember just a few years ago, I stated I would &lt;i&gt;NEVER&lt;/i&gt; get a touch screen cell phone. I currently have a Droid X. It’s funny how technology becomes less scary as years pass.&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div class="p1"&gt;How do you feel about the new Kindle lineup? Competition for the iPad or just another e-reader?&lt;/div&gt;&lt;div class="p2"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="p2"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Want to work with a company who is up-to-date on the latest technologies and devices?&lt;/b&gt;&amp;nbsp;Hire &lt;a href="http://www.tbhcreative.com/services/graphic-design/"&gt;TBH Creative&lt;/a&gt; for your website project. We'll design to make you look good.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-5745488783106569569?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/5745488783106569569/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/10/amazons-newest-kindle-lineup.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5745488783106569569'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5745488783106569569'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/10/amazons-newest-kindle-lineup.html' title='Amazon’s Newest Kindle Lineup'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-ReHK_dLoJbg/ToS3pWXi-oI/AAAAAAAAAJo/QB4IZszji3s/s72-c/kindle.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-4774804397234955601</id><published>2011-09-30T09:06:00.000-07:00</published><updated>2011-12-22T13:11:23.420-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><title type='text'>Web Design Case Study: Resista-Temps, Inc.</title><content type='html'>&lt;div style="float: right; margin: 0px 0px 20px 20px;"&gt;&lt;b&gt;Services Provided Include:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;Web Design&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;HTML and CSS Build&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-writing-editing/"&gt;Website Editing and Writing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/usability/"&gt;Usability and Site Architecture&lt;/a&gt; &lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;We launched a new website for Resista-Temps, Inc. today, and it can be viewed at &lt;a href="http://www.resista-temps.com/"&gt;http://www.resista-temps.com/&lt;/a&gt;. &lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.resista-temps.com/"&gt;Resista-Temps&lt;/a&gt; came to TBH Creative with the need to add a new product line with equal emphasis to their existing temps products. &lt;br /&gt;
&lt;br /&gt;
Our first step was to revisit the site organization and assist with the wording for the new pages while enhancing a few of the older pages. Once that was established, we redesigned the homepage and template elements including the banner and footer. We recoded all page elements for the newest and cleanest coding and also removed the Flash elements with JQuery code for a better mobile experience and easier future updates. The site architecture and new wording increased the site usability and&amp;nbsp;was&amp;nbsp;created to help&amp;nbsp;the user find the information they need faster. The finished product was a cleaner, easier to navigate website that looked fresh, up-to-date and professional. &lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-cfIeVoWaynM/Tqbjf5g9C9I/AAAAAAAAABA/jB_jSYGoAgI/s1600/RThome.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="574" src="http://3.bp.blogspot.com/-cfIeVoWaynM/Tqbjf5g9C9I/AAAAAAAAABA/jB_jSYGoAgI/s640/RThome.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Resista-Temps' new homepage. Check out the &lt;a href="http://resista-temps.com/"&gt;new design&lt;/a&gt;!&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-Sby3YGQeamc/Tqbjl08AkmI/AAAAAAAAABI/fQm_d6yct0U/s1600/RTinner.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="538" src="http://3.bp.blogspot.com/-Sby3YGQeamc/Tqbjl08AkmI/AAAAAAAAABI/fQm_d6yct0U/s640/RTinner.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;An interior page from the Resista-Temps redesign.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;
&lt;b&gt;Homepage Before Redesign:&lt;/b&gt;&lt;/div&gt;&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-zyBlagk80BA/TqbjuxNZ-gI/AAAAAAAAABQ/k6C8bm5JuoY/s1600/website_before.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-zyBlagk80BA/TqbjuxNZ-gI/AAAAAAAAABQ/k6C8bm5JuoY/s1600/website_before.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;The Resista-Temps homepage prior to the redesign. We kept the same brand with subtle enhancements and removed the outdated Flash technology with JQuery. The new focus was both Temps and Prothetics&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;About Resista-Temps&lt;/h4&gt;Resista-Temps provides a complete line of dental replacement products for every stage of the process. They are a custom dental laboratory that specializes in the diagnostics, design and fabrication of provisionals, implants, prosthetic restorations and crown and bridgework for dental professionals. Established in 1977, Resista-Temps, Inc. was the first – and still only – lab in the country to specialize in the fabrication of acrylic provisional crown and bridgework. They&amp;nbsp;&lt;a href="http://www.resista.com/contactus.asp"&gt;help dental professionals&lt;/a&gt;&amp;nbsp;start with a solid diagnosis and high quality provisional providing long-term case management flexibility. &lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Learn more about what TBH Creative can do for your website.&lt;/b&gt; We specialize in several important aspects of web design, including&amp;nbsp;&lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;best coding practices&lt;/a&gt;, &lt;a href="http://www.tbhcreative.com/services/web-writing-editing/"&gt;content development&lt;/a&gt;, and&amp;nbsp; &lt;a href="http://www.tbhcreative.com/services/usability/"&gt;site architecture&lt;/a&gt;. Schedule a consultation so we can &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;start your web project&lt;/a&gt; today! &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-4774804397234955601?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/4774804397234955601/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/09/web-design-case-study-resista-temps-inc.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4774804397234955601'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4774804397234955601'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/09/web-design-case-study-resista-temps-inc.html' title='Web Design Case Study: Resista-Temps, Inc.'/><author><name>tbh creative</name><uri>http://www.blogger.com/profile/09067696658554774871</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-cfIeVoWaynM/Tqbjf5g9C9I/AAAAAAAAABA/jB_jSYGoAgI/s72-c/RThome.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-8516217589909050846</id><published>2011-09-29T14:04:00.000-07:00</published><updated>2011-09-29T14:51:35.104-07:00</updated><title type='text'>Five ways to take better website photos</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/-1I7N11VCF94/ToTjJXvguoI/AAAAAAAAAaQ/uCKVOK0Msjk/s1600/ruleofthirds.png"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 200px; height: 200px;" src="http://4.bp.blogspot.com/-1I7N11VCF94/ToTjJXvguoI/AAAAAAAAAaQ/uCKVOK0Msjk/s200/ruleofthirds.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5657896782015806082" /&gt;&lt;/a&gt;&lt;h2&gt;No photo budget? No problem. We have five easy-to-learn tricks to help make your pictures better.&lt;/h2&gt;

&lt;p&gt;Yesterday, in an attempt to start a conversation about their lenses, Nikon's social media team posted a &lt;a href="https://www.facebook.com/nikon/posts/10150316773294620" target="_blank"&gt;status message to its Facebook page&lt;/a&gt; and created a controversy among its amateur and professional photographers followers. The post read:&lt;/p&gt;

&lt;blockquote&gt;"A photographer is only as good as the equipment he uses, and a good lens is essential to taking good pictures!"&lt;/blockquote&gt;

&lt;p&gt;I've been following the fallout with great interest. Good equipment in the hands of someone who knows what they're doing is definitely a plus. Not everyone has the luxury to spend money on an expensive camera and other equipment, but that doesn't mean they're not going to be able to take a good picture with the tools they do have.&lt;/p&gt;

&lt;p&gt;One response to the controversy stood out as a key takeaway for anyone looking to improve their photos: &lt;b&gt;"eye &gt; lens."&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;If your web development project's art budget is limited, you can still snap good photography for use on your website, with the camera you already have, if you adhere to these guidelines when taking photos.&lt;/p&gt;

&lt;h3&gt;Trick #1: Composition, composition, composition.&lt;/h3&gt;

&lt;p&gt;Follow the &lt;a href="http://en.wikipedia.org/wiki/Rule_of_thirds"&gt;rule of thirds&lt;/a&gt;. Picture a tic-tac-toe grid over your photo. The areas where the lines intersect are your key points. Try to align your image's most important details along the lines or at the intersections.&lt;/p&gt;

&lt;h3&gt;Trick #2: Simplify the scene.&lt;/h3&gt;

&lt;p&gt;If possible, try to make sure your background is not distracting. If your taking a photo at any event, ask guests to tuck their name tags into their pockets for the photo and put their glasses down on a table. Taking photos at a conference event? Remove the water bottles littering the tables and pile up shuffled papers neatly. The more steps that you can take to add less visual noise to the scene the better.&lt;/p&gt;

&lt;h3&gt;Trick #3: Take horizontal and vertical pictures. Take different angles.&lt;/h3&gt;

One of the great things about shooting digital is that you can take a bunch of different angles and poses of each picture. Remember to do your photo editing on the computer. You can't tell exactly how good a photo is until you have it actually downloaded to your computer.

&lt;p&gt;Having a landscape and portrait version of your photo gives your web design team more options for your website.&lt;/p&gt;

&lt;h3&gt;Trick #4: Cloudy days are your friend.&lt;/h3&gt;

&lt;p&gt;Forget the flash and shoot outside. A bright afternoon that's hidden by clouds is perfect for taking portraits. Avoid extra sunny days. Grey days will soften hard shadows.&lt;/p&gt;

&lt;h3&gt;Trick #5: Get ready for your close-up.&lt;/h3&gt;

Photographing is no time to get shy. Come in close to your subject. By doing so, most times you'll end up with a more interesting result.

&lt;blockquote&gt;"The best photographer will take better photos from the worst camera than the worst amateur can take with the best camera."—Karen Nakamura, photo-ethnographer&lt;/blockquote&gt;

&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;
&lt;b&gt;Thinking about adding fresh imagery to your website?&lt;/b&gt; If you're planning a redesign, let &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;&lt;span class="s1"&gt;TBH Creative&lt;/span&gt;&lt;/a&gt; help you work those new and improved photographs into your website.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-8516217589909050846?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/8516217589909050846/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/09/five-ways-to-take-better-website-photos.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/8516217589909050846'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/8516217589909050846'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/09/five-ways-to-take-better-website-photos.html' title='Five ways to take better website photos'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-1I7N11VCF94/ToTjJXvguoI/AAAAAAAAAaQ/uCKVOK0Msjk/s72-c/ruleofthirds.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-7888016752519457291</id><published>2011-09-28T16:05:00.000-07:00</published><updated>2011-10-27T06:27:00.930-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mobile'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><title type='text'>Android’s Ice Cream Sandwich Update</title><content type='html'>&lt;h4&gt;What does this mean for developers? More headaches now, less later? Maybe.&lt;/h4&gt;&lt;a href="http://1.bp.blogspot.com/-1xHmV4b4BNU/TnuVj2XL7QI/AAAAAAAAAJU/vT4KaKZ2RvU/s1600/icecreamsandwich.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="148" src="http://1.bp.blogspot.com/-1xHmV4b4BNU/TnuVj2XL7QI/AAAAAAAAAJU/vT4KaKZ2RvU/s200/icecreamsandwich.jpg" width="200" /&gt;&lt;/a&gt;Google is set to release the &lt;a href="http://www.engadget.com/2011/09/20/app-developers-must-play-nice-with-ice-cream-sandwich-if-they-wa/" target="blank"&gt;latest Android update&lt;/a&gt; in October or November. This update has been named Ice Cream Sandwich. Wait. Hold on. Didn’t Android mobile devices just get the Gingerbread update this summer? Technology never slows down.&lt;br /&gt;
There are so many different Android devices out there. The Honeycomb update was tablet-only and the Gingerbread update was mobile-only. &lt;a href="http://www.androidapps.com/tech/articles/9514-upcoming-android-update-ice-cream-sandwich-means-devs-have-to-rework-honeycomb-apps" target="blank"&gt;Ice Cream Sandwich&lt;/a&gt; will support both big and small screens. The same version will finally be able to run on different sizes. This means no more developing for two different Android devices! The Ice Cream Sandwich update will cause some headaches in the next few months as developers will have to switch their applications over to the new software development kit (or prevent people from buying them).&lt;br /&gt;
&lt;br /&gt;
The SDK is not available yet, but Google has posted some articles on &lt;a href="http://android-developers.blogspot.com/2011/09/preparing-for-handsets.html" target="blank"&gt;their blog&lt;/a&gt; to try to &lt;a href="http://arstechnica.com/gadgets/news/2011/09/google-offers-ice-cream-sandwich-guidance-to-android-app-devs.ars" target="blank"&gt;prevent future headaches&lt;/a&gt; for developers. This will help developers get a jump start on the Ice Cream Sandwich update. Here is one of the helpful sketches from Google regarding the newest update:&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-dYnp3E6c8Ho/TnuVs14ELFI/AAAAAAAAAJY/9NewZtQ5Rj0/s1600/icsupdate.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="364" src="http://4.bp.blogspot.com/-dYnp3E6c8Ho/TnuVs14ELFI/AAAAAAAAAJY/9NewZtQ5Rj0/s640/icsupdate.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Even though the Ice Cream Sandwich update may be causing some headaches in the next few months, it is preventing future headaches. Technology will continue to grow. Android devices will continue to multiply. It is better to create a uniform SDK now than later on. Do you think this is a wise move for Google? &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;strong&gt;Does your website need to be made 'mobile' friendly?&lt;/strong&gt; &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;Contact TBH Creative&lt;/a&gt; to help today and don't lose business because your website isn't optimized. Ask about our services for QR Codes and landing pages too.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-7888016752519457291?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/7888016752519457291/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/09/androids-ice-cream-sandwich-update.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7888016752519457291'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7888016752519457291'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/09/androids-ice-cream-sandwich-update.html' title='Android’s Ice Cream Sandwich Update'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-1xHmV4b4BNU/TnuVj2XL7QI/AAAAAAAAAJU/vT4KaKZ2RvU/s72-c/icecreamsandwich.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-2261652639496124937</id><published>2011-09-28T11:20:00.000-07:00</published><updated>2011-12-18T17:42:24.197-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><title type='text'>Web Design Case Study: Franciscan Alliance Community Benefits Report 2010</title><content type='html'>&lt;div style="float: right; margin: 0px 0px 20px 20px;"&gt;&lt;b&gt;Services Provided Include:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;Web Design&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;HTML and CSS Build&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Project Management&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;We launched a Community Benefits website for Franciscan Alliance&amp;nbsp;today, and it can be viewed at &lt;a href="http://www.franciscanalliance.org/CommunityBenefit/2010/" target="_blank"&gt;http://www.franciscanalliance.org/CommunityBenefit/2010/&lt;/a&gt;&lt;br /&gt;
&amp;nbsp; &lt;br /&gt;
In 2008, the Franciscan Alliance came to TBH Creative with the need to display their community giving total through a website. The website serves as a report of annual community giving. We prepared the website in&amp;nbsp; and 2009. For 2010, we wanted to add some new elements and stronger impact. Part of the enhancements were JQuery pie charts to add a little interactivity. We also&amp;nbsp;redesigned the home page to&amp;nbsp;emphasize and&amp;nbsp;show off&amp;nbsp;the amount they give to the community over years. &lt;br /&gt;
&lt;strong&gt;In 2010 they gave a total of $444,756,036.&amp;nbsp;&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt;&lt;b&gt;Last Year's Website (2009):&lt;/b&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-vxpBmAwblAk/Tqb-KjR7zeI/AAAAAAAAABY/_0Ez4cO9das/s1600/CBISAold.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="550" src="http://3.bp.blogspot.com/-vxpBmAwblAk/Tqb-KjR7zeI/AAAAAAAAABY/_0Ez4cO9das/s640/CBISAold.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;CBISA's &lt;a href="http://www.franciscanalliance.org/CommunityBenefit/2009/Index.aspx?tabindex=0&amp;amp;tabid=1" target="_blank"&gt;2009 website homepage&lt;/a&gt;.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;span class="Apple-style-span" style="color: #474747; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: x-small;"&gt;&lt;span class="Apple-style-span" style="line-height: 12px;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;b&gt;2010 Website:&lt;/b&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-VV0MA5OuELk/Tqb-ctzK1lI/AAAAAAAAABg/muRcgcckNbE/s1600/CBISAhome.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="556" src="http://3.bp.blogspot.com/-VV0MA5OuELk/Tqb-ctzK1lI/AAAAAAAAABg/muRcgcckNbE/s640/CBISAhome.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;CBISA's &lt;a href="http://www.franciscanalliance.org/CommunityBenefit/2010/Index.aspx?tabindex=0&amp;amp;tabid=1" target="_blank"&gt;2010 website homepage&lt;/a&gt;.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;﻿ &lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-bfs2NYmfy_4/Tqb-qchm0BI/AAAAAAAAABo/o3LsRnyd6JY/s1600/CBISAinner.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="434" src="http://4.bp.blogspot.com/-bfs2NYmfy_4/Tqb-qchm0BI/AAAAAAAAABo/o3LsRnyd6JY/s640/CBISAinner.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;CBISA's 2010 website.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;﻿ &lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;About Franciscan Alliance Community Benefit 2010&lt;/h4&gt;Franciscan Alliance has endeavored to stay true to its founding mission of caring for everyone who comes through our doors.&amp;nbsp; As they have for over 130 years, Franciscan Alliance continues to look for opportunities to serve communities through the very best in medical care and service to the less fortunate among us.&lt;br /&gt;
&lt;br /&gt;
The following report reflects their mission of, “Continuing Christ’s Ministry in our Franciscan Tradition.”&amp;nbsp; Although it is not all inclusive of the many benefits provided, it does portray the significant benefits that reflect the organization’s commitment to healthcare and the communities they serve.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Does your website need a redesign or fresh ideas for more interest?&lt;/b&gt; Schedule a &lt;a href="http://www.tbhcreative.com/services/web-consultation/"&gt;web consultation&lt;/a&gt; and let TBH Creative&amp;nbsp;propose a&amp;nbsp;few ideas.&amp;nbsp;We specialize in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;website development&lt;/a&gt;.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-2261652639496124937?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/2261652639496124937/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/09/web-design-case-study-franciscan.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/2261652639496124937'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/2261652639496124937'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/09/web-design-case-study-franciscan.html' title='Web Design Case Study: Franciscan Alliance Community Benefits Report 2010'/><author><name>tbh creative</name><uri>http://www.blogger.com/profile/09067696658554774871</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-vxpBmAwblAk/Tqb-KjR7zeI/AAAAAAAAABY/_0Ez4cO9das/s72-c/CBISAold.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-556492544554511137</id><published>2011-09-17T14:48:00.000-07:00</published><updated>2011-10-27T06:27:56.522-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='usability'/><category scheme='http://www.blogger.com/atom/ns#' term='content development'/><category scheme='http://www.blogger.com/atom/ns#' term='wireframes'/><title type='text'>Why wireframing matters</title><content type='html'>&lt;h2&gt;Proper planning in web development includes wireframing&lt;/h2&gt;&lt;a href="http://4.bp.blogspot.com/-_ZV9BOYlgjQ/TnUiFt0KCZI/AAAAAAAAAZk/7s8Uc66vLAY/s1600/5735003580_9e166fc503_b.jpg"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5653462388826573202" src="http://4.bp.blogspot.com/-_ZV9BOYlgjQ/TnUiFt0KCZI/AAAAAAAAAZk/7s8Uc66vLAY/s320/5735003580_9e166fc503_b.jpg" style="cursor: hand; float: right; height: 214px; margin: 0px 0px 10px 10px; width: 320px;" /&gt;&lt;/a&gt;Architects wouldn't build a new house without a blueprint, and likewise web designers rely on wireframes to create websites. An essential, time-saving part of the web development process, detailed wireframes communicate the bigger goals of the website project, focusing specifically on information, interface, navigation, prioritization, and functionality. Through the wireframing process, web developers work with clients to plan and document the website project's objectives and requirements.&lt;br /&gt;
&lt;br /&gt;
It requires knowledge of information architecture, user experience design, and user interface design to develop relevant and useful wireframes. During the planning process, web developers use wireframes to present clear mockups, removing the need for costly back-and-forth and making it possible to deliver precisely what clients want.&lt;br /&gt;
&lt;br /&gt;
Thoughtful, rich wireframes reduce interactive project rework while increasing profits because they lead to greater understanding and allow for better feedback during brainstorming and planning. Wireframes, unlike fully flushed out designs, are easy to update because of their simple, straight-forward nature. Wireframes make it easier to iterate changes quickly, saving both time and money and they give web developers an opportunity to figure out which details might have been overlooked and what features had not been considered.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Thinking about your next web development project?&lt;/b&gt; Let &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;&lt;span class="s1"&gt;TBH Creative&lt;/span&gt;&lt;/a&gt; help you plan by building wireframes for your website.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-556492544554511137?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/556492544554511137/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/09/why-wireframing-matters.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/556492544554511137'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/556492544554511137'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/09/why-wireframing-matters.html' title='Why wireframing matters'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-_ZV9BOYlgjQ/TnUiFt0KCZI/AAAAAAAAAZk/7s8Uc66vLAY/s72-c/5735003580_9e166fc503_b.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-4739209926664262278</id><published>2011-09-16T06:42:00.000-07:00</published><updated>2011-09-16T07:12:10.386-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='ashleigh'/><category scheme='http://www.blogger.com/atom/ns#' term='Flash'/><title type='text'>Adobe Edge: Is it the end of Flash?</title><content type='html'>&lt;h4&gt;




Animation on the web is easier than ever!&lt;/h4&gt;
&lt;br /&gt;
&lt;div class="p1"&gt;
Adobe has always been on top of new emerging technology. HTML5 and CSS3 are still new programming languages. They are both currently under development. Not all browsers support every aspect of HTML5 and CSS3 yet.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="p1"&gt;
&lt;i&gt;Adobe Edge&lt;/i&gt; makes it easier for designers (and even non-designers) to create interactive websites without the use of Adobe Flash. Some professionals believe &lt;i&gt;Edge&lt;/i&gt; will be the end of Flash. Personally, I do not think that is an accurate assumption. HTML5 makes animating items on the web a lot easier, but it does not do everything Flash can do. Flash is such a complex program; I believe it would be impossible to include everything in HTML5. Or is it?&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="p1"&gt;
Below is a screenshot of what the interface for Edge looks like:&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;a href="http://1.bp.blogspot.com/-zG-WlfbExkg/TnNOApteKUI/AAAAAAAAAJQ/SpX97uk0luk/s1600/Adobe-Edge_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="465" src="http://1.bp.blogspot.com/-zG-WlfbExkg/TnNOApteKUI/AAAAAAAAAJQ/SpX97uk0luk/s640/Adobe-Edge_2.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="p1"&gt;
&lt;br /&gt;
For those of you who have created things in &lt;a href="http://screenshots.en.softonic.com/en/scrn/5000/5263/adobe-flash-cs5-5-23.png" target="blank"&gt;&lt;span class="s1"&gt;Flash&lt;/span&gt;&lt;/a&gt;, the interface looks similar doesn’t it? Adobe always does such a great job making the interfaces of their programs look similar. This makes it easier for developers to move from one program to another with very little training.&lt;/div&gt;
&lt;div class="p1"&gt;
Here are some of the features of &lt;i&gt;Adobe Edge&lt;/i&gt; (from &lt;a href="http://labs.adobe.com/technologies/edge/%22%20%5Cl%20%22features" target="blank"&gt;&lt;span class="s1"&gt;Adobe&lt;/span&gt;&lt;/a&gt;):&lt;/div&gt;
&lt;ul class="ul1"&gt;
&lt;li class="li1"&gt;intuitive user interface&lt;/li&gt;
&lt;li class="li1"&gt;visually author animated content&lt;/li&gt;
&lt;li class="li1"&gt;add motion to existing HTML content&lt;/li&gt;
&lt;li class="li1"&gt;import web graphics files&lt;/li&gt;
&lt;li class="li1"&gt;standards-based output&lt;/li&gt;
&lt;li class="li1"&gt;reliable content on desktops and devices&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="p1"&gt;
If you are more of a visual person, you can watch this video to get a better idea of some things you can do with &lt;i&gt;Edge:&lt;/i&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/8FnNtX73v8k" width="480"&gt;&lt;/iframe&gt;
&lt;br /&gt;
&lt;br /&gt;
You can also download the most recent &lt;a href="http://labs.adobe.com/technologies/edge/" target="blank"&gt;&lt;span class="s1"&gt;Adobe Edge Preview&lt;/span&gt;&lt;/a&gt; via Adobe.&lt;/div&gt;
&lt;div class="p1"&gt;
&lt;br /&gt;
As stated before, HTML5 and CSS3 are still in the development stage. This also means that &lt;i&gt;Edge&lt;/i&gt; is still not 100% complete. Who knows how advanced it will become in the next year. Do you think &lt;i&gt;Edge&lt;/i&gt; will be the end of Flash?&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="p1"&gt;
&lt;b&gt;Ready to add some motion to your next project?&lt;/b&gt; Let &lt;a href="http://www.tbhcreative.com/contact/get-started/default.aspx"&gt;&lt;span class="s1"&gt;TBH Creative&lt;/span&gt;&lt;/a&gt; do the job for you!&lt;/div&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-4739209926664262278?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/4739209926664262278/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/09/adobe-edge-is-it-end-of-flash.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4739209926664262278'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4739209926664262278'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/09/adobe-edge-is-it-end-of-flash.html' title='Adobe Edge: Is it the end of Flash?'/><author><name>Ashleigh</name><uri>http://www.blogger.com/profile/06542155778234248452</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://1.bp.blogspot.com/-o__1mLjMnSU/TnNK8a-So3I/AAAAAAAAAIw/qe9sO5mK_FA/s220/ihdaio.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-zG-WlfbExkg/TnNOApteKUI/AAAAAAAAAJQ/SpX97uk0luk/s72-c/Adobe-Edge_2.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-7959685212125019016</id><published>2011-09-14T03:56:00.000-07:00</published><updated>2011-10-27T06:28:41.334-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='Photography'/><category scheme='http://www.blogger.com/atom/ns#' term='joy'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><title type='text'>To use stock or not to use stock</title><content type='html'>&lt;h2&gt;Should you use stock photography and illustration for web design projects when you're on a budget?&lt;/h2&gt;When your web design project has a tight budget, the line item associated with imagery can be the first one cut, or drastically trimmed. When chosen carefully, compelling illustration and photography paired with great copy are the key to successful content. If a man from Mars can't figure out what your website is about in five seconds, you're failing. Great, non-generic imagery can help you communicate your brand and goals faster, which is why it's important to invest in your website's imagery and choose it wisely.&lt;br /&gt;
&lt;br /&gt;
Shannon shared tips before for how to &lt;a href="http://blog.tbhcreative.com/2011/03/stock-photos-vs-taking-your-own-photos.html" target="_blank"&gt;enhance stock photography&lt;/a&gt;. It's a great guide if you've already made the decision to use stock imagery, but what if you aren't sure which way to go with your web design project? Here are some questions to ask yourself when deciding whether to use stock:&lt;br /&gt;
&lt;h3&gt;How long will it take you to find the perfect image?&lt;/h3&gt;"90% of the time I opt for a more expensive stockhouse over iStockphoto," says Chicago-area art director &lt;a href="http://www.tinytank.net/" target="_blank"&gt;Sharlene King&lt;/a&gt;. "It's the sloppiness of keyword loading. Time equals money."&lt;br /&gt;
&lt;br /&gt;
Because users submit their own tags, inexpensive stock photography websites are notoriously awful when it comes to tagging. If you're looking for a straight-forward image, like a red ball, you should find relatively accurate results; however, if you search for something even slightly subjective, get ready to spend some time digging through ridiculous results.&lt;br /&gt;
&lt;h3&gt;"Average woman"&lt;/h3&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-opt2akMGAjI/TnCQpCVOWZI/AAAAAAAAAZU/XnRw09hQRCs/s1600/Picture%2B2.png"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5652176567024900498" src="http://1.bp.blogspot.com/-opt2akMGAjI/TnCQpCVOWZI/AAAAAAAAAZU/XnRw09hQRCs/s400/Picture%2B2.png" style="cursor: hand; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 251px;" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Why does a search for an "average woman" display&lt;br /&gt;
a lady posing with a huge gun?&lt;br /&gt;
(Screengrab courtesy of Sharlene King)&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h3&gt;"Vegetarian food"&lt;/h3&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-9aMVpv7LJxk/TnCP5yiT3bI/AAAAAAAAAZM/T21alQs06-M/s1600/-1.png"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5652175755330969010" src="http://1.bp.blogspot.com/-9aMVpv7LJxk/TnCP5yiT3bI/AAAAAAAAAZM/T21alQs06-M/s400/-1.png" style="cursor: hand; display: block; height: 272px; margin: 0px auto 10px; text-align: center; width: 400px;" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Why does a search for "vegetarian food" include a photo&lt;br /&gt;
of meat fondue? (Screengrab courtesy of Sharlene King)&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h3&gt;How long will it take you to make a not-quite-right image work?&lt;/h3&gt;Ask yourself: If you made the budgetary decision to save money by paying for an inexpensive stock image but ended up spending a few hours in Photoshop to make it work, was it really worth the initial savings?&lt;br /&gt;
&lt;h3&gt;How many other people might be using this image?&lt;/h3&gt;Is the stock image you're thinking about using popular? If it's been downloaded many times, does the risk that other websites—including your competition—make a difference to you?&lt;br /&gt;
&lt;h3&gt;Is this a prominent image or a tiny spot?&lt;/h3&gt;Is the stock image front and center as a key communicator of your brand? How important is authenticity in your project?&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;span style="font-weight: bold;"&gt;Trying to figure out your imagery needs for a web design project?&lt;/span&gt; TBH Creative can help you translate your brand and understand how to convert your business goals into a website with photography and illustration that works. We specialize in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt; that makes companies stand out among the competition. Whether you are starting from scratch, want a design "facelift" or are looking for a complete redesign, &lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx" target="_blank"&gt;reach out.&lt;/a&gt; We're here to help.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-7959685212125019016?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/7959685212125019016/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/09/to-use-stock-or-not-to-use-stock.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7959685212125019016'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7959685212125019016'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/09/to-use-stock-or-not-to-use-stock.html' title='To use stock or not to use stock'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-opt2akMGAjI/TnCQpCVOWZI/AAAAAAAAAZU/XnRw09hQRCs/s72-c/Picture%2B2.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-3592714599811443955</id><published>2011-09-09T04:18:00.000-07:00</published><updated>2011-10-27T06:29:36.908-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><category scheme='http://www.blogger.com/atom/ns#' term='content strategy'/><title type='text'>Strategically Social: The British Monarchy &amp; Flickr</title><content type='html'>&lt;a href="http://4.bp.blogspot.com/-CHm1Kc30Nsc/TmpnrXvWivI/AAAAAAAAAZE/Y8_xF2pgSds/s1600/flickr-british-monarchy.png"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5650442677294369522" src="http://4.bp.blogspot.com/-CHm1Kc30Nsc/TmpnrXvWivI/AAAAAAAAAZE/Y8_xF2pgSds/s200/flickr-british-monarchy.png" style="cursor: hand; float: left; height: 160px; margin: 0px 10px 10px 0px; width: 200px;" /&gt;&lt;/a&gt; &lt;br /&gt;
Launched in early 2004, &lt;a href="http://www.flickr.com/" target="_blank"&gt;Flickr&lt;/a&gt; is one of the earliest—and most successful—social networks. Focused on being the best destination online for simple sharing of videos and pictures, Flickr continues to grow its core services by integrating new features for its free and paid users. Some of the more popular features Flickr offers include easy-to-understand image licensing with &lt;a href="http://www.gettyimages.com/" target="_blank"&gt;Getty Images&lt;/a&gt; and user-friendly online editing tools available via &lt;a href="http://www.picnik.com/" target="_blank"&gt;Picnik.&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Flickr users set-up accounts to share photos and network with other photographers, both professional and amateur. Photos are stored in high-resolution formats (uploads of images in size up to 20MB are allowed), and these images are rendered by Flickr on the fly and made available in a wide array of sizes for easy downloading and reuse. This functionality allows many Flickr users take advantage of the website to host images for reuse on their blogs.&lt;br /&gt;
&lt;h3&gt;Photosharing meets royalty&lt;/h3&gt;Some businesses, organizations, and public figures make use of Flickr as a marketing and public relations tool. The &lt;a href="http://www.royal.gov.uk/" target="_blank"&gt;British Monarchy&lt;/a&gt; uses Flickr to expand its online reach. They regularly post photo updates to their &lt;i&gt;photostream,&lt;/i&gt; sharing exclusive images of the Royal Family at work promoting their causes. Many of these pictures give a behind-the-scenes look at their charitable activities, providing additional positive publicity.&lt;br /&gt;
&lt;br /&gt;
The British Monarchy also use their Flickr account to create sets specific to different events and other themes. Sets are Flickr's term for online photo albums. Sets can be clustered together to form what Flickr calls &lt;i&gt;collections,&lt;/i&gt; allowing for greater organization possibilities. Sets can be embedded on other websites as slideshows, too. See below for an example of an embedded slideshow from the British Monarchy's Flickr account. It's their set of images called, "The Prince of Wales rides an electric bicycle at the START festival."&lt;br /&gt;
&lt;br /&gt;
&lt;div align="center"&gt;&lt;object height="300" width="400"&gt; &lt;param name="flashvars" value="offsite=true&amp;amp;lang=en-us&amp;amp;page_show_url=%2Fphotos%2Fbritishmonarchy%2Fsets%2F72157627299505682%2Fshow%2F&amp;amp;page_show_back_url=%2Fphotos%2Fbritishmonarchy%2Fsets%2F72157627299505682%2F&amp;amp;set_id=72157627299505682&amp;amp;jump_to="&gt;&lt;param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=104087"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=104087" allowfullscreen="true" flashvars="offsite=true&amp;amp;lang=en-us&amp;amp;page_show_url=%2Fphotos%2Fbritishmonarchy%2Fsets%2F72157627299505682%2Fshow%2F&amp;amp;page_show_back_url=%2Fphotos%2Fbritishmonarchy%2Fsets%2F72157627299505682%2F&amp;amp;set_id=72157627299505682&amp;amp;jump_to=" height="300" width="400"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;br /&gt;
In addition to having your own stream of photos like the British Monarchy, some businesses use Flickr to create networking groups for certain themes. Flickr groups provide another interactive way for businesses to engage their core audiences by giving them a place to submit their own images. Small business owner &lt;a href="http://www.shopredvelvet.com/" target="_blank"&gt;Elsie Larsen,&lt;/a&gt; a vintage resale shop owner and dress designer, created the Flickr group &lt;a href="http://www.flickr.com/groups/1567172@N20/" target="_blank"&gt;"Project ReStyle"&lt;/a&gt; to promote upcycling. She encourages followers on her blog and other fans to submit their restyled fashions and projects, as inspired by her designs. Since "Project ReStyle" launched on Flickr at the beginning of 2011, over 1,500 participants have joined the group and submitted over 2,800 photos of their creations.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Not sure if social networking can help you meet your company or organization's goals?&lt;/b&gt; Does part of your business include sharing images with clients? Used strategically, Flickr can help you promote your business through powerful imagery. If you need assistance coming up with ideas, making policies and procedures, and creating guidelines, TBH Creative can help. We specialize in strategic &lt;a href="http://www.tbhcreative.com/services/social-media/"&gt;social media solutions&lt;/a&gt;. We keep up with best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-3592714599811443955?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/3592714599811443955/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/06/strategically-social-british-monarchy.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3592714599811443955'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3592714599811443955'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/06/strategically-social-british-monarchy.html' title='Strategically Social: The British Monarchy &amp; Flickr'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-CHm1Kc30Nsc/TmpnrXvWivI/AAAAAAAAAZE/Y8_xF2pgSds/s72-c/flickr-british-monarchy.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-7013504060313477777</id><published>2011-08-31T23:49:00.000-07:00</published><updated>2011-09-01T08:53:08.531-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Photography'/><category scheme='http://www.blogger.com/atom/ns#' term='joy'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='grids'/><category scheme='http://www.blogger.com/atom/ns#' term='graphic design'/><title type='text'>Enhance your website design with picture perfect backgrounds</title><content type='html'>&lt;p&gt;When it comes to designing modern-looking websites, one of the latest trends is to focus—literally—on the big picture. Tiled texture backgrounds, once a standard for website background imagery, are becoming rare as more and more designers incorporate relevant photography as part of their website interfaces. Faster download speeds and the flexibility provided by cascading style sheets have allowed this technique to thrive.&lt;/p&gt;

&lt;p&gt;Here are some examples of sharply executed big picture backgrounds in action:&lt;/p&gt;

&lt;h3&gt;NASA&lt;/h3&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/-5E1I_DxIVKI/Tl-dKciZYHI/AAAAAAAAAX8/oJdxvdLHG0A/s1600/nasa-splash.png"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 223px;" src="http://4.bp.blogspot.com/-5E1I_DxIVKI/Tl-dKciZYHI/AAAAAAAAAX8/oJdxvdLHG0A/s400/nasa-splash.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5647405260530606194" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://www.nasa.gov/" target="_blank"&gt;NASA&lt;/a&gt; goes the traditional route and uses a huge photo as a background for its&lt;br&gt; straight-forward, more traditional based design. Using an outer space image&lt;br&gt;for the the background extends their brand and adds more pop&lt;br&gt;to their layout than a simple color or texture.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;

&lt;h3&gt;WeTransfer&lt;/h3&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/-ZUjyXThSLN4/Tl-fXFLqPoI/AAAAAAAAAYE/0OF5DP7q-7E/s1600/wetransfer-splash.png"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 219px;" src="http://4.bp.blogspot.com/-ZUjyXThSLN4/Tl-fXFLqPoI/AAAAAAAAAYE/0OF5DP7q-7E/s400/wetransfer-splash.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5647407676622782082" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://www.wetransfer.com/" target="_blank"&gt;WeTransfer&lt;/a&gt; sets itself apart from the competition, like YouSendIt and SendSpace,&lt;br&gt;by giving its users a clean,easy-to-use interface on top of a single, full-screen&lt;br&gt;image-based advertisement.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;

&lt;h3&gt;Yahoo! Mail&lt;/h3&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/-IXnhT02BgJw/Tl-fpasHENI/AAAAAAAAAYM/-4L2Q34Zh_Q/s1600/yahoo-mail-splash.png"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 295px;" src="http://2.bp.blogspot.com/-IXnhT02BgJw/Tl-fpasHENI/AAAAAAAAAYM/-4L2Q34Zh_Q/s400/yahoo-mail-splash.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5647407991633678546" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://mail.yahoo.com/" target="_blank"&gt;Yahoo! Mail&lt;/a&gt;, like WeTransfer, uses the background area of its interface for logging into&lt;br&gt;its mail service to present attention-getting full screen advertisements.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;

&lt;h3&gt;Ford&lt;/h3&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/-saMMlmBw0kQ/Tl-ihrTkP_I/AAAAAAAAAYU/3qiKZhKU5p8/s1600/ford-splash.png"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 259px;" src="http://4.bp.blogspot.com/-saMMlmBw0kQ/Tl-ihrTkP_I/AAAAAAAAAYU/3qiKZhKU5p8/s400/ford-splash.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5647411157190066162" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://www.ford.com/" target="_blank"&gt;Ford&lt;/a&gt; takes advantage of a big picture background image to show-off its line of cars&lt;br&gt;through an eye-catching poster-like presentation.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;

&lt;h3&gt;MIT&lt;/h3&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/-0DGIC5_WWh4/Tl-nCsYz3BI/AAAAAAAAAY0/T8RmGKMw5KI/s1600/mit-splash.png"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 276px;" src="http://3.bp.blogspot.com/-0DGIC5_WWh4/Tl-nCsYz3BI/AAAAAAAAAY0/T8RmGKMw5KI/s400/mit-splash.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5647416122462690322" /&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://www.mit.edu/" target="_blank"&gt;MIT&lt;/a&gt; displays captivating news photos as the canvas for their interface&lt;br&gt;directing its visitors to stories and information about the university.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;

&lt;h3&gt;HBO&lt;/h3&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/-tzkMITCCgHs/Tl-lCpBvDvI/AAAAAAAAAYc/xZzRN1ozEQs/s1600/hbo-splash.png"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 221px;" src="http://3.bp.blogspot.com/-tzkMITCCgHs/Tl-lCpBvDvI/AAAAAAAAAYc/xZzRN1ozEQs/s400/hbo-splash.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5647413922537344754" /&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://www.hbo.com/" target="_blank"&gt;HBO&lt;/a&gt; promotes it programming by making stills from the movies and shows&lt;br&gt;airing on its premium cable channel fullscreen big picture backgrounds.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;


&lt;h3&gt;Coach&lt;/h3&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/-6H5cJI7YtXs/Tl-l8kqhydI/AAAAAAAAAYk/7jtRvYuR_GE/s1600/coach-splash.png"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 235px;" src="http://1.bp.blogspot.com/-6H5cJI7YtXs/Tl-l8kqhydI/AAAAAAAAAYk/7jtRvYuR_GE/s400/coach-splash.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5647414917798676946" /&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://www.coach.com/" target="_blank"&gt;Coach&lt;/a&gt; presents an attractive carousel of product imagery&lt;br&gt;as background images to promote their products.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;

&lt;h3&gt;SNEAK PREVIEW:&lt;br&gt;Laurel Hall&lt;/h3&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/-kNrTRDyceY0/Tl-mj7g02hI/AAAAAAAAAYs/UJuH5U81OR4/s1600/laurelhall-splash.png"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 275px;" src="http://1.bp.blogspot.com/-kNrTRDyceY0/Tl-mj7g02hI/AAAAAAAAAYs/UJuH5U81OR4/s400/laurelhall-splash.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5647415593946896914" /&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;TBH Creative is in the process of launching a redesign for Laurel Hall&lt;br&gt;that integrates a fullscreen big picture motif. Laurel Hall's elegant new look&lt;br&gt;will go live online soon. Watch for our announcement.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;



&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;span style="font-weight:bold;"&gt;Would your website benefit from a big picture redesign?&lt;/span&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt; that is timeless and contemporary. We are experts at creating visually appealing websites that work for everyone. Whether you are starting from scratch, want a design "facelift" or are looking for a complete redesign, we can help. &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-7013504060313477777?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/7013504060313477777/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/09/enhance-your-website-design-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7013504060313477777'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7013504060313477777'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/09/enhance-your-website-design-with.html' title='Enhance your website design with picture perfect backgrounds'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-5E1I_DxIVKI/Tl-dKciZYHI/AAAAAAAAAX8/oJdxvdLHG0A/s72-c/nasa-splash.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-1386333516955315255</id><published>2011-08-23T15:10:00.001-07:00</published><updated>2011-10-27T06:30:18.303-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='accessibility'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='usability'/><category scheme='http://www.blogger.com/atom/ns#' term='html'/><title type='text'>Improving your website's user experience for the color blind</title><content type='html'>&lt;a href="http://3.bp.blogspot.com/-cmDUwWZJrgg/TlQmCx6Fl4I/AAAAAAAAAX0/UOoZp_kTSpk/s1600/google-colorblind.jpg"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5644178062200641410" src="http://3.bp.blogspot.com/-cmDUwWZJrgg/TlQmCx6Fl4I/AAAAAAAAAX0/UOoZp_kTSpk/s320/google-colorblind.jpg" style="cursor: hand; float: right; height: 118px; margin: 0px 0px 10px 10px; width: 293px;" /&gt;&lt;/a&gt; &lt;br /&gt;
One in twelve kids have &lt;a href="http://health.usnews.com/health-news/family-health/allergy-and-asthma/articles/2011/06/20/one-in-12-us-children-may-have-food-allergies-report" target="_blank"&gt;food allergies.&lt;/a&gt; One in twelve people worldwide live with either &lt;a href="http://www.worldhepatitisalliance.org/Home.aspx" target="_blank"&gt;chronic hepatitis B or C.&lt;/a&gt; One in twelve &lt;a href="http://www.cbsnews.com/stories/2011/05/24/sportsline/main20065766.shtml" target="_blank"&gt;fans drive drunk from the ballpark.&lt;/a&gt; &lt;br /&gt;
Though those statistics are worrisome, there is nothing you can do to improve the user experience of your website for these groups of people. However, for the one in twelve people in the U.S.—mostly men—who suffer from a form of &lt;a href="http://www.webexhibits.org/causesofcolor/2A.html" target="_blank"&gt;color blindness&lt;/a&gt;, there is something you can do when developing your website. In addition to better serving your users, your efforts to make your website more user friendly will pay off in other ways. For example, accessible websites are more likely than inaccessible websites to be ranked well in search engines.&lt;br /&gt;
Designers do not need to limit their palette to take into consideration the needs of colorblind users. Follow these simple tips to improve accessibility and create a website can be usable by those who are color blind.&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;&lt;b&gt;Watch how you combine colors.&lt;/b&gt;&lt;br /&gt;
Avoid combining red and green. This is especially important in navigational text (such as menus, heads, and subheads). High contrast pairings, like black and white, are ideal for these kinds of important, essential pieces of copy.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Avoid using color coding exclusively.&lt;/b&gt;&lt;br /&gt;
Relying only on colors for indicators in your design can mean big trouble. Incorporate other cues (underlining, symbols, bold, and more) to help make designations of change.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Test your page.&lt;/b&gt;&lt;br /&gt;
To quickly simulate readability and informally test to see if your website uses high contrasting colors, take a screen grab and convert it to grayscale to desaturate your image. The free, online utility called &lt;a href="http://colorfilter.wickline.org/" target="_blank"&gt;Colorblind Web Page Filter&lt;/a&gt; is another useful tool for analyzing the usability of your website. (Note: the Colorblind Web Page Filter destroys web fonts and some uses CSS in its simulations. Be prepared to view a jumbled-layout version of your website. This tool is good for color simulation, but it doesn't handle designs particularly well.)&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Think about your copy.&lt;/b&gt;&lt;br /&gt;
If you have directional copy on your website, it's best not to use cues like, "Click on the green button" which may not appear to be green to all users.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Encourage feedback from your users.&lt;/b&gt;&lt;br /&gt;
Make sure you have a contact form on your website to collect ideas from your users. You can't fix accessibility problems if you aren't aware they exist.&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;span style="font-weight: bold;"&gt;Is your website accessible to all users?&lt;/span&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt; that takes into account all users. We are experts at creating visually appealing websites that work for everyone. Whether you are starting from scratch, want a design "facelift" or are looking for a complete redesign, we can help. &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-1386333516955315255?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/1386333516955315255/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/08/improving-your-websites-user-experience.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/1386333516955315255'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/1386333516955315255'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/08/improving-your-websites-user-experience.html' title='Improving your website&apos;s user experience for the color blind'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-cmDUwWZJrgg/TlQmCx6Fl4I/AAAAAAAAAX0/UOoZp_kTSpk/s72-c/google-colorblind.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-3080494547414515482</id><published>2011-08-15T12:55:00.000-07:00</published><updated>2011-08-21T09:01:00.958-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='grids'/><title type='text'>Why grid-based web designs are better</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/-FaczzyoLTsM/TlBYd5J4AgI/AAAAAAAAAXs/-xukR9lpRf0/s1600/nytimes-grid.jpg"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 320px; height: 319px;" src="http://2.bp.blogspot.com/-FaczzyoLTsM/TlBYd5J4AgI/AAAAAAAAAXs/-xukR9lpRf0/s320/nytimes-grid.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5643107603676922370" /&gt;&lt;/a&gt;

&lt;p&gt;The backbone of most visually appealing websites is a well-thought out grid system. A grid is best thought of as a plan for your website. It holds the designs together, outlines what its structure is, and provides a blueprint for where page elements can go.&lt;/p&gt;

&lt;p&gt;Like well-planned neighborhoods with blocks that follow a logical layout, websites built around grid-based designs provide structures that keep content orderly and help users find what they're looking for when visiting. Grid-based designs incorporate the best aspects of predictability and clear navigation.&lt;/p&gt;

&lt;p&gt;More and more developers favor grid-based designs because, after the initial preparatory math and planning, using them speeds up and simplifies production by enabling them to leverage the defined configurations.&lt;/p&gt;

&lt;p&gt;A combination of common measurements and CSS makes designing websites using a grid-based design useful for rapid prototyping during the development workflow. Grid-based designs even facilitate easy adjustments once the website is live by providing flexibility that is useful for easily accommodating changing advertising and promotion needs.&lt;/p&gt;

&lt;p&gt;Web designers can work wonders with even the most rigid grid-based design systems. Used creatively, grid-based designs provide a basis for uniformity and consistency. Web designers use grid-based designs to present website content in unique and exciting ways that leverage carefully considered padding and white space, among other elements, without creating cluttered, structureless websites.&lt;/p&gt;

&lt;p&gt;Suspect a website was built using a grid-based design? Add the free Firefox plugin &lt;a href="http://www.puidokas.com/portfolio/gridfox/" target="_blank"&gt;GridFox&lt;/a&gt; to your browser to take a sneak peek the structure behind its layout. It's like having Superman powers for web development nerds. It's our kind of x-ray vision.&lt;/p&gt;

&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;span style="font-weight:bold;"&gt;Interested in building a website with a flexible grid-based design?&lt;/span&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt; that is contemporary, flexible, and attractive. We are experts at designing large amounts of information strategically and with visual appeal. Whether you are starting from scratch, want a design "facelift" or are looking for a complete redesign, we can help. &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-3080494547414515482?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/3080494547414515482/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/08/why-grid-based-web-designs-are-better.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3080494547414515482'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3080494547414515482'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/08/why-grid-based-web-designs-are-better.html' title='Why grid-based web designs are better'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-FaczzyoLTsM/TlBYd5J4AgI/AAAAAAAAAXs/-xukR9lpRf0/s72-c/nytimes-grid.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-2450621711630260350</id><published>2011-08-12T12:42:00.000-07:00</published><updated>2011-10-27T18:13:36.686-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><title type='text'>Web Design Case Study: Lindner Center for Research and Education at The Christ Hospital</title><content type='html'>&lt;div style="float: right; margin: 0px 0px 20px 20px;"&gt;&lt;b&gt;Services Provided Include:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;Web Design&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;HTML and CSS Build&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/content-management-system/"&gt;Content Management System&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/application-development/"&gt;Custom Application Development&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/email-marketing/"&gt;Email Marketing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/blog-assistance/"&gt;Custom Blog&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/hosting/"&gt;Hosting&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;TBH Creative was hired via &lt;a href="http://www.tenadams.com/" target="_blank"&gt;Ten Adams&lt;/a&gt; to work on the&amp;nbsp;first website featuring clinical trials for &lt;a href="http://www.lindnerresearch.com/"&gt;The Christ Hospital's Lindner Center of Research&lt;/a&gt;.&amp;nbsp;TBH Creative lead the website project from start to finish including a custom and high end design to attract other physicians and encourage participation in trials. We did the basic coding, applied our Content Management for easy maintenance, and developed a custom application to manage the clinical trials. In addition to the website work, TBH Creative created a custom blog and worked on the design and coding for their first email newsletter. The project has been well received by the hospital and physicians.&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&amp;nbsp;&lt;a href="http://www.lindnerresearch.com/pages/Home/default.aspx" target="_blank"&gt;Take a look at the new website&lt;/a&gt;.&lt;/div&gt;&lt;br /&gt;
&lt;div&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-GHwBa8DL7kM/TqcSaRJry6I/AAAAAAAAACA/dlZUHFlT_sc/s1600/lindercenterhome.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="518" src="http://3.bp.blogspot.com/-GHwBa8DL7kM/TqcSaRJry6I/AAAAAAAAACA/dlZUHFlT_sc/s640/lindercenterhome.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;The Lindner Center's new homepage! &lt;a href="http://www.lindnerresearch.com/pages/Home/default.aspx" target="_blank"&gt;Check it out.&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-E2TzLgwR9ZM/TqcSjmyRaaI/AAAAAAAAACI/MemyAR-uLtk/s1600/lindercenterinner2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="516" src="http://4.bp.blogspot.com/-E2TzLgwR9ZM/TqcSjmyRaaI/AAAAAAAAACI/MemyAR-uLtk/s640/lindercenterinner2.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;An interior page from the Lindner Research website.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div&gt;&lt;/div&gt;&lt;h4&gt;Client Remarks on the Project and TBH&lt;/h4&gt;"The overall experience with TBH Creative has been outstanding with complementary services such as crisp design, easy to navigate CMS and an amazingly talented and experienced team. The process was unique because there were solutions and opportunities regardless of any challenge. The development of the microsite was truly a team effort and the outcomes – superb."&lt;br /&gt;
&lt;div class="p1" style="text-align: left;"&gt;&lt;i&gt;- Holly Smith, Ten Adams Account Executive&lt;/i&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div&gt;&lt;/div&gt;&lt;div class="p1" style="text-align: left;"&gt;"TBH Creative was wonderful to work with on the build of our microsite! They quickly organized our requests and needs into an easy-to-use reference tool for our clinical research. The project was completed in record time, and the design clearly represents our brand. I would definitely recommend them!"&lt;/div&gt;&lt;div class="p1" style="text-align: left;"&gt;&lt;i&gt;- Emily Owens, Senior Marketing Consultant, The Christ Hospital&lt;/i&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div&gt;&lt;/div&gt;&lt;h4&gt;About The Lindner Research Center&lt;/h4&gt;The Lindner Research Center has participated in more than 1,200 clinical research trials (130 currently active trials) and has tested most of the new treatments in cardiovascular medicine over the past 25 years. These studies have included first-in-man as well as first-in-the-U.S. experiences with leading-edge technologies. All Lindner Research Center trials are approved through The Christ Hospital Institutional Review Board or an accredited national Institutional Review Board.&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div&gt;&lt;/div&gt;&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Does your company's&amp;nbsp;website need a professional?&lt;/b&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/application-development/"&gt;advanced application development&lt;/a&gt;.&amp;nbsp;If you want a site like the Lindner Center, please&amp;nbsp;&lt;a href="http://www.tbhcreative.com/contact/contact-us/default.aspx"&gt;contact us&lt;/a&gt; today. We gaurantee your satisfaction.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-2450621711630260350?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/2450621711630260350/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/08/web-design-case-study-lindner-center.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/2450621711630260350'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/2450621711630260350'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/08/web-design-case-study-lindner-center.html' title='Web Design Case Study: Lindner Center for Research and Education at The Christ Hospital'/><author><name>tbh creative</name><uri>http://www.blogger.com/profile/09067696658554774871</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-GHwBa8DL7kM/TqcSaRJry6I/AAAAAAAAACA/dlZUHFlT_sc/s72-c/lindercenterhome.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-4312826263567340335</id><published>2011-08-12T12:08:00.000-07:00</published><updated>2011-11-27T17:54:00.415-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><category scheme='http://www.blogger.com/atom/ns#' term='content management system'/><category scheme='http://www.blogger.com/atom/ns#' term='web redesign'/><title type='text'>Web Design Case Study: Northpoint Pediatrics</title><content type='html'>&lt;div style="float: right; margin: 0px 0px 20px 20px;"&gt;&lt;b&gt;Services Provided Include:&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;Web Design&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;HTML and CSS Build&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/content-management-system/"&gt;Content Management System&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/application-development/"&gt;Custom Application Development&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.tbhcreative.com/services/web-writing-editing/"&gt;Website Editing and Writing&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;We launched a new website for Northpoint Pediatrics today and it can be viewed at&lt;a href="http://www.imagingoffice.com/" target="_blank"&gt;&lt;/a&gt;&lt;a href="http://www.northpointpeds.com/"&gt; http://www.northpointpeds.com/&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="p1"&gt;TBH Creative was responsible for interface and home page redesign around a pre-developed Content Management System, &lt;a href="http://blog.tbhcreative.com/2010/10/great-features-of-expressionengine-cms.html"&gt;Expression Engine&lt;/a&gt;. TBH Creative worked with the application to upgrade the website performance and continues to assist with further additions and custom needs. &lt;/div&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-iOS_VFDFHfw/TqcJjbPuhkI/AAAAAAAAABw/GuBV7HynRFw/s1600/NPhome.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="554" src="http://1.bp.blogspot.com/-iOS_VFDFHfw/TqcJjbPuhkI/AAAAAAAAABw/GuBV7HynRFw/s640/NPhome.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Northpoint Pediatrics'&amp;nbsp;&lt;a href="http://www.northpointpeds.com/" target="_blank"&gt;homepage&lt;/a&gt;. The home page features a rotation of events and news across the top, and a slider bar to highlight their physician videos as well as three areas of important topics above the fold.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-hHPb2OR4vGw/TqcJpBIYEYI/AAAAAAAAAB4/sFsTiWESb2Q/s1600/NPinner.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="572" src="http://4.bp.blogspot.com/-hHPb2OR4vGw/TqcJpBIYEYI/AAAAAAAAAB4/sFsTiWESb2Q/s640/NPinner.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;One of Northpoint Pediatrics' interior pages. The upgraded interface is clean and simple. There were significant  usability improvements in the navigation structure, active states, and  use of white space as well as special attention on specific landing  pages. We incorporated a 'big footer' that offers location  information and quick links on every page.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;i&gt;It has been a pleasure working with TBH Creative. They have worked closely with  us to give our website a fresh new look with  increased functionality. TBH is detailed oriented, conscientious and  an excellent listener and communicator. I highly recommend TBH as a  trusted web strategist.&lt;/i&gt;&lt;br /&gt;
~ Linda Kortanek, Executive Director &lt;i&gt;&lt;br /&gt;
&lt;/i&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;About Northpoint Pediatrics&lt;/h4&gt;Northpoint Pediatrics' mission is to make a difference every day in the lives of  children and their parents by giving quality healthcare and helpful  advice.  Celebrating 23 years of caring for kids, Northpoint Pediatrics has  three convenient offices, all located in the northeast quadrant of  Indianapolis, Indiana. The Northpoint team consists of nine  pediatricians and a skilled team of nurse practitioners, nurses, front  office assistants and patient account professionals.&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Content management systems make it easy to edit your website (without having to contact a web designer).&lt;/b&gt; The TBH Creative content management system is always customized around your unique website design and can also be extended with &lt;a href="http://www.tbhcreative.com/services/application-development/"&gt;additional functionality&lt;/a&gt; needed. See what &lt;a href="http://www.tbhcreative.com/services/content-management-system/"&gt;content management systems&lt;/a&gt; are all about, and contact us to learn more about your options. &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-4312826263567340335?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/4312826263567340335/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/08/web-design-case-study-northpoint.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4312826263567340335'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4312826263567340335'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/08/web-design-case-study-northpoint.html' title='Web Design Case Study: Northpoint Pediatrics'/><author><name>tbh creative</name><uri>http://www.blogger.com/profile/09067696658554774871</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-iOS_VFDFHfw/TqcJjbPuhkI/AAAAAAAAABw/GuBV7HynRFw/s72-c/NPhome.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-4069116625902402543</id><published>2011-07-27T04:17:00.000-07:00</published><updated>2011-08-11T14:58:52.286-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='strategically social'/><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><category scheme='http://www.blogger.com/atom/ns#' term='content strategy'/><title type='text'>Strategically Social: Tumblr &amp; The Atlantic</title><content type='html'>&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/-aWGYmE2A65s/TkROLHEGBvI/AAAAAAAAAXk/bZiQ7EH9yAU/s1600/the-atlantic-tumblr.jpg"&gt;&lt;img style="float:right; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 198px;" src="http://1.bp.blogspot.com/-aWGYmE2A65s/TkROLHEGBvI/AAAAAAAAAXk/bZiQ7EH9yAU/s200/the-atlantic-tumblr.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5639718586156451570" /&gt;&lt;/a&gt;If you're hunting for the &lt;a href="http://www.thefablife.com/2011-07-25/celine-dion-kills-ridiculous-pictures-of-celine-dion-tumblr/" target="_blank"&gt;latest Internet phenomenon&lt;/a&gt;, chances are good that you'll be directed to Tumblr. The free, easy-to-use microblogging and social networking hybrid website has been home to memes and more since 2007. Although its primary users are individuals, some businesses and organizations—like the editors of the news and analysis magazine &lt;a href="http://www.theatlantic.com/" target="_blank"&gt;the &lt;i&gt;Atlantic&lt;/i&gt;&lt;/a&gt;—are doing a great job &lt;a href="http://theatlantic.tumblr.com/" target="_blank"&gt;using Tumblr in creative ways&lt;/a&gt; to extend their brand and curate fresh and relevant content to their readership. Some other Tumblr pages run by publications whose editorial staffs are doing a good job editorially include the &lt;span style="font-style:italic;"&gt;&lt;a href="http://chicago-reader.tumblr.com/"&gt;Reader&lt;/a&gt;&lt;/span&gt;, &lt;span style="font-style:italic;"&gt;&lt;a href="http://vanityfair.tumblr.com/"&gt;Vanity Fair&lt;/a&gt;&lt;/span&gt;, and  &lt;span style="font-style:italic;"&gt;New York Time's &lt;a href="http://tmagazine.tumblr.com/"&gt;T Magazine&lt;/a&gt;&lt;/span&gt;.&lt;/p&gt;

&lt;h3&gt;Microblogging and editorial storytelling&lt;/h3&gt;

&lt;p&gt;Tumblr allows users to share multiple kinds of media (polls, photos, words, quotes, links, video, and more) on personal blogs. Tumblr blog homes can be customized using assorted pre-made—yet, modifiable—templates layout themes. Tumblr registration is quick and easy. To sign-up, users only have to provide three bits of information:  their name, e-mail, and desired password.&lt;/p&gt;

&lt;p&gt;Editorial staffs make up one niche pocket of Tumblr users who are utilizing the format to extend their storytelling and add more content to supplement what they're doing through blog entries and printed publications. &lt;i&gt;The Atlantic&lt;/i&gt;'s editors post original videos, teaser excerpts from their stories, photography, and more as stories break. As a monthly publication, Tumblr's instant click-to-publish format allows the editors to add reactions to stories as they happen. This week, for instance, they've been able to share assorted, relevant &lt;a href="http://theatlantic.tumblr.com/post/8775274113/thepoliticalnotebook-londonriots-clapham" target="_blank"&gt;bits of content and links&lt;/a&gt; regarding the riots in London as they are created.&lt;/p&gt;

&lt;p&gt;Does your marketing plan include reaching out to your clients on an informal, frequent basis? Are you working to build a community around your brand? Used strategically, Tumblr can support your existing efforts.&lt;/p&gt;

&lt;h3&gt;Some ideas for implementation:&lt;/h3&gt;
&lt;ul&gt;&lt;li&gt;If you have a landscaping company, use Tumblr to post photos of finished projects and how-to videos for sharing tips for maintaining professionally designed gardens.&lt;/li&gt;
&lt;li&gt;If you have a catering business, use Tumblr to share sample menus and photos from events.&lt;/li&gt;
&lt;li&gt;If you have an auto repair shop, use Tumblr to answer questions and run polls.  &lt;/li&gt;&lt;/ul&gt;

&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Looking for creative ways to use social media to help you meet your company or organization's marketing and branding goals?&lt;/b&gt; TBH Creative can help. We specialize in strategic &lt;a href="http://www.tbhcreative.com/services/social-media/"&gt;social media solutions&lt;/a&gt;. We keep up with best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-4069116625902402543?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/4069116625902402543/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/07/strategically-social-tumblr-atlantic.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4069116625902402543'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4069116625902402543'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/07/strategically-social-tumblr-atlantic.html' title='Strategically Social: Tumblr &amp; The Atlantic'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-aWGYmE2A65s/TkROLHEGBvI/AAAAAAAAAXk/bZiQ7EH9yAU/s72-c/the-atlantic-tumblr.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-2943944076963262191</id><published>2011-07-26T02:37:00.009-07:00</published><updated>2011-07-26T03:47:51.132-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='joy'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><title type='text'>The 411 on Google+ for businesses and organizations</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/-wfToEzXho7w/Ti6SpoH-8pI/AAAAAAAAAW4/WQFiNf_rILk/s1600/Google-Plus-Profile.jpg"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 200px; height: 178px;" src="http://1.bp.blogspot.com/-wfToEzXho7w/Ti6SpoH-8pI/AAAAAAAAAW4/WQFiNf_rILk/s200/Google-Plus-Profile.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5633601427730264722" /&gt;&lt;/a&gt;
&lt;p&gt;Though Facebook &lt;a href="http://blog.hubspot.com/blog/tabid/6307/bid/5739/What-Gets-More-Traffic-Than-Google-Now-Facebook.aspx" target="_blank"&gt;gets more traffic&lt;/a&gt; that Google now, that's not stopping the innovators at Google from trying to imagine up new services and products to bring back the users they lost and reclaim the title as most used website. One of Google's strategies is their latest foray into social networking—Google+. You probably noticed the companion component of the website—&lt;a href="http://blog.tbhcreative.com/2011/06/googles-1-button-what-you-should-know.html" target="_blank"&gt;the Google+ button&lt;/a&gt;—&lt;a href="http://www.seroundtable.com/google-plus-one-button-13499.html" target="_blank"&gt;appear&lt;/a&gt; as part of Google's search results at the start of June.&lt;/p&gt;

&lt;p&gt;Google+ (aka g+) launched in late June for personal use. The social networking website is still in beta and remains invitation-only. In the past three short weeks, &lt;a href="http://online.wsj.com/article/SB10001424053111904233404576460394032418286.html" target="_blank"&gt;over 20 million users&lt;/a&gt; have activated their accounts. To better understand why this quick growth is so impressive, remember that &lt;a href="http://www.famousbloggers.net/graph-facebook-twitter-google-20-million-users.html" target="_blank"&gt;it took Facebook and Twitter nearly three years&lt;/a&gt; to reach 20 million users.&lt;/p&gt;

&lt;p&gt;G+ may have over 20 million users, but it is still not supporting businesses and organizations who want to make professional profiles. &lt;a href="http://www.youtube.com/watch?v=c4oafKRykUg" target="_blank"&gt;According to G+’s product manager Christian Oestlian:&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;“With so many qualified candidates expressing intense interest in business profiles, we’ve been thinking hard about how to handle this process. Your enthusiasm obligates us to do more to get businesses involved in Google+ in the right way, and we have to do it faster.&lt;br&gt;&lt;br&gt;"As a result, we have refocused a few priorities and we expect to have an initial version of businesses profiles up and running for &lt;em&gt;everyone&lt;/em&gt; in the next few months. There may be a tiny handful business profiles that will remain in the meantime solely for the purpose of testing how businesses interact with consumers.”&lt;/blockquote&gt;

&lt;p&gt;While Google's team works to create the best possible experience for its business and organization users, they encourage those eager to set-up at the social networking website to do so as a person. Until their consumer profiles feature &lt;a href="http://www.businessinsider.com/there-will-be-a-business-version-of-google-later-this-year-2011-7" target="_blank"&gt;officially goes live later this year&lt;/a&gt;, &lt;a href="http://www.businessinsider.com/google-is-blasting-business-profiles-from-google-2011-7" target="_blank"&gt;accounts created that do not tie to a personal account will be removed.&lt;/a&gt;&lt;/p&gt;

&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;News about Google+ comes out frequently. Follow &lt;a href="https://twitter.com/#!/tbhcreative" target="_blank"&gt;@tbhcreative&lt;/a&gt; on Twitter for links to news and information about how new technologies, trends, and services change the ways that users connect with businesses and organizations online. &lt;br&gt;&lt;br&gt;&lt;b&gt;Want to do more with social media?&lt;/b&gt; TBH Creative specializes in strategic &lt;a href="http://www.tbhcreative.com/services/social-media/"&gt;social media solutions&lt;/a&gt;. We keep up with best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-2943944076963262191?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/2943944076963262191/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/07/411-on-google-for-businesses-and_4021.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/2943944076963262191'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/2943944076963262191'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/07/411-on-google-for-businesses-and_4021.html' title='The 411 on Google+ for businesses and organizations'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-wfToEzXho7w/Ti6SpoH-8pI/AAAAAAAAAW4/WQFiNf_rILk/s72-c/Google-Plus-Profile.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-3542712031569245375</id><published>2011-07-12T04:27:00.000-07:00</published><updated>2011-07-12T06:21:43.868-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='online survey'/><category scheme='http://www.blogger.com/atom/ns#' term='email marketing'/><category scheme='http://www.blogger.com/atom/ns#' term='testimonials'/><title type='text'>Three ways to convince people to take your online survey</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/-0LuRQXYEhxQ/ThxJFYtWblI/AAAAAAAAAIw/nSPtY-2P8p8/s1600/survey.png"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 128px; height: 200px;" src="http://2.bp.blogspot.com/-0LuRQXYEhxQ/ThxJFYtWblI/AAAAAAAAAIw/nSPtY-2P8p8/s200/survey.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5628453991187115602" /&gt;&lt;/a&gt;
&lt;p&gt;Creating online surveys has never been easier thanks to tools like &lt;a href="http://surveymonkey.com" target="_blank"&gt;SurveyMonkey&lt;/a&gt;, &lt;a href="http://zoomerang.com" target="_blank"&gt;Zoomerang&lt;/a&gt;, and &lt;a href="http://surveygizmo.com" target="_blank"&gt;SurveyGizmo&lt;/a&gt;; however, getting potential new clients or existing customers to respond and provide helpful feedback takes strategic planning. Here are three simple things you can do when developing an online survey to ensure a better response rate:&lt;/p&gt;

&lt;p&gt;&lt;ol&gt;&lt;li&gt;&lt;b&gt;Select the right audience.&lt;/b&gt;&lt;br&gt;
Don't dump your entire database into a pool of potential survey respondents. Instead, figure out who you want information from and use that group as your base. If you're looking for feedback from potential new customers consider sending your web survey to those in your database who have made inquiries but no purchases. Don't forget to filter out e-mail addresses of those who have said they do not wish to be contacted. Supplement that base by asking your website visitors to answer the survey, too. A good place to post the survey might be the contact form page if that's where a lot of your new business queries originate.&lt;/li&gt;

&lt;li&gt;&lt;b&gt;Personalize your messaging.&lt;/b&gt;&lt;br&gt;
Do you have the first names of your potential survey respondents? Perfect. Write your e-mail to begin "Dear Tatum" instead of "Dear Indianapolis Small Business Owner." This small extra step in the set-up of your online survey during the mail-merge process can result in a higher response rate.&lt;/li&gt;

&lt;li&gt;&lt;b&gt;Keep it clear, keep it short.&lt;/b&gt;&lt;br&gt;
Respecting your potential survey respondents' time at the start by writing a direct, brief message. This consistency will act as an initial indicator that you will also respect their time when it comes to the actual survey. Be honest about how long the survey will take. Even if you have a longer survey, letting them know upfront will increase your response rate because you disclosed this at the start. Explain who you are and why you're doing the survey. Finish by sharing how the resulting data will benefit not only your company but also the respondents. This may mean providing an incentive, like a gift card or percentage off their next purchase. It may also be as making a donation to a charity on behalf of all who respond. Even the small token of appreciation can increase response rates.&lt;/li&gt;&lt;/ol&gt;

&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Still struggling to get started on developing a web-based survey for your company or organization?&lt;/b&gt; If you need assistance TBH Creative can help. We specialize in strategic &lt;a href="http://www.tbhcreative.com/services/web-consultation/"&gt;web consultion&lt;/a&gt; services. We keep up with best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-3542712031569245375?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/3542712031569245375/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/07/three-ways-to-convince-people-to-take.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3542712031569245375'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3542712031569245375'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/07/three-ways-to-convince-people-to-take.html' title='Three ways to convince people to take your online survey'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-0LuRQXYEhxQ/ThxJFYtWblI/AAAAAAAAAIw/nSPtY-2P8p8/s72-c/survey.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-3431233140947897860</id><published>2011-07-04T04:31:00.000-07:00</published><updated>2011-10-27T06:30:50.610-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mobile'/><category scheme='http://www.blogger.com/atom/ns#' term='branding'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='content development'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='content strategy'/><title type='text'>Strategically Social: Starbucks &amp; Instagram</title><content type='html'>&lt;a href="http://2.bp.blogspot.com/-__duqst_c0c/ThWdNN5GZHI/AAAAAAAAAIQ/HJOI_LE7M1I/s1600/14167c679f1240d2a8b613d48db52866_7.jpeg"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5626576159862318194" src="http://2.bp.blogspot.com/-__duqst_c0c/ThWdNN5GZHI/AAAAAAAAAIQ/HJOI_LE7M1I/s320/14167c679f1240d2a8b613d48db52866_7.jpeg" style="cursor: hand; float: left; height: 150px; margin: 0px 10px 10px 0px; width: 150px;" /&gt;&lt;/a&gt; &lt;br /&gt;
If you scan technology news headlines, it takes seconds to see that &lt;a href="https://plus.google.com/welcome" target="_blank"&gt;Google+&lt;/a&gt; is the social network currently getting the most buzz. How businesses will use this new service as part of their online marketing strategy is still yet to be seen. On the other hand, Instagram—a free app for taking and sharing photos—is quietly making waves and steadily growing its user base. As of May 2011, over four million individuals and businesses downloaded and installed Instagram on their Apple iOS devices.&lt;br /&gt;
&lt;h3&gt;Social image sharing and coffee lovers unite&lt;/h3&gt;Instagram isn't just a photo taking and image manipulation app. Its genius is that while giving users those tools, Instagram's small but hardworking team of four developers also created a community for the app's users to share their pictures with each other as well as through other social networking websites, including Facebook, Twitter, Tumblr, Foursquare, and Posterous. When describing it to friends, I tell them Instagram incorporates the followers/following model of &lt;a href="http://en.wikipedia.org/wiki/Twitter" target="_blank"&gt;Twitter&lt;/a&gt; and mixes it with the "art-up" your photos capabilities of &lt;a href="http://en.wikipedia.org/wiki/Hipstamatic" target="_blank"&gt;Hipsamatic&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Most &lt;a href="http://blog.artflakes.com/en/2011/02/03/top-10-of-companies-using-instagram/" target="_blank"&gt;businesses use Instagram&lt;/a&gt; as a place share behind-the-scenes photos. Starbucks &lt;a href="http://instagram.heroku.com/users/starbucks" target="_blank"&gt;does this&lt;/a&gt; but they also encourage Instagram users to take photos of their Starbucks drinks and tag them with the #starbucks hashtag for others to see, creating a nearly 40,000 users strong branded group for coffee fans within the larger Instagram community. Staff from &lt;a href="http://starbucks.com/" target="_blank"&gt;Starbucks'&lt;/a&gt; flagship location in Seattle is the primary source for the account's caffeinated imagery. &lt;br /&gt;
&lt;br /&gt;
Does part of your business marketing plan include reaching out to your clients and giving them behind-the-scenes access to your day-to-day activities? Are you working to build a community around your brand and give your fans a way to share their love of your product? Used strategically, Instagram can support your existing efforts. &lt;br /&gt;
&lt;h3&gt;Some ideas for implementation:&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;If you have a restaurant, create a hashtag for users to add to their photo captions when they snap pictures of your food so other Instagram users know exactly where to go to get that delicious dish. Consider incentivizing participation by running a contest for best photos in exchange for a free appetizer or small discount.&lt;/li&gt;
&lt;li&gt;If you have a product line, encourage users to show their purchase in use—whether it's a new hat, rug, or bumper sticker. Thank customers directly on their photos for their purchases.&lt;/li&gt;
&lt;li&gt;If you run a hair salon, ask clients if you can take before and after photos to create a virtual portfolio to advertise your services to a wider audience for free in an authentic way.&lt;/li&gt;
&lt;li&gt;If you operate a music venue, encourage concert attendees to take pictures of flyers promoting upcoming shows around town to build buzz.&lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Not sure if social networking can help you meet your company or organization's goals?&lt;/b&gt; If you need assistance coming up with ideas, making policies and procedures, and creating guidelines, TBH Creative can help. We specialize in strategic &lt;a href="http://www.tbhcreative.com/services/social-media/"&gt;social media solutions&lt;/a&gt;. We keep up with best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-3431233140947897860?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/3431233140947897860/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/07/strategically-social-starbucks.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3431233140947897860'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3431233140947897860'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/07/strategically-social-starbucks.html' title='Strategically Social: Starbucks &amp; Instagram'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-__duqst_c0c/ThWdNN5GZHI/AAAAAAAAAIQ/HJOI_LE7M1I/s72-c/14167c679f1240d2a8b613d48db52866_7.jpeg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-1632868158424771423</id><published>2011-06-27T07:37:00.000-07:00</published><updated>2011-06-27T07:38:20.114-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='joy'/><category scheme='http://www.blogger.com/atom/ns#' term='email marketing'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><title type='text'>Four Must-Haves for E-Newsletters</title><content type='html'>&lt;a href="http://1.bp.blogspot.com/-1k6zOjXiGA4/TghdrA0GerI/AAAAAAAAAHI/5XXfmPk0QdQ/s1600/checklist.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5622847128306350770" src="http://1.bp.blogspot.com/-1k6zOjXiGA4/TghdrA0GerI/AAAAAAAAAHI/5XXfmPk0QdQ/s320/checklist.jpg" style="cursor: hand; cursor: pointer; float: right; height: 212px; margin: 0 0 10px 10px; width: 320px;" /&gt;&lt;/a&gt; &lt;br /&gt;
Looking for ideas on how to stand-out in your customers' inboxes? Want to know how to make the most of your email marketing, increase your open rate and clicks, and lower unsubcribes?&lt;br /&gt;
&lt;br /&gt;
Review our checklist of four must-haves for all e-newsletters to amplify your messaging and get a greater ROI.&lt;br /&gt;
&lt;h3&gt;Must-have #1: &lt;br /&gt;
&lt;b&gt;Make your purpose clear&lt;/b&gt;&lt;/h3&gt;The reason you're sending the e-newsletter should be clear, starting in the subject line. Plan your content to focus on the key message you want to communicate.&lt;br /&gt;
&lt;br /&gt;
Don't bury the reason for sending the e-newsletter. Hierarchy is important when choosing what to put where in your e-newsletter. Keep in mind what the users will see when they first open the e-mail. Make sure you grab them and convince them to keep scrolling.&lt;br /&gt;
&lt;h3&gt;Must-have #2: &lt;br /&gt;
&lt;b&gt;Provide relevant information&lt;/b&gt;&lt;/h3&gt;Make sure the information you're sending is valuable to your audience. To stay focused with your content, it may not be possible for you to send a single, one-size fits all e-newsletter to your entire readership. In this case, take advantage of list segmentation and adjust your sending plan accordingly.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Brevity is your friend. Remember, the e-newsletter should serve only as a teaser to more information on your website. You don't need to tell them everything in the body of your message. Edit and thoughtfully curate what information you do provide.&lt;br /&gt;
&lt;br /&gt;
When in doubt about including an item, ask yourself: Would I want to read this news or information? If the answer is no, re-evaluate the necessity for its inclusion. Less is more.&lt;br /&gt;
&lt;h3&gt;Must-have #3: &lt;br /&gt;
&lt;b&gt;Design using an easy-to-scan—and read—format&lt;/b&gt;&lt;/h3&gt;Keep it simple. Use a thoughtful color palette that helps guide your readers through the publication. Your readers are busy. Make sure your design—no matter if the platform is a desktop browser or mobile—makes the content shine.&lt;br /&gt;
&lt;br /&gt;
Develop a template and don't be afraid to incorporate white space as appropriate. Forget about including animated gifs and Flash. Don't embed video. Use only beautiful, relevant imagery so your message isn't mistaken for spam.&lt;br /&gt;
&lt;h3&gt;Must-have #4: &lt;br /&gt;
&lt;b&gt;Be professional&lt;/b&gt;&lt;/h3&gt;There are no set standards for sending an e-newsletter, but these elements are key to every good e-newsletter:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;View online link,&lt;/li&gt;
&lt;li&gt;One-click opt-out/subscription change link, and&lt;/li&gt;
&lt;li&gt;Clearly identified, recognizable sender e-mail.&lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Looking to start an e-newsletter or improve your current offering? &lt;/b&gt; TBH Creative can help. We specialize in strategic &lt;a href="http://www.tbhcreative.com/services/email-marketing/"&gt;email marketing solutions&lt;/a&gt;. We keep up with best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-1632868158424771423?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/1632868158424771423/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/06/four-must-haves-for-e-newsletters.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/1632868158424771423'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/1632868158424771423'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/06/four-must-haves-for-e-newsletters.html' title='Four Must-Haves for E-Newsletters'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-1k6zOjXiGA4/TghdrA0GerI/AAAAAAAAAHI/5XXfmPk0QdQ/s72-c/checklist.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-256241946593359829</id><published>2011-06-20T02:10:00.000-07:00</published><updated>2011-10-27T06:31:24.437-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='joy'/><category scheme='http://www.blogger.com/atom/ns#' term='branding'/><category scheme='http://www.blogger.com/atom/ns#' term='content development'/><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><category scheme='http://www.blogger.com/atom/ns#' term='content strategy'/><title type='text'>Strategically Social: Kitchens.com &amp; Pinterest</title><content type='html'>&lt;a href="http://4.bp.blogspot.com/-Tu-wy9CU0f0/Tf8WyygPIHI/AAAAAAAAAHA/RdzzOOcPczg/s1600/kitchens.png"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5620235921787920498" src="http://4.bp.blogspot.com/-Tu-wy9CU0f0/Tf8WyygPIHI/AAAAAAAAAHA/RdzzOOcPczg/s320/kitchens.png" style="cursor: hand; float: right; height: 257px; margin: 0px 0px 10px 10px; width: 320px;" /&gt;&lt;/a&gt; &lt;br /&gt;
Facebook, Twitter, and YouTube. Most of the time when companies and organizations think about diving into social networking as part of their online marketing strategy, it's these three big names that often come up first.&lt;br /&gt;
&lt;br /&gt;
"Strategically Social" is TBH Creative's new series of reoccurring social media case studies. We'll look at groups successfully implementing smart social technology strategies in unique ways. Though some ventures into social media fail—like &lt;a href="http://www.quora.com/Mashable-The-Social-Media-Guide" target="_blank"&gt;Mashable being banned&lt;/a&gt; from using question-and-answer website &lt;a href="http://en.wikipedia.org/wiki/Quora" target="_blank"&gt;Quora&lt;/a&gt;, we're going to highlight success stories.&lt;br /&gt;
&lt;h3&gt;Social bookmarking and dream kitchen designing&lt;/h3&gt;Pinterest is a relatively new social bookmarking website. When describing it to friends, I tell them Pinterest incorporates the best features from &lt;a href="http://en.wikipedia.org/wiki/Tumblr" target="_blank"&gt;Tumblr&lt;/a&gt; and &lt;a href="http://en.wikipedia.org/wiki/Evernote" target="_blank"&gt;EverNote&lt;/a&gt;. Pinterest users set-up accounts to create virtual bulletin boards for different themes and follow other users "pins" to their personal bulletin boards. "Pins" are photo-based links to comments and information online. The "pins" archive by date-order. You can create boards for your "pins" based on preset classifications or new topics that you specify.&lt;br /&gt;
&lt;br /&gt;
Most Pinterest account holders use the social bookmarking website as a place to log their dreams—whether it's to catalog recipes they want to cook someday or to archive ways they want to make improvements on their home. It's this latter, popular reason for using Pinterest that makes the website a perfect venue for social media outreach by Kitchens.com editors.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://kitchens.com/" target="_blank"&gt;Kitchens.com&lt;/a&gt; is a Chicago-based online repository for inspiration and information about kitchen-design. Beyond simply helping connect contractors with home owners, Kitchens.com's website features videos, Q&amp;amp;A's, slideshows, product reviews, tutorials, and more to help educate their audience. After already successfully extending their brand through their &lt;a href="http://kitchens.com/kitchenology-blog.aspx/" target="_blank"&gt;&lt;em&gt;Kitchenology&lt;/em&gt; blog&lt;/a&gt; and &lt;a href="http://kitchens.com/newsletter_signup.aspx" target="_blank"&gt;e-newsletter&lt;/a&gt; as well as through &lt;a href="https://www.facebook.com/Kitchenscom" target="_blank"&gt;Facebook&lt;/a&gt; and &lt;a href="https://twitter.com/#!/kitchens_com" target="_blank"&gt;Twitter&lt;/a&gt;, Kitchens.com's editors recently joined &lt;a href="http://pinterest.com/kitchens_com/" target="_blank"&gt;Pinterest&lt;/a&gt; to further extend their brand as resource for ideas and inspiration in kitchen design.&lt;br /&gt;
&lt;br /&gt;
Kitchens.com editors use Pinterest boards to link to ideas on hot topics related to kitchen design, including color and organization. Kitchens.com not only shares content from their website but they "pin" content created by others, too. This smart strategy allows Kitchens.com to reinforce their position as an authority while also building a community among new audiences and strengthening ties with existing followers.&lt;br /&gt;
Does part of your business include making recommendations to clients? Used strategically, Pinterest can support your existing efforts to position yourself as an expert in your area and give you a way to share inspirational ideas. &lt;br /&gt;
&lt;h3&gt;Some examples:&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;If you're in public relations, create boards to pin your favorite marketing campaigns and event promotions.&lt;/li&gt;
&lt;li&gt;If you're an interior designer, build boards to pin new kinds of furniture and space organization ideas.&lt;/li&gt;
&lt;li&gt;If you're nutritionist, develop recipe boards to promote healthy eating.&lt;/li&gt;
&lt;li&gt;If you're a landscape services provider, use boards to show gardening solutions.&lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Not sure if social networking can help you meet your company or organization's goals?&lt;/b&gt; If you need assistance coming up with ideas, making policies and procedures, and creating guidelines, TBH Creative can help. We specialize in strategic &lt;a href="http://www.tbhcreative.com/services/social-media/"&gt;social media solutions&lt;/a&gt;. We keep up with best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-256241946593359829?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/256241946593359829/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/06/strategically-social-kitchenscom.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/256241946593359829'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/256241946593359829'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/06/strategically-social-kitchenscom.html' title='Strategically Social: Kitchens.com &amp; Pinterest'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-Tu-wy9CU0f0/Tf8WyygPIHI/AAAAAAAAAHA/RdzzOOcPczg/s72-c/kitchens.png' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-2641587141888479087</id><published>2011-06-08T02:31:00.000-07:00</published><updated>2011-06-20T02:10:53.980-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='video'/><category scheme='http://www.blogger.com/atom/ns#' term='joy'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='content development'/><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><title type='text'>Adding value to your website with video tutorials</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/-WG-c3TdDq_w/TfZUFqn8U3I/AAAAAAAAAG4/MWGOsSW1QUY/s1600/video_icon.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 200px;" src="http://3.bp.blogspot.com/-WG-c3TdDq_w/TfZUFqn8U3I/AAAAAAAAAG4/MWGOsSW1QUY/s200/video_icon.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5617770041509172082" /&gt;&lt;/a&gt;
&lt;p&gt;People connect to people. It's why simple instructional videos for everything from &lt;a href="http://www.youtube.com/watch?v=0-ylFZjFMyQ" target="_blank"&gt;how to put your hair up&lt;/a&gt; in a messy bun to  &lt;a href="http://www.youtube.com/watch?v=9oFXewhx3BE" target="_blank"&gt;how to change a bicycle tire&lt;/a&gt; are so popular.&lt;/p&gt;

&lt;p&gt;What's your expertise? Identify the areas where you are a pro and create video tutorials to drive traffic to your website and engage your audience. Well-done video tutorials strengthen personal connections by providing useful information and training. Unlike sales pitch videos, helpful video tutorials connect you and your company—as an authoritative, friendly mentor—to your clients and customers informally. &lt;/p&gt;

&lt;p&gt;When planning videos and developing scripts, identify what topics are of the most interest to your audience. A good starting point for this brainstorming is to review your FAQ and consult customer service staff. Thorough preparations and attention to details pay off. Good advance planning will help you appear calm on camera. Keep the medium in mind, though, and plan each video to focus on one key lesson. To keep your audience's attention, try to limit each tutorial's run-time to between three to seven minutes, any longer and your video becomes more of a lecture than a quick guide.&lt;/p&gt;

&lt;p&gt;The same rules for making a good news report apply for developing your video tutorial. Journalist Donna Davis gives her &lt;a href="http://www.reelseo.com/tips-video-story/" target="_blank"&gt;seven hints for using powerful storytelling in videos&lt;/a&gt;. For more advice read xTrain teacher Jeremy Vest's &lt;a href="http://blog.litmos.com/2009/03/7-things-to-avoid-in-online-training.html" target="_blank"&gt;tips for making video tutorials&lt;/a&gt;.&lt;/p&gt;

&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Want to add video tutorials to your website?&lt;/b&gt; Need assistance getting started? TBH Creative specializes in strategic &lt;a href="http://www.tbhcreative.com/services/video/"&gt;video solutions&lt;/a&gt;. We keep up with best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-2641587141888479087?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/2641587141888479087/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/06/adding-value-to-your-website-with-video.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/2641587141888479087'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/2641587141888479087'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/06/adding-value-to-your-website-with-video.html' title='Adding value to your website with video tutorials'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-WG-c3TdDq_w/TfZUFqn8U3I/AAAAAAAAAG4/MWGOsSW1QUY/s72-c/video_icon.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-2537896016914533942</id><published>2011-06-07T04:01:00.000-07:00</published><updated>2011-06-13T10:32:25.231-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='search engine optimization'/><category scheme='http://www.blogger.com/atom/ns#' term='joy'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Google's +1 button: What you should know about the latest in social search</title><content type='html'>&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-f_1uMrQRFpw/Te3x9HKUeaI/AAAAAAAAAGo/4bT1JV8BuFY/s1600/googleplusone.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img alt="" border="0" height="486" id="BLOGGER_PHOTO_ID_5615410342597523874" src="http://4.bp.blogspot.com/-f_1uMrQRFpw/Te3x9HKUeaI/AAAAAAAAAGo/4bT1JV8BuFY/s640/googleplusone.jpg" style="float: left; height: 152px; margin-bottom: 10px; margin-left: 0px; margin-right: 10px; margin-top: 0px; width: 200px;" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;span class="Apple-style-span" style="font-size: small;"&gt;Google's +1 button&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;Last Wednesday &lt;a href="http://googleblog.blogspot.com/2011/06/1-button-for-websites-recommend-content.html" target="_blank"&gt;Google launched&lt;/a&gt; its version of Facebook "like" button. Called the &lt;a href="http://googleblog.blogspot.com/2011/03/1s-right-recommendations-right-when-you.html" target="_blank"&gt;+1 button&lt;/a&gt;, this new guide to help you self-curate richer, more relevant content based on recommendations from friends, family, and colleagues. The idea is that users will "+1" something as an instant, online endorsement if a link is worth checking out.&lt;br /&gt;
&lt;br /&gt;
You may have already noticed these public stamps of approval peppering your Google search results. Some websites, including industry leader &lt;a href="http://mashable.com/2011/06/01/plus-1-mashable-stories/" target="_blank"&gt;Mashable&lt;/a&gt;, have incorporated Google's +1 button onto its stories.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://4.bp.blogspot.com/-IWVJofLLoDM/Te3yHroyplI/AAAAAAAAAGw/JY4u8dN-GUs/s1600/plusone.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5615410524187698770" src="http://4.bp.blogspot.com/-IWVJofLLoDM/Te3yHroyplI/AAAAAAAAAGw/JY4u8dN-GUs/s1600/plusone.png" style="display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center;" /&gt;&lt;/a&gt;&lt;br /&gt;
Connected to your personal &lt;a href="http://thenextweb.com/google/2011/03/30/how-to-enable-google-1-for-your-account-right-now/?awesm=tnw.to_17fPX" target="_blank"&gt;Google profile&lt;/a&gt;, if you +1 a story on Mashable, this information that you gave the story your approval will appear next to the story's link in search results when your contacts look for it online. Watch Google's simple explanatory video below for an illustrated example of how this works.&lt;br /&gt;
&lt;br /&gt;
&lt;object style="height: 390px; width: 640px;"&gt;&lt;param name="movie" value="http://www.youtube.com/v/OAyUNI3_V2c?version=3"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/OAyUNI3_V2c?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"&gt;&lt;/object&gt;&lt;br /&gt;
&lt;br /&gt;
Any web publisher can add the Google +1 button to their website. Still very new, the +1 button's importance in terms of SEO and ranking in Google search results is yet to be seen, but preference indicators as a part of social search is here to stay.&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;In the first announcement of this new feature, Google's Google’s David Byttow said:&lt;br /&gt;
“We’ll also start to look at +1’s as one of the many signals we use to determine a page’s relevance and ranking, including social signals from other services. For +1′s, as with any new ranking signal, we’ll be starting carefully and learning how those signals affect search quality over time.”&lt;/blockquote&gt;&lt;br /&gt;
Visit &lt;a href="http://www.google.com/webmasters/+1/button/index.html" target="_blank"&gt;Google's customization page&lt;/a&gt; to get started adding the Google +1 virtual "thumbs up" tool to content on your website. &lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Need help setting up Google +1 or improving your SEO?&lt;/b&gt; TBH Creative specializes in strategic &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;web development solutions&lt;/a&gt;. We can help you improve your website's &lt;a href="http://www.tbhcreative.com/services/search-engine-optimization/"&gt;search engine optimization&lt;/a&gt; so that your customers—new and old—find you first when they search for services and products online. We keep up with best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-2537896016914533942?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/2537896016914533942/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/06/googles-1-button-what-you-should-know.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/2537896016914533942'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/2537896016914533942'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/06/googles-1-button-what-you-should-know.html' title='Google&apos;s +1 button: What you should know about the latest in social search'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-f_1uMrQRFpw/Te3x9HKUeaI/AAAAAAAAAGo/4bT1JV8BuFY/s72-c/googleplusone.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-1331959925141409414</id><published>2011-05-30T16:38:00.000-07:00</published><updated>2011-06-13T10:36:23.988-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='video'/><category scheme='http://www.blogger.com/atom/ns#' term='branding'/><category scheme='http://www.blogger.com/atom/ns#' term='content development'/><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><title type='text'>How viral videos can help reinforce your brand</title><content type='html'>&lt;p&gt;Videos don't have to feature &lt;a href="http://www.youtube.com/watch?v=Vw4KVoEVcr0" target="_blank"&gt;cute hugging cats&lt;/a&gt; or &lt;a href="http://www.youtube.com/watch?v=RP4abiHdQpc" target="_blank"&gt;giggling babies&lt;/a&gt; in order to go viral. If you know your niche and your brand, you can make a clever video that will be popular with your audience.&lt;/p&gt;
&lt;p&gt;For inspiration view these examples of recent, popular &lt;a href="http://www.youtube.com/" target="_blank"&gt;YouTube&lt;/a&gt; videos made by staff at universities for their niche audiences:&lt;/p&gt;&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;New alumni send-off&lt;/span&gt;&lt;br /&gt;
As a tribute to 2011's graduating class, Oberlin's President Marvin Krislov and other administrators playfully recreate Rebecca Black's video for her earworm "Friday."&lt;/br&gt;&lt;/br&gt;
&lt;iframe allowfullscreen="" frameborder="0" height="349" src="http://www.youtube.com/embed/FAwqbEsCfsI" width="560"&gt;&lt;/iframe&gt; &lt;br /&gt;&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;Student recruitment tool&lt;/span&gt;&lt;br /&gt;
What's not to like about this feel good video? Purdue University's video about the "Compliment Guys" who shout out nice things to students passing by took off when it was posted to YouTube.&lt;br /&gt;
&lt;br /&gt;
&lt;iframe allowfullscreen="" frameborder="0" height="349" src="http://www.youtube.com/embed/QShPNcjgtfs" width="560"&gt;&lt;/iframe&gt; &lt;br /&gt;&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;Online pep rally, part one&lt;/span&gt;&lt;br /&gt;
This Notre Dame anthem, created for a student-athlete awards banquet, was so well-received by alumni, students, and other members of the Fighting Irish family that its view count is over 300,000 and growing.&lt;br /&gt;
&lt;br /&gt;
&lt;iframe allowfullscreen="" frameborder="0" height="349" src="http://www.youtube.com/embed/P6mE9Au3CwM" width="560"&gt;&lt;/iframe&gt; &lt;br /&gt;&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;Online pep rally, part two&lt;/span&gt;&lt;br /&gt;
To bolster excitement for the basketball team, Indiana University fans Brice Fox and Daniel Weber express their school spirit with song and exciting archival game footage. &lt;br /&gt;
&lt;br /&gt;
&lt;iframe allowfullscreen="" frameborder="0" height="349" src="http://www.youtube.com/embed/H8hdKnr7rpE" width="560"&gt;&lt;/iframe&gt; &lt;br /&gt;&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;Nostalgic virtual tour&lt;/span&gt;&lt;br /&gt;
Combining stop-motion and colorful narration, the University of Chicago's Dean of the College John Boyer helps alumni revisit campus in this short, atmospheric video.&lt;br /&gt;
&lt;br /&gt;
&lt;iframe allowfullscreen="" frameborder="0" height="349" src="http://www.youtube.com/embed/wX5TTgZgf9U" width="425"&gt;&lt;/iframe&gt; &lt;br /&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Do you need help making a viral video to drive traffic to your website?&lt;/b&gt; TBH Creative specializes in custom &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;web development solutions&lt;/a&gt; and creative uses of &lt;a href="http://www.tbhcreative.com/services/social-media/"&gt;social media&lt;/a&gt;. We can help you come up with a &lt;a href="http://www.tbhcreative.com/services/video/"&gt;viral video concept&lt;/a&gt; that will reinforce your brand and complement your existing web strategy. We keep up with best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-1331959925141409414?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/1331959925141409414/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/05/how-viral-videos-can-help-reinforce.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/1331959925141409414'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/1331959925141409414'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/05/how-viral-videos-can-help-reinforce.html' title='How viral videos can help reinforce your brand'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://img.youtube.com/vi/FAwqbEsCfsI/default.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-1688936345955065548</id><published>2011-05-30T06:01:00.000-07:00</published><updated>2011-05-30T18:29:36.961-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='content development'/><category scheme='http://www.blogger.com/atom/ns#' term='content management system'/><category scheme='http://www.blogger.com/atom/ns#' term='content strategy'/><title type='text'>Improving the user experience with content strategy</title><content type='html'>&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/-c_H7TockonQ/TePLk_3P8bI/AAAAAAAAAGc/f7GjlMpBNag/s1600/loremipsum22.jpeg"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 200px; height: 150px;" src="http://4.bp.blogspot.com/-c_H7TockonQ/TePLk_3P8bI/AAAAAAAAAGc/f7GjlMpBNag/s200/loremipsum22.jpeg" border="0" alt=""id="BLOGGER_PHOTO_ID_5612553397112664498" /&gt;&lt;/a&gt;
It's getting close to your launch deadline. &lt;a href="http://www.lipsum.com/" target="_blank"&gt;Lorem ipsum&lt;/a&gt; placeholder text that filled out the wireframes and comps are the only content in your CMS. You don't have a copywriter, but you have a tentative plan to convert some old brochures' text to create web content.&lt;/p&gt;

&lt;p&gt;We've all been there. Your new website is up and running, and now you're thinking about the content.&lt;/p&gt;

&lt;p&gt;When working with tight turnarounds and small budgets, content can be treated as a last thought, especially if your design and development team doesn't have content strategy expertise. The web has different content needs than print projects. The words you use to tell your company's story online—and how they're presented—need regular review and strategic improvements. Content is often the hardest part of any website project.&lt;/p&gt;

&lt;p&gt;In her book&lt;span style="font-style:italic;"&gt; &lt;a href="http://www.contentstrategy.com/" target="_blank"&gt;Content Strategy for the Web&lt;/a&gt;&lt;/span&gt;, expert Kristina Halvorson points out that "content is not a feature." When content revision and creation is treated as an afterthought in the web design puzzle, its execution can make or break your website's success. If your website's content isn't well thought-out, the users can always tell. Most people visit websites to get information. If your website makes it difficult for users to get what they need, they'll end up frustrated, or they may go elsewhere.&lt;/p&gt;

&lt;p&gt;Here are two ways you can start to make content strategy a part of your website's creation, redesign process, or ongoing  maintenance to ensure a better user experience and bigger ROI on your investment having an online presence:&lt;/p&gt;

&lt;p&gt;&lt;span style="font-weight:bold;"&gt;Never stop auditing.&lt;/span&gt;&lt;br&gt;
There is no such thing as postlaunch when it comes to content. Keep an inventory of what you post and analyze where there are gaps. Review regularly and revise as appropriate. Use management tools (an Excel spreadsheet is a good place to start) to keep track of your content. Don't forget to measure the success of your content in terms of its findability and impact on your business. Do people come to your website and leave right away? Create personas to understand your users' needs, motivations, concerns, and goals. Make sure your content addresses how your company's products and services will solve your users' problems.&lt;/p&gt;

&lt;p&gt;&lt;span style="font-weight:bold;"&gt;Curation is key.&lt;/span&gt;&lt;br&gt;
Unify your content management process and focus on the user experience. Figure out what you want to do and then pick your tool to help you do it. Define the purpose and value of the content you choose to share on your website. Make sure your content reflects the characteristics of your company's brand. Develop an editorial calendar and establish processes. Create standards, including a style guide with content specifications and workflow with archiving and updating plans.&lt;/p&gt;

&lt;p&gt;&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Are your users finding what they need on your website?&lt;/b&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;content strategy and web development&lt;/a&gt;. We can help you audit your website's content and help you implement a content strategy. We keep up with best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-1688936345955065548?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/1688936345955065548/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/05/improving-user-experience-with-content.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/1688936345955065548'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/1688936345955065548'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/05/improving-user-experience-with-content.html' title='Improving the user experience with content strategy'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-c_H7TockonQ/TePLk_3P8bI/AAAAAAAAAGc/f7GjlMpBNag/s72-c/loremipsum22.jpeg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-7789303959327111250</id><published>2011-05-27T18:24:00.000-07:00</published><updated>2011-06-07T02:03:44.256-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='content development'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='shannon'/><title type='text'>Best healthcare websites</title><content type='html'>Not every hospital is the same, however, all hospitals and health care providers &lt;strong&gt;should&lt;/strong&gt; have a professional online presence.&amp;nbsp;First and foremost, an effective medical website should be easy to use and full of information. The organization and presentation of this information must be strategic and intuitive so patients and other visitors can find what they need quickly. In today's health care market, a high quality website is expected by the general public.&lt;br /&gt;
&lt;br /&gt;
We have identified a few "must haves" for health care websites. An effective medical website should have:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;Search Bar&lt;/li&gt;
&lt;li&gt;Physician directory&lt;/li&gt;
&lt;li&gt;Function Links&amp;nbsp;("How can we help you?")&lt;/li&gt;
&lt;li&gt;Services and Specialties&lt;/li&gt;
&lt;li&gt;Health&amp;nbsp;Information&amp;nbsp;&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;&amp;nbsp;Below are more details for each 'must have' along with some&amp;nbsp;of our favorite&amp;nbsp;and best health care websites.&lt;br /&gt;
&lt;h4&gt;Must Haves&lt;/h4&gt;&lt;strong&gt;Search Bar&lt;/strong&gt;&lt;br /&gt;
Search is important for websites with a database or wealth of information because it helps visitors navigate and find what they need quickly. Unless you want your&amp;nbsp;visitor to&amp;nbsp;wander through your pages and try to find what they are looking for, they can simply search for what they need. This is the easiest and fastest way for the viewer to receive information that they are looking for is a search bar.&lt;br /&gt;
&amp;nbsp; &lt;br /&gt;
FACT: 82% of visitors use&amp;nbsp;keyword search bar&amp;nbsp;function&amp;nbsp;to find the information they need. (Source: &lt;a href="http://www.apollofind.com/"&gt;Apollo Find&lt;/a&gt;) &lt;br /&gt;
&lt;br /&gt;
﻿﻿ &lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-QAj2Go0dCNM/TeBMkld_29I/AAAAAAAAAS4/BJ3Zqvc_w5I/s1600/stvincent-search.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="360" src="http://4.bp.blogspot.com/-QAj2Go0dCNM/TeBMkld_29I/AAAAAAAAAS4/BJ3Zqvc_w5I/s640/stvincent-search.jpg" t8="true" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Search bar is traditionally located in the top upper right of the website. &lt;br /&gt;
For intuitive design purposes, it is a good practice to place common items where the visitors expects them to be.&lt;br /&gt;
&lt;br /&gt;
St. Vincent Health does a good job of this. The search is clear and not cluttered by many other element in this layout.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;﻿﻿TIP: Be sure your website search and results work properly. You would be surprised by how many search results do not yield effective or even correct information. This can require some custom functionality but is extremely important to visitor satisfaction and usability for your website. &lt;br /&gt;
In addition to search, a site map outlining all pages of the website is a good practice and quick way to give visitors an overview of the website depth.&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Physician Directory&lt;/strong&gt;&lt;br /&gt;
Visitors and new patients want to see a photo of the doctor they will be seeing, they want to see the team, they want to see a list of credentials.&lt;br /&gt;
&lt;br /&gt;
A directory of physicians&amp;nbsp;should contain photos, what they specialize in, credentials and specialities, and their contact information.&amp;nbsp;Depending on the size&amp;nbsp;of your practice, coupling the directory with a physician search feature would be very effective (search by name, speciality, location, accepting patients, etc.).&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-Dgj6F3vjss4/TeBC8Jdx_EI/AAAAAAAAASk/JMr86hZkKag/s1600/jmh-search.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="489" src="http://1.bp.blogspot.com/-Dgj6F3vjss4/TeBC8Jdx_EI/AAAAAAAAASk/JMr86hZkKag/s640/jmh-search.jpg" t8="true" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Johnson Memorial Hospital has a nice &lt;a href="http://www.johnsonmemorial.org/physician.aspx?Level1LinkId=19&amp;amp;Level2LinkId=42"&gt;physician search function&lt;/a&gt; and corresponding &lt;a href="http://www.johnsonmemorial.org/PhysicianDetails.aspx?PhysicianId=201&amp;amp;Level1LinkId=19&amp;amp;Level2LinkId=42"&gt;physician details pages&lt;/a&gt;. &lt;div&gt;&amp;nbsp;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;b&gt;Function Links ("How can we help you")&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
These types of links include "how to find us", "how to become a patient", "how to find your provider", "pay bills", "registration", etc.&amp;nbsp;These links are important to have because they are more than likely the&amp;nbsp;top reasons&amp;nbsp;visitors&amp;nbsp;have come to your website. These links are often separated out somehow in the design and important to be easy, clear, and on many pages of the website.&lt;br /&gt;
&lt;br /&gt;
TIP: Designing these links in the utility navigation or a 'big' footer allows them placement on every page.&lt;br /&gt;
&lt;br /&gt;
﻿﻿ &lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-qK6GgIv5WYs/TeBDtiIa2NI/AAAAAAAAASs/F-tXrS3kJn4/s1600/duke-links.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="390" src="http://1.bp.blogspot.com/-qK6GgIv5WYs/TeBDtiIa2NI/AAAAAAAAASs/F-tXrS3kJn4/s640/duke-links.jpg" t8="true" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;One of my favorite health care websites--it clearly asks the question 'what would&amp;nbsp;you like to do today?' and offers actionable link options. &lt;br /&gt;
Notice the physician search feature is front and center.&lt;br /&gt;
&lt;br /&gt;
Duke Medical website is a great example of simple and effective design. Nothing is over-the-top fancy, &lt;br /&gt;
but they arrangement and presentation is clear. The design is clean and professional.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;strong&gt;Services and Specialties&lt;/strong&gt;&lt;br /&gt;
From one hospital to another, many services are the same; however,&amp;nbsp;every hospital excels in one area or another. They have&amp;nbsp;unique physicians and/or awards to feature around each service, as well as an opportunity to show off their facility.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-DYtZtIwRcT8/TeBLxDjgN-I/AAAAAAAAAS0/qnETLhpBV0g/s1600/communitynorth-services.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="606" src="http://1.bp.blogspot.com/-DYtZtIwRcT8/TeBLxDjgN-I/AAAAAAAAAS0/qnETLhpBV0g/s640/communitynorth-services.jpg" t8="true" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Community North has a fantastic maternity center and they emphasize that. They included verbiage such as "we set the next standard with the nation’s largest collection of single room maternity guest suites", they offer floors map along with many photos.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;strong&gt;Health Information&lt;/strong&gt;&lt;br /&gt;
A reputable medical facility or hospital will offer its visitors common health information.&amp;nbsp;Unnecessary visits to the physician can be avoided by providing basic information&amp;nbsp;on their website, as well as answering basic frequently asked questions. With so many health and medical websites&amp;nbsp;on the Internet, visitors&amp;nbsp;trust their hospital and the information it&amp;nbsp;provides.&amp;nbsp;Patients want their hospital to provide this information to&amp;nbsp;them instead of sifting through the information from other sources.&lt;br /&gt;
&lt;br /&gt;
There are third party services that hospitals can use to gather and present the health information, as well as keep it up-to-date without hassle. A&amp;nbsp;couple to mention are &lt;a href="http://www.adam.com/"&gt;A.D.A.M. Health Services&lt;/a&gt;&amp;nbsp;and &lt;a href="http://www.reutershealth.com/"&gt;Rueters Health&lt;/a&gt;. A professional web company can help make the presentation of information appear seamless in your website.&lt;br /&gt;
&lt;br /&gt;
﻿﻿ &lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-VgbdQCQ2Dfc/TeBI_6uzILI/AAAAAAAAASw/FkB_OeV3z8M/s1600/mayo-healthinfo.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="490" src="http://2.bp.blogspot.com/-VgbdQCQ2Dfc/TeBI_6uzILI/AAAAAAAAASw/FkB_OeV3z8M/s640/mayo-healthinfo.jpg" t8="true" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Mayo Clinic has more health information that I have seen on other health care websites. They offer it in a very organized and strategic presentation with many options for the user to find what they need (alpha selection, category filter on left and top, as well as the general search). Note: Health Information is one of their primary main categories.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;﻿﻿ &lt;h4&gt;Great Health care Website Examples&lt;/h4&gt;&lt;a href="http://iuhealth.org/" target="blank"&gt;IU Health&lt;/a&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/--9IJIxAuXW8/Td55fuB_4nI/AAAAAAAAAQw/V-2oAst4gFU/s1600/Picture+20.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="378" src="http://4.bp.blogspot.com/--9IJIxAuXW8/Td55fuB_4nI/AAAAAAAAAQw/V-2oAst4gFU/s640/Picture+20.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;IU Health has it all, a search bar, pay your bill section, and a portal section to take you to specific locations. &lt;br /&gt;
Their navigation links are also set up simple enough for the user to not get lost.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;a href="http://www.cdh.org/" target="blank"&gt;Central DuPage Hospital&lt;/a&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-pb655VYwIsc/Td56Ymyx-kI/AAAAAAAAAQ0/Q46h1dlf-3Y/s1600/Picture+21.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="364" src="http://1.bp.blogspot.com/-pb655VYwIsc/Td56Ymyx-kI/AAAAAAAAAQ0/Q46h1dlf-3Y/s640/Picture+21.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This website has a search bar and a find a doctor button clear and simple at the top of the page. They have a great navigation architecture and they have four helpful sections clearly designed across the bottom.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;a href="http://www.smmhc.com/" target="blank"&gt;Franciscan St. Margaret Health&amp;nbsp;&lt;/a&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;﻿﻿ &lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-AqJSq2g1c-c/Td58Kr1UvLI/AAAAAAAAAQ4/UMGrPHTg06g/s1600/Picture+23.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="390" src="http://2.bp.blogspot.com/-AqJSq2g1c-c/Td58Kr1UvLI/AAAAAAAAAQ4/UMGrPHTg06g/s640/Picture+23.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This website starts off strong with a "How can we help you?" section&amp;nbsp;along with rotating screens emphasizing popular services and specialties. They also have a search bar and a functional link for pay my bill in the utility navigation.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;﻿﻿ &lt;a href="http://www.blogger.com/goog_422227945"&gt;&lt;/a&gt;&lt;a href="http://www.uhseast.com/uhseast/default.aspx" target="blank"&gt;UHS East&amp;nbsp;&lt;/a&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-HpAPMCb7mBk/Td58a9j32nI/AAAAAAAAAQ8/jBuxa2a7Lo4/s1600/Picture+22.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="388" src="http://2.bp.blogspot.com/-HpAPMCb7mBk/Td58a9j32nI/AAAAAAAAAQ8/jBuxa2a7Lo4/s640/Picture+22.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This website has a lot of the things that we are looking for: a search bar, how to find us, find a provider, get maps and directions, contact us, and pay your bills. Each of these must haves are placed strategically on the page to help them stand out. Strategically, their main navigation is divided and simplified into only four main sections.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
You can see a&amp;nbsp;few additional examples on&amp;nbsp;blog by &lt;a href="http://www.adazing.com/" target="blank"&gt;Adazing&lt;/a&gt; called &lt;a href="http://www.adazing.com/10-best-hospital-websites/" target="blank"&gt;10 Best Hospital Website Design&lt;/a&gt;.&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;TBH Creative has experience with building effective health care and medical websites. We know what it takes and can help your facility prove results online. Complete our&amp;nbsp;&lt;a href="http://www.tbhcreative.com/contact/get-started/default.aspx"&gt;request a proposal&amp;nbsp;form&lt;/a&gt; to start your website improvements today. &lt;br /&gt;
&lt;br /&gt;
&amp;nbsp; &lt;br /&gt;
&lt;b&gt;TBH Creative is a professional&amp;nbsp;&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design company&amp;nbsp;in Indianapolis&lt;/a&gt;.&lt;/b&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-7789303959327111250?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/7789303959327111250/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/05/best-healthcare-websites-and-must-haves.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7789303959327111250'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7789303959327111250'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/05/best-healthcare-websites-and-must-haves.html' title='Best healthcare websites'/><author><name>Shannon Duff</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-QAj2Go0dCNM/TeBMkld_29I/AAAAAAAAAS4/BJ3Zqvc_w5I/s72-c/stvincent-search.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-5284095302700887445</id><published>2011-05-18T16:50:00.001-07:00</published><updated>2011-05-19T20:44:25.461-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='mobile'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='usability'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='content development'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='shannon'/><category scheme='http://www.blogger.com/atom/ns#' term='testimonials'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Helpful web design tips for type</title><content type='html'>Typesetting plays an important role in all designs. Your fonts are a part of your branding and they communicate your company's goals and mission. What fonts you choose and how you handle them communicates volumes.&lt;br /&gt;

&lt;h4&gt;Web type guidelines&lt;/h4&gt;
&lt;b&gt;Use relative fonts&lt;/b&gt;&lt;br /&gt;
Having relative fonts on your website is most important rule for using type online. When a website uses relative fonts, the type  will change accordingly if the user zooms in, enlarges the text, or has a preference size set for their browser. There are certain ways to make your font adjustable. The preferred way to change the font size is in the &lt;a href="http://www.w3schools.com/css/default.asp" target="blank"&gt;CSS&lt;/a&gt;. Don't use a &amp;lt;font&amp;gt; tag and change it in the HTML (as mentioned on &lt;a href="http://www.w3.org/QA/Tips/font-size" target="blank"&gt;W3C's website&lt;/a&gt;). CSS is not only a lot easier, but it also saves bandwidth which means better speed and performance for users.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Avoid putting text in graphics&lt;/b&gt;&lt;br /&gt;
Using graphics for text also influences zooming. When your type is pixelated as part of a graphic, the user has no ability to adjust it. When text is set in graphics, the words take up more bandwidth and slow page load times.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Don't set your type too small&lt;/b&gt;&lt;br /&gt;
Setting your type in 12- or 14-points is a good starting point for body copy. The only time when type set at a smaller point size is appropriate is for footers and other discretionary text blocks. &lt;a href="http://pxtoem.com/" target="blank"&gt;PXtoEM&lt;/a&gt; has set up a calculator that can help switch from points or pixels to em.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;Here are some before and after examples of how type looks at different zooming ranges.&lt;/h4&gt;
&lt;a href="http://veerle.duoh.com/" target="blank"&gt;Veerle's Blog 3.0&lt;/a&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-2EbFmsGmhIk/TdRmwxkR5-I/AAAAAAAAAQI/8Pw0CFo7bns/s1600/Screen+shot+2011-05-18+at+7.22.52+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="295" src="http://3.bp.blogspot.com/-2EbFmsGmhIk/TdRmwxkR5-I/AAAAAAAAAQI/8Pw0CFo7bns/s400/Screen+shot+2011-05-18+at+7.22.52+PM.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;BEFORE:&lt;br&gt;The structure of this website is organized clearly,&lt;br&gt;but the body text could be a little bigger to add clarity.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-_c3yxlVOMAs/TdRnXDegEvI/AAAAAAAAAQM/tckKXtJAU6s/s1600/Screen+shot+2011-05-18+at+7.23.18+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="296" src="http://4.bp.blogspot.com/-_c3yxlVOMAs/TdRnXDegEvI/AAAAAAAAAQM/tckKXtJAU6s/s400/Screen+shot+2011-05-18+at+7.23.18+PM.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;AFTER:&lt;br&gt; Most of the fonts are relative. The top 3 sections of text&lt;br&gt; are graphics along with the word "Articles." Though these are graphics, they are typeset &lt;br&gt;large enough so that you can still read them.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;a href="http://bigtop.it/" target="blank"&gt;Big Top&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-_hDeST4W6OQ/TdRn7BCw__I/AAAAAAAAAQQ/d4slF82xfkI/s1600/Screen+shot+2011-05-18+at+7.27.45+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="282" src="http://1.bp.blogspot.com/-_hDeST4W6OQ/TdRn7BCw__I/AAAAAAAAAQQ/d4slF82xfkI/s400/Screen+shot+2011-05-18+at+7.27.45+PM.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;BEFORE:&lt;br&gt;The fonts are typeset at an aesthetically pleasing, easy-to-read large size.&lt;br&gt;This is a great example of a nicely sized base font.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-MlNoBByjo-Q/TdRoZhfFGuI/AAAAAAAAAQU/tdNE605kRuU/s1600/Screen+shot+2011-05-18+at+7.28.06+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="272" src="http://2.bp.blogspot.com/-MlNoBByjo-Q/TdRoZhfFGuI/AAAAAAAAAQU/tdNE605kRuU/s400/Screen+shot+2011-05-18+at+7.28.06+PM.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;AFTER:&lt;br&gt;The only text on this example is the navigation, but it isn't  relative.&lt;br&gt;The four sections at the bottom of the site are images. The font size remained&lt;br&gt;the same when I zoomed in, the only thing that changed was the space around the text.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;a href="http://methodandcraft.com/" target="blank"&gt;Method &amp;amp; Craft&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-TSOEZm3QejY/TdRo87k3wZI/AAAAAAAAAQY/95qsrXLrsjk/s1600/Screen+shot+2011-05-18+at+7.30.16+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="297" src="http://4.bp.blogspot.com/-TSOEZm3QejY/TdRo87k3wZI/AAAAAAAAAQY/95qsrXLrsjk/s400/Screen+shot+2011-05-18+at+7.30.16+PM.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;BEFORE:&lt;br&gt;This site is a good example of thoughtfully sized body copy and headers.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-UJKqFa43If0/TdRpfNhbmLI/AAAAAAAAAQc/87dio3D9Gy0/s1600/Screen+shot+2011-05-18+at+7.30.28+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="297" src="http://3.bp.blogspot.com/-UJKqFa43If0/TdRpfNhbmLI/AAAAAAAAAQc/87dio3D9Gy0/s400/Screen+shot+2011-05-18+at+7.30.28+PM.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;AFTER:&lt;br&gt;Though the layout got a little jumbled when I zoomed in, &lt;em&gt;all&lt;/em&gt; of the text on their website is relative.&lt;br&gt;The only text that isn't is their graphic for their logo, which is normal and acceptable.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;a href="http://bib.eu/en" target="blank"&gt;Baltic International Bank&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-n3AS3VnF5QA/TdRp-xGeIaI/AAAAAAAAAQg/7Hbn4CGTS3g/s1600/Screen+shot+2011-05-18+at+7.30.59+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="277" src="http://1.bp.blogspot.com/-n3AS3VnF5QA/TdRp-xGeIaI/AAAAAAAAAQg/7Hbn4CGTS3g/s400/Screen+shot+2011-05-18+at+7.30.59+PM.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;BEFORE:&lt;br&gt;This website has a great base font size, but the type&lt;br&gt;in their navigation is hard to read.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-qFJVez7VCmQ/TdRqqRLgAwI/AAAAAAAAAQk/L5LfWuktDro/s1600/Screen+shot+2011-05-18+at+7.31.23+PM.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="278" src="http://3.bp.blogspot.com/-qFJVez7VCmQ/TdRqqRLgAwI/AAAAAAAAAQk/L5LfWuktDro/s400/Screen+shot+2011-05-18+at+7.31.23+PM.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;AFTER:&lt;br&gt;Most of their type is relative. Their navigation and "more" buttons remained the same size. &lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style="clear: both;"&gt;
&lt;/div&gt;

&lt;br /&gt;
&lt;div class="dotted-line"&gt;
&lt;/div&gt;
&lt;div class="bottomLink"&gt;
Make sure that your viewers can read what you're all about. Use relative font size to ensure your viewers' preferences change your websites font. TBH Creative can help you determine whether your website has relative fonts by conducting a &lt;a href="http://www.tbhcreative.com/contact/free-website-evaluation/default.aspx"&gt;free website consultation&lt;/a&gt;. If the answer is no, we can improve your website with a &lt;a href="http://www.tbhcreative.com/contact/get-started/default.aspx"&gt;redesign&lt;/a&gt;.&lt;br /&gt;
&lt;b&gt;Contact TBH Creative &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design in Indianapolis&lt;/a&gt; today.&lt;/b&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-5284095302700887445?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/5284095302700887445/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/05/helpful-web-design-tips-for-type.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5284095302700887445'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5284095302700887445'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/05/helpful-web-design-tips-for-type.html' title='Helpful web design tips for type'/><author><name>Shannon Duff</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-2EbFmsGmhIk/TdRmwxkR5-I/AAAAAAAAAQI/8Pw0CFo7bns/s72-c/Screen+shot+2011-05-18+at+7.22.52+PM.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-3830498887576185596</id><published>2011-05-17T08:37:00.000-07:00</published><updated>2011-05-19T18:44:17.677-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='email marketing'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='usability'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='graphic design'/><category scheme='http://www.blogger.com/atom/ns#' term='shannon'/><title type='text'>Effective call to action designs</title><content type='html'>&lt;p&gt;A call to action, also called a CTA, is an area on a webpage that prompts you to do something. Some times a call to action entices you to click a button or picture. In other cases it may make you want to fill out a form or contact a company representative for more information. &lt;/p&gt;

&lt;h4&gt;Ways to improve your call to action&lt;/h4&gt;
&lt;ul&gt;&lt;li&gt;&lt;b&gt;Integrate white space&lt;/b&gt;&lt;br /&gt;
Strategic use of white space helps guide the users's eyes to your call to action. A cluttered website with many buttons and different sections often draws attention away from the call to action. White space, when used thoughtfully, can make your call to action stand out.&lt;/li&gt;&lt;br&gt;
&lt;li&gt;&lt;b&gt;Make relevance is clear&lt;/b&gt;&lt;br /&gt;
When creating a call to action include a description of the promotion. Users need to know why they should act on your call to action.&lt;/li&gt;&lt;br&gt;
&lt;li&gt;&lt;b&gt;Provide alternatives&lt;/b&gt;&lt;br /&gt;
The most common call to action buttons or forms are "Sign Up Now" or "Download Now," but it's useful to add more than one option. Campaign Monitor has a great example of having multiple options for the user.&lt;/li&gt;&lt;br&gt;
&lt;li&gt;&lt;b&gt;Express urgency&lt;/b&gt;&lt;br /&gt;
When writing your call to action's copy, consider using terms that express urgency. Effective terms to use includ "now," "free," "donate," "subscribe," "call," "register," "buy," and "purchase."&lt;/li&gt;&lt;br&gt;
&lt;li&gt;&lt;b&gt; Put it on multiple pages&lt;/b&gt;&lt;br /&gt;
If your call to action is so important, add it on multiple pages.&lt;/li&gt;&lt;/ul&gt;&lt;br&gt;

&lt;p&gt;I selected some of my favorites to share with you. Have you seen an interesting call to action recently? Leave the URL in the comments with why you found it effective.&lt;/p&gt;

&lt;h4&gt;Examples&lt;/h4&gt;&lt;a href="http://www.mozilla.com/en-US/firefox/fx/" target="blank"&gt;Mozilla Firefox&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-Gf9eGemDdn8/TcslvRHcN1I/AAAAAAAAAPc/aljT50_-OrU/s1600/Picture+9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="364" src="http://4.bp.blogspot.com/-Gf9eGemDdn8/TcslvRHcN1I/AAAAAAAAAPc/aljT50_-OrU/s640/Picture+9.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href="http://www.rememberthemilk.com/" target="blank"&gt;Remember the Milk&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/--QwKyNg3oIQ/TcsmWB0utoI/AAAAAAAAAPg/xrOWYpOTO3I/s1600/Picture+10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="404" src="http://4.bp.blogspot.com/--QwKyNg3oIQ/TcsmWB0utoI/AAAAAAAAAPg/xrOWYpOTO3I/s640/Picture+10.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;a href="http://www.dailymile.com/" target="blank"&gt;DailyMile&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-3f-GU-Oqvuo/TcsmtFjsetI/AAAAAAAAAPk/yY_Hx_BXiwQ/s1600/Picture+11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="362" src="http://1.bp.blogspot.com/-3f-GU-Oqvuo/TcsmtFjsetI/AAAAAAAAAPk/yY_Hx_BXiwQ/s640/Picture+11.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href="http://www.yast.com/" target="blank"&gt;Yast&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-8mx5GtViOjk/Tcsm-sAGdrI/AAAAAAAAAPo/XLEYAnzLVdo/s1600/Picture+17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="386" src="http://1.bp.blogspot.com/-8mx5GtViOjk/Tcsm-sAGdrI/AAAAAAAAAPo/XLEYAnzLVdo/s640/Picture+17.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;a href="http://basecamphq.com/" target="blank"&gt;Basecamp&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-0MXzgOAmSCA/Tcsnn_ASb6I/AAAAAAAAAPs/cfr6TcIvj4I/s1600/Picture+12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="344" src="http://1.bp.blogspot.com/-0MXzgOAmSCA/Tcsnn_ASb6I/AAAAAAAAAPs/cfr6TcIvj4I/s640/Picture+12.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;a href="http://www.campaignmonitor.com/" target="blank"&gt;Campaign Monitor&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-LgiEmZYp5J8/Tcsn94wVpGI/AAAAAAAAAPw/EvF3RN9HOag/s1600/Picture+13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="278" src="http://1.bp.blogspot.com/-LgiEmZYp5J8/Tcsn94wVpGI/AAAAAAAAAPw/EvF3RN9HOag/s640/Picture+13.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href="http://culturedcode.com/things/" target="blank"&gt;Culture Code&lt;/a&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-4Zitf4CdFZg/TcsoX9HeJjI/AAAAAAAAAP0/j97zc-A_MNU/s1600/Picture+15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="350" src="http://4.bp.blogspot.com/-4Zitf4CdFZg/TcsoX9HeJjI/AAAAAAAAAP0/j97zc-A_MNU/s640/Picture+15.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;

&lt;a href="http://www.themeskingdom.com/en/page/HOME/66" target="blank"&gt;Themes Kingdom&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-7hVp06L_8os/TcsozG4E9pI/AAAAAAAAAP8/ITi1SJx39W0/s1600/Picture+18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="352" src="http://1.bp.blogspot.com/-7hVp06L_8os/TcsozG4E9pI/AAAAAAAAAP8/ITi1SJx39W0/s640/Picture+18.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href="http://www.blurbcreative.co.uk/" target="blank"&gt;Blurb Creative&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-JRP3k62m1FA/TcspBf5xmPI/AAAAAAAAAQA/y_soru4moVQ/s1600/Picture+19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="386" src="http://4.bp.blogspot.com/-JRP3k62m1FA/TcspBf5xmPI/AAAAAAAAAQA/y_soru4moVQ/s640/Picture+19.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href="http://www.mailchimp.com/" target="blank"&gt;Mail Chimp&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-dH4zUBs538Y/TcspOG_Nt5I/AAAAAAAAAQE/pbKKlVshONU/s1600/Picture+14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="312" src="http://3.bp.blogspot.com/-dH4zUBs538Y/TcspOG_Nt5I/AAAAAAAAAQE/pbKKlVshONU/s640/Picture+14.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;A call to action is an important component of any website. When done right, it can help your company make new sales. If you don't already have a CTA integrated as part of your website to help you reach a business goal, the TBH Creative team will work with you on a strategy to integrate an effective &lt;a href="http://www.tbhcreative.com/contact/free-website-evaluation/default.aspx"&gt;call to action on your website&lt;/a&gt;.&lt;br /&gt;
&lt;div class="bottomLink"&gt;&lt;br /&gt;
&lt;b&gt;Contact TBH Creative &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design in Indianapolis&lt;/a&gt; today to learn more. When you're ready to get started, you can fill out our call to action form at &lt;a href="http://www.tbhcreative.com"&gt;tbhcreative.com&lt;/a&gt;.&lt;/b&gt;&lt;/div&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-ulxuA6BvCME/TcsomrUPEII/AAAAAAAAAP4/A9Fwe3yz1pE/s1600/Picture+16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="366" src="http://4.bp.blogspot.com/-ulxuA6BvCME/TcsomrUPEII/AAAAAAAAAP4/A9Fwe3yz1pE/s640/Picture+16.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-3830498887576185596?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/3830498887576185596/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/05/effective-call-to-action-designs.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3830498887576185596'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3830498887576185596'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/05/effective-call-to-action-designs.html' title='Effective call to action designs'/><author><name>Shannon Duff</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-Gf9eGemDdn8/TcslvRHcN1I/AAAAAAAAAPc/aljT50_-OrU/s72-c/Picture+9.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-6706066061904458704</id><published>2011-05-16T06:09:00.000-07:00</published><updated>2011-05-16T06:29:50.140-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='search engine optimization'/><category scheme='http://www.blogger.com/atom/ns#' term='usability'/><category scheme='http://www.blogger.com/atom/ns#' term='analytics'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Google unveils new tools for tracking—and improving—website performance</title><content type='html'>&lt;p&gt;&lt;a href="http://2.bp.blogspot.com/-8zbUyyu72qY/TdEk1ll4xoI/AAAAAAAAAGU/I-ivaVAtZDk/s1600/fast-finger.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 200px; height: 111px;" src="http://2.bp.blogspot.com/-8zbUyyu72qY/TdEk1ll4xoI/AAAAAAAAAGU/I-ivaVAtZDk/s200/fast-finger.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5607303514095666818" /&gt;&lt;/a&gt;
Earlier this month Google &lt;a href="http://analytics.blogspot.com/2011/05/new-google-analytics-overview-reports.html" target="_blank"&gt;announced&lt;/a&gt; several exciting updates to Google Analytics to help you optimize your website. Optimized websites have better user experiences and reduce operating costs. Now, fast performing websites also do better in Google's search rankings.&lt;/p&gt;

&lt;p&gt;Google Analytics new set of tools help you measure how you're doing. To get started and find out what landing pages are the slowest on your website by &lt;a href="http://www.websitemagazine.com/content/blogs/posts/archive/2011/05/04/site-speed-report-in-google-analytics.aspx" target="_blank"&gt;update your Google Analytics tracking code&lt;/a&gt;. All it takes is adding one line of code related to page load time to your existing tracking code.&lt;/p&gt;

&lt;p&gt;It takes several hundred pageviews before you will have a true picture of your load times. If you have a smaller website, this may mean waiting a few days. The new &lt;a href="http://analytics.blogspot.com/2011/05/measure-page-load-time-with-site-speed.html" target="_blank"&gt;Site Speed tool&lt;/a&gt; is available to all Google Analytics users.&lt;/p&gt;

&lt;p&gt;To enable the new version of reporting, log into Analytics and click on the option labeled "New Version" (found in the top-right corner). By changing to the new version, you'll gain the ability to compare two sets of metrics, view multiple reports on the Overview page, and &lt;a href="http://www.searchenginejournal.com/google-bolsters-the-analytics-overview/29868/" target="_blank"&gt;more&lt;/a&gt;.&lt;/p&gt;

&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Are you using analytics to improve your website's performance?&lt;/b&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;website strategy&lt;/a&gt;. We can help you analyze your website's performance. We keep up with best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-6706066061904458704?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/6706066061904458704/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/05/google-unveils-new-tools-for.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/6706066061904458704'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/6706066061904458704'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/05/google-unveils-new-tools-for.html' title='Google unveils new tools for tracking—and improving—website performance'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-8zbUyyu72qY/TdEk1ll4xoI/AAAAAAAAAGU/I-ivaVAtZDk/s72-c/fast-finger.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-8764600940540604109</id><published>2011-05-10T13:16:00.000-07:00</published><updated>2011-05-10T13:16:30.452-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='joy'/><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Learning to tweet: Advice for Twitter newbies</title><content type='html'>&lt;a href="http://2.bp.blogspot.com/-04-nDPOOBaA/TclL_IaK_fI/AAAAAAAAAGM/cMwGyWl548Y/s1600/new-tweet-icon.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5605094759200390642" src="http://2.bp.blogspot.com/-04-nDPOOBaA/TclL_IaK_fI/AAAAAAAAAGM/cMwGyWl548Y/s200/new-tweet-icon.jpg" style="border: 0px; cursor: hand; cursor: pointer; float: right; height: 160px; margin: 0 0 24px 10px; width: 200px;" /&gt;&lt;/a&gt; Last week at a small conference in Chicago, I was part of a panel discussion about tools and techniques for effectively using social media. The discussion covered tangible basics, including recommended tools for efficiency like &lt;a href="http://cotweet.com/" target="_blank"&gt;CoTweet&lt;/a&gt;, &lt;a href="http://www.tweetdeck.com/" target="_blank"&gt;TweetDeck&lt;/a&gt;, and &lt;a href="http://www.hootsuite.com/" target="_blank"&gt;HootSuite&lt;/a&gt;, but the panel also delved into actual how-to advice for those in attendance who were just starting to build their brands on &lt;a href="http://www.twitter.com/" target="_blank"&gt;Twitter&lt;/a&gt;. This aspect, it seemed, was the biggest challenge for the new users.&lt;br /&gt;
&lt;br /&gt;
Different from blogging and using &lt;a href="http://www.facebook.com/" target="_blank"&gt;Facebook&lt;/a&gt;, the panel's moderator explained how to become an effective Twitter user by giving examples of tweets made during three different stages of learning how to tweet:&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;&lt;b&gt;A newbie Twitter user:&lt;/b&gt;&lt;br /&gt;
&lt;i&gt;OMG! This cinnamon raisin bagel is delicious.&lt;/i&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;A starting-to-get-the-hang-of-it Twitter user:&lt;/b&gt;&lt;br /&gt;
&lt;i&gt;Check out this interesting story about bagels in the @NYTimes. &lt;a href="http://www.nytimes.com/2011/04/10/nyregion/10routine.html" target="_blank"&gt;http://www.nytimes.com/2011/04/10/nyregion/10routine.html&lt;/a&gt;&lt;/i&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;A pro Twitter user:&lt;/b&gt;&lt;br /&gt;
&lt;i&gt;Whether it's from Einstein's or Panera, the cinnamon raisin is my favorite bagel. What's yours? #foodforthought&lt;/i&gt;&lt;/blockquote&gt;&lt;br /&gt;
The key for the average user to finding success on Twitter is finding your voice and making sure to engage with others. Tweets have to be a balance of both broadcasting ideas and links with personal tidbits and interactions with other users.&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;The panel had other advice for new Twitter users. Here are some of their other tips:&lt;br /&gt;
&lt;/h4&gt;&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;&lt;b&gt;When thinking of what to put up on Twitter, remember that it's basically smart, informal word of mouth&lt;/b&gt;. If you&lt;span class="Apple-style-span" style="font-family: georgia, 'times new roman', times, serif; font-size: 15px; line-height: 21px;"&gt;’&lt;/span&gt;re making a recommendation, explain why. If you only promote your goods and services, your account will become tiresome to followers. When you think about the users you most enjoy following, are their posts all ads, all the time? [no] Keep it simple and, whenever possible, keep it fun.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;New users sometimes forget to source their leads. It's also important to always give credit.&lt;/b&gt; If you found a link because another curated it into their Twitter feed, acknowledge it by giving credit with a hat tip (HT) or via. Doing this helps build credibility and potential rapport with the person you cited.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;To get a better hang of things, the first thing you should do is start following your peers.&lt;/b&gt; By reading what they post, as a member of their audience, you'll see first-hand which posts resonate with you and you can then use these ideas as models for finding your voice through your own Twitter account.&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Are you thinking about using social media to promote your business?&lt;/b&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;website strategy&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/social-media/default.aspx"&gt;social media planning&lt;/a&gt;. We can help you develop a social media strategy for your business. We keep up with social media trends and best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-8764600940540604109?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/8764600940540604109/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/05/learning-to-tweet-advice-for-twitter.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/8764600940540604109'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/8764600940540604109'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/05/learning-to-tweet-advice-for-twitter.html' title='Learning to tweet: Advice for Twitter newbies'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-04-nDPOOBaA/TclL_IaK_fI/AAAAAAAAAGM/cMwGyWl548Y/s72-c/new-tweet-icon.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-1081885643430150359</id><published>2011-05-04T17:17:00.001-07:00</published><updated>2011-06-07T02:04:15.636-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='shannon'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Your website staff page: Why showing faces is important and Beneficial.</title><content type='html'>&lt;b&gt;Are there REAL people working at your company?&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
When your potential clients stumble upon your business's website, one of the first things they do is look for examples of your work. But what happens when they look at your team page and only see names of your employees? Some "About Us" pages don't even have their employees listed, some have their names and some have their pictures. Along with their just names or pictures comes bios and all that jazz, but who wins in the fight between names and pictures? When it comes down to it, your clients feel more comfortable knowing that they are working with a REAL person. Having images along with names on your "About Us" page helps clients realize this, which in increases your conversion rate.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://thinkvitamin.com/" target="blank"&gt;Think Vitamin&lt;/a&gt;, a blog created by &lt;a href="http://carsonified.com/" target="blank"&gt;Carsonified&lt;/a&gt;, has written a blog about this titled "&lt;a href="http://thinkvitamin.com/design/human-photos-double-your-conversion-rate/" target="blank"&gt;Human Photos Double your Conversion Rate&lt;/a&gt;". In this blog, they have done an A/B study meaning they have compared the conversion rate between having an image of the actual person to contact versus an image of a phone. This test was from &lt;a href="http://emptymind.org/" target="blank"&gt;EmptyMind&lt;/a&gt;, a website created by Jason Thompson. The conversion rate almost doubled with the actual image of Jason against the icon of a phone. Another blog by &lt;a href="http://www.kaplusa.com/index.html" target="blank"&gt;KA+A&lt;/a&gt; titled quite blatantly, "&lt;a href="http://www.kaplusa.com/blog/2010/05/who-are-these-guys-why-team-photos-are-a-great-idea/" target="blank"&gt;Who Are these Guys? Why Team Photos are a Great Idea&lt;/a&gt;", has a great first paragraph:&lt;br /&gt;
&lt;blockquote&gt;"It amazes me that more organizations don’t show pictures of their team/staff/employees on their website. In a world where we’ve come to loath giant, faceless corporations, proving that there are living, breathing, caring, people behind your organization would be a good thing. A great thing."&lt;/blockquote&gt;This is completely true. I have some examples listed below and to come up with them was a little difficult.&amp;nbsp; &lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Why is showing your team's faces so beneficial? &lt;/b&gt;&lt;br /&gt;
It allows people&amp;nbsp;to emotionally invest in a relationship with your business if they can actually see who they are talking to/working with. To me, it's almost like when you call your cable company and you have to go through a bunch of recorded questions until you actually talk to a human being. Having a picture and bio on your about page will create a sense of "Hey, they're a person just like me". Using images of people in other sections of your website also helps in making your business more personable. &lt;br /&gt;
&lt;br /&gt;
One great example: If you have a blog, in the author section, post their image along with their name. This way, people who read it can see who actually wrote such an informative blog post.&amp;nbsp;These tactics help&amp;nbsp;build a great relationship with your clients. &lt;br /&gt;
&lt;h4&gt;Great Examples&lt;/h4&gt;&lt;a href="http://www.technologywithpassion.com/about-us/team/" target="blank"&gt;Lateral&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-N27n7tyc69w/TcNIQ1s2OtI/AAAAAAAAAOw/XDdfTL8nlAc/s1600/Picture+6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="408" src="http://4.bp.blogspot.com/-N27n7tyc69w/TcNIQ1s2OtI/AAAAAAAAAOw/XDdfTL8nlAc/s640/Picture+6.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This is a great example to actually check out. Their faces follow your mouse around the page. When I took the screen shot, I had my mouse hovering over the About Us tab.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href="http://tenadams.com/jon.html" target="blank"&gt;Ten Adams&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-6f3MLYvip9Q/TcNJT85Qt1I/AAAAAAAAAO0/JvLUPPgUzeI/s1600/Picture+7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="386" src="http://3.bp.blogspot.com/-6f3MLYvip9Q/TcNJT85Qt1I/AAAAAAAAAO0/JvLUPPgUzeI/s640/Picture+7.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Each team member has a large, professional (yet casual and happy)&amp;nbsp;gray scale photo.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;a href="http://www.boostmediaentertainment.com/inside-boost/people/" target="blank"&gt;Boost Media&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-qmPw8RKHL1Q/TcHtBtAmAoI/AAAAAAAAAOY/K-gTCzNFdl0/s1600/Picture+8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="426" src="http://2.bp.blogspot.com/-qmPw8RKHL1Q/TcHtBtAmAoI/AAAAAAAAAOY/K-gTCzNFdl0/s640/Picture+8.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href="http://www.firstpersonadvisors.com/staff.aspx" target="blank"&gt;First Person&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-08PlfRXgdXg/TcNK38tda9I/AAAAAAAAAO4/2UrkTS6F71E/s1600/Picture+8.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="http://1.bp.blogspot.com/-08PlfRXgdXg/TcNK38tda9I/AAAAAAAAAO4/2UrkTS6F71E/s640/Picture+8.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This layout is great for large teams and to utilize the space on the page.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href="http://www.playgroup.com/about/playmates" target="blank"&gt;Play Group&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-W6SCUnJqxzM/TcNMLiHHVMI/AAAAAAAAAO8/bcX5NWCT34w/s1600/Picture+9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="402" src="http://2.bp.blogspot.com/-W6SCUnJqxzM/TcNMLiHHVMI/AAAAAAAAAO8/bcX5NWCT34w/s640/Picture+9.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This team page is fun and shows their personality and culture.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href="http://www.booreiland.nl/#/are/about" target="blank"&gt;Booreiland&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-pWgIcTgay64/TcNNFwhykII/AAAAAAAAAPA/tiHWVuVhFKE/s1600/Picture+10.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="376" src="http://3.bp.blogspot.com/-pWgIcTgay64/TcNNFwhykII/AAAAAAAAAPA/tiHWVuVhFKE/s640/Picture+10.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;In addition to the small head shots on the right, the main photo rotates through photos of the team.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href="http://metasource.com/best-practices--qbrs-drive-continuous-process-improvement.html" target="blank"&gt;MetaSource&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-wkHLvbFhZvE/TcNQnzbEIjI/AAAAAAAAAPM/FEy-2jH8hso/s1600/Picture+12.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="396" src="http://4.bp.blogspot.com/-wkHLvbFhZvE/TcNQnzbEIjI/AAAAAAAAAPM/FEy-2jH8hso/s640/Picture+12.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This is a&amp;nbsp;strong example of using an author's picture on a blog post.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;a href="https://www.hellowallet.com/about-us/team/" target="blank"&gt;HelloWallet&lt;/a&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-p6UXlWNhSWA/TcNiVFzsuXI/AAAAAAAAASg/OF11VIyNVEM/s1600/about_hellowallet.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="640" j8="true" src="http://3.bp.blogspot.com/-p6UXlWNhSWA/TcNiVFzsuXI/AAAAAAAAASg/OF11VIyNVEM/s640/about_hellowallet.jpg" width="368" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Very clean layout with bio information and photos stacked.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;a href="http://carsonified.com/team/ryan/" target="blank"&gt;Carsonified&lt;/a&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;﻿ &lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-AUc2NaXQQCY/TcHuGavP_gI/AAAAAAAAAOk/6_ZtcFvcszs/s1600/Picture+13.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="322" src="http://2.bp.blogspot.com/-AUc2NaXQQCY/TcHuGavP_gI/AAAAAAAAAOk/6_ZtcFvcszs/s640/Picture+13.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This realistic art/illustration is a nice alternative to the typical photo. It still shows who the person is but adds character to the website and follows the style/brand.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;﻿ &lt;br /&gt;
&lt;a href="http://www.rjefurn.com/" target="blank"&gt;RJE Business Interiors&lt;/a&gt;&lt;br /&gt;
TBH Creative is in the process of a redesign for RJE Business&amp;nbsp;Interior's About Staff&amp;nbsp;page. We presented a couple options.&lt;br /&gt;
&lt;br /&gt;
In general, we chose to use first names on the first page to compliment the introduction text and casual tone throughout the website. We wanted to make sure the visitor knew the faces were clickable for 'more', so the hover state is clearly marked with an orange border in either option.&lt;br /&gt;
﻿﻿﻿ ﻿﻿﻿ &lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-Zfy_jL0DxFs/TcHug6BnXkI/AAAAAAAAAOo/CQP90TJXTrk/s1600/Picture+11.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="207" src="http://4.bp.blogspot.com/-Zfy_jL0DxFs/TcHug6BnXkI/AAAAAAAAAOo/CQP90TJXTrk/s320/Picture+11.png" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-MdXfwwZwj1Y/TcNR2dl9_1I/AAAAAAAAAPQ/vox8lyRjsug/s1600/Picture+1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="223" src="http://4.bp.blogspot.com/-MdXfwwZwj1Y/TcNR2dl9_1I/AAAAAAAAAPQ/vox8lyRjsug/s320/Picture+1.png" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Option 1.&lt;/td&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Option 2.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;﻿﻿ &lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-2uuSR_2YEps/TcNfGpQmT7I/AAAAAAAAASc/mqIPMEfKWI4/s1600/rje_about-us_sub-amanda_v2.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="271" j8="true" src="http://1.bp.blogspot.com/-2uuSR_2YEps/TcNfGpQmT7I/AAAAAAAAASc/mqIPMEfKWI4/s400/rje_about-us_sub-amanda_v2.jpg" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Sample full bio page.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;﻿﻿ ﻿&lt;a href="http://www.smashingmagazine.com/regular-authors/" target="blank"&gt;Smashing Magazine&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-TBrozAUol3M/TcH4Ae70V9I/AAAAAAAAAOs/t2w71SSLtyQ/s1600/Picture+10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="332" src="http://3.bp.blogspot.com/-TBrozAUol3M/TcH4Ae70V9I/AAAAAAAAAOs/t2w71SSLtyQ/s640/Picture+10.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;TBH Creative is in process of adding photos to their staff page right now too -- based on all this information, we know it will help. We'll report back later on increase in stats and conversions.&lt;br /&gt;
&lt;br /&gt;
Please send us your About, Staff, Team or bio pages or favorites that you have seen! Just comment to this post with your link, and we'll add a second post for the best submissions. We welcome&amp;nbsp;any cool&amp;nbsp;ideas also.&lt;br /&gt;
&lt;br /&gt;
Let your clients know that your people are really people and not robots. :) TBH Creative can help you decide the best way to achieve this by&amp;nbsp;brainstorming a&amp;nbsp;&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;website redesign&lt;/a&gt; for your "About" page and other &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;web strategies&lt;/a&gt; to increase your conversion rate.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Contact TBH Creative &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design in Indianapolis&lt;/a&gt; today.&lt;/b&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-1081885643430150359?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/1081885643430150359/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/05/your-website-staff-page-why-showing.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/1081885643430150359'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/1081885643430150359'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/05/your-website-staff-page-why-showing.html' title='Your website staff page: Why showing faces is important and Beneficial.'/><author><name>Shannon Duff</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-N27n7tyc69w/TcNIQ1s2OtI/AAAAAAAAAOw/XDdfTL8nlAc/s72-c/Picture+6.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-5216676491108783164</id><published>2011-05-02T08:32:00.000-07:00</published><updated>2011-05-02T08:32:07.438-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Tips for Running a Facebook Contest</title><content type='html'>&lt;a href="http://2.bp.blogspot.com/-zgsFGvxI1Ic/Tb6Z5TIQV8I/AAAAAAAAAGE/MxE9-WiMdDU/s1600/facebook-contest-prize.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5602084196161968066" src="http://2.bp.blogspot.com/-zgsFGvxI1Ic/Tb6Z5TIQV8I/AAAAAAAAAGE/MxE9-WiMdDU/s320/facebook-contest-prize.jpg" style="cursor: pointer; float: right; height: 300px; margin: 0pt 0pt 10px 10px; width: 304px;" /&gt;&lt;/a&gt; With over 500 million users, Facebook offers invaluable opportunities for companies to engage with their potential and loyal customers through pages. Though &lt;a href="http://www.mediapost.com/publications/?fa=Articles.showArticle&amp;amp;art_aid=147919&amp;amp;nid=125482" target="_blank"&gt;more than 70% of small businesses&lt;/a&gt; use Facebook (a 20% increase over last year), most still struggle to find different ways to take advantage of their social media presence beyond reinforcing branding and providing customer service.  The first action step toward many companies take toward reaching their social media goals is to build their fan base. Have you ever considered running a contest to spark growth in "likes" for your business on Facebook? If you're considering running a promotion but don't know about the social media website's complex &lt;a href="http://www.facebook.com/promotions_guidelines.php" target="_blank"&gt;rules&lt;/a&gt;, review these key takeaways before you get started. Businesses caught running contests that do not follow Facebook's rules risk losing their entire page.  &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;Businesses no longer have to get their contests approved by Facebook or spend $10,000 in Facebook ads to run one; however, companies &lt;b&gt;must&lt;/b&gt; disclose explicitly that Facebook is &lt;b&gt;not&lt;/b&gt; involved with the contest for liability reasons.&lt;/li&gt;
&lt;li&gt;The only action you can ask of contest entrants on Facebook is for them to become a fan/"like" your company's page. You can't ask them to comment. You can't ask them to upload photos. You can't ask them to provide their contact info. You can ask nothing of them except being a fan/"liking" your page in order to view contest details.&lt;/li&gt;
&lt;li&gt;You &lt;b&gt;may not&lt;/b&gt; pick a fan at random from your list of people who "liked" your business's page. You have to use a third party app to collect names/contact information and run the whole contest off Facebook. You can only use Facebook to promote your contest.&lt;/li&gt;
&lt;li&gt;You &lt;b&gt;may not&lt;/b&gt; contact winners using Facebook. That's right! No messaging. No chat. No posting to your wall or their wall to let them know.&lt;/li&gt;
&lt;/ul&gt;Related reading: Social Media Examiner blogger Mari Smith offers &lt;a href="http://www.socialmediaexaminer.com/facebook-promotions-what-you-need-to-know/" target="_blank"&gt;more tips&lt;/a&gt;, including a comprehensive review of apps for running successful Facebook promotions.   &lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Are you thinking about running a promotion to attract new fans and enhance your social media presence with existing customers?&lt;/b&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;website strategy&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/social-media/default.aspx"&gt;social media planning&lt;/a&gt;. We can help you develop a social media strategy for your business. We keep up with social media trends and best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-5216676491108783164?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/5216676491108783164/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/05/tips-for-running-facebook-contest.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5216676491108783164'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/5216676491108783164'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/05/tips-for-running-facebook-contest.html' title='Tips for Running a Facebook Contest'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-zgsFGvxI1Ic/Tb6Z5TIQV8I/AAAAAAAAAGE/MxE9-WiMdDU/s72-c/facebook-contest-prize.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-6562165139785777193</id><published>2011-04-28T15:41:00.000-07:00</published><updated>2011-06-07T02:04:56.567-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='mobile'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>3 ways to develop a mobile website</title><content type='html'>With the use of smart phones growing in the world, businesses need to start having a mobile website. I previously wrote a blog about &lt;a href="http://blog.tbhcreative.com/2011/02/find-out-why-mobile-web-design-is-good.html" target="blank"&gt;why a mobile website is necessary for your business&lt;/a&gt;. In that blog I discussed usability, links, design and screen size as well as why it is important to build a mobile based site.&lt;br /&gt;
&lt;br /&gt;
For this blog I'm going to talk about the 3 different types of development for mobile websites:&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Mobile application vs mobile website (a redirected website or a multi-platform compatible website).&lt;/li&gt;
&lt;li&gt;The difference between an application and a website is that an &lt;a href="http://www.webopedia.com/TERM/M/mobile_application.html" target="blank"&gt;mobile application&lt;/a&gt; that run on mobile phones, usually connecting to the Internet and making it easier to search that application.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;A mobile websites is basically the same as a normal website, except it is designed differently according to screen size.&lt;/li&gt;
&lt;/ol&gt;&lt;h4&gt;Mobile Application&lt;/h4&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.mobilewhack.com/wp-content/images/2009/01/apple-app-store.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"&gt;&lt;img border="0" height="200" src="http://www.mobilewhack.com/wp-content/images/2009/01/apple-app-store.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;Applications have their pros and cons. They are extremely useful in certain situations. Take for instance &lt;a href="http://www.weather.com/mobile/pda/iphone/"&gt;The Weather Channel App&lt;/a&gt;. I have it on my iPhone, whenever I open it up to look at the weather it determines my location and updates me on the weather that is coming in the next 36 hours. I don't need to go through the Internet, type in the web URL of a local weather station, load the site and then type my location in, and THEN get my weather. &lt;u&gt;I just had to open up an application&lt;/u&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;Their biggest pro of mobile apps is that they are super convenient.&lt;/i&gt;&lt;br /&gt;
&lt;br /&gt;
There are a few cons to consider as well. One con is that each application must be downloaded -- which takes time and space on your phone. And then comes the different mobile platforms and app stores that you can buy/download these apps from. For websites that need customers to check in or buy things from their site, an application is a beneficial tool to invest in for your business.&lt;br /&gt;
&lt;h4&gt;Mobile Website&lt;/h4&gt;Right off the bat, you know that a major pro to a mobile website is that you don't have to download it, all you need is the Internet to view it. From &lt;a href="http://trends2011.clickhere.com/" target="blank"&gt;Ten Digital Trends 2011&lt;/a&gt;, there is an section at the bottom called "The Year of the Mobile Website". They talk about how mobile websites are going to be more feature-rich through HTML5 and media queries. A mobile website could almost match the functionality of an application with these perks. For example here is the weather channel mobile website and mobile app.&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;img border="0" height="400" src="http://1.bp.blogspot.com/-edJk6hepiQo/TbjFSlWZJ8I/AAAAAAAAAN8/PzZdbDh6tLM/s400/IMG_0059.PNG" style="margin-left: auto; margin-right: auto;" width="266" /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Mobile Website&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-AxLW9rKZVEM/TbjFVX9QQOI/AAAAAAAAAOA/gwV-Qfo8LFw/s1600/IMG_0058.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="http://3.bp.blogspot.com/-AxLW9rKZVEM/TbjFVX9QQOI/AAAAAAAAAOA/gwV-Qfo8LFw/s400/IMG_0058.PNG" width="266" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Mobile Application&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
The mobile website takes you right to a search feature, the weather channel knows that it's customers come to search their weather so they put that on the home page of their mobile site. The application automatically brings up my location because I programmed it in already, but basically gives the same information that the mobile website would give if I type in my area code.&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-Gi6HDVUhS-c/TbjHPaMUv6I/AAAAAAAAAOE/YzNvgq5gAqY/s1600/IMG_0060.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="http://1.bp.blogspot.com/-Gi6HDVUhS-c/TbjHPaMUv6I/AAAAAAAAAOE/YzNvgq5gAqY/s400/IMG_0060.PNG" width="266" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Mobile Website&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;i&gt;The con to creating a mobile website is time and money.&lt;/i&gt; This is where the mobile website splits into different categories:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;mobile version of the site or&amp;nbsp;&lt;/li&gt;
&lt;li&gt;a multi-platform compatible site.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;Both require extra time/money, but creating a whole different version of would be more time essentially equaling more money.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Mobile Version of the Site&lt;/b&gt;&lt;br /&gt;
What would happen is when your site is viewed on a phone, the website will recognize that it is being viewed on a phone and will redirect to a separate and uniquely programmed and designed version of the site. This version will have the dimensions of the screen and will provide the appropriate content that is needed.&lt;br /&gt;
&lt;br /&gt;
Take for example &lt;a href="http://dictionary.reference.com/" target="blank"&gt;Dictionary.com&lt;/a&gt;: what does it need on it's mobile website? What are the bare minimums? Well the search feature of course and then a reference and a thesaurus tab, since those are the other sections you can search under and most frequent usage by visitors. Also popular, it offers a button to download the dictionary.com app, and it has the word of the day. &lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-u-CkK6V7LaA/TbjMftAfJ0I/AAAAAAAAAOI/B1mdLa35xU8/s1600/IMG_0056.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="http://3.bp.blogspot.com/-u-CkK6V7LaA/TbjMftAfJ0I/AAAAAAAAAOI/B1mdLa35xU8/s400/IMG_0056.PNG" width="266" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Mobile Version&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;b&gt;Multi-Platform Compatible Site&lt;/b&gt;&lt;br /&gt;
This means that your website is built to recognize what platform it is on meaning: if it's a computer or phone, and what the screen dimensions are. Instead of redirecting to a different version of the site, it will adjust it's content to match what the user really needs to use depending on the platform and screen size. This way you wouldn't have to have an entire separate version of the web, you would just have to have extra coding that would recognize and change the way your website looks. &lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://robot-or-not.com/" target="blank"&gt;Robotornot&lt;/a&gt; is a great example of this. If you change the size of the screen when you view it on a computer, you can watch it adjust it's design to format what size the screen is.&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-Lg7sr3l7F0g/TbjSHOoCdMI/AAAAAAAAAOM/KtgAFtkbB0g/s1600/Picture+17.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="316" src="http://2.bp.blogspot.com/-Lg7sr3l7F0g/TbjSHOoCdMI/AAAAAAAAAOM/KtgAFtkbB0g/s640/Picture+17.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Website viewed from a computer&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-Lr7kBO3flSg/TbjSItK110I/AAAAAAAAAOQ/vfGlDSEdUSc/s1600/Picture+18.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="http://3.bp.blogspot.com/-Lr7kBO3flSg/TbjSItK110I/AAAAAAAAAOQ/vfGlDSEdUSc/s400/Picture+18.png" width="341" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Mobile Website (Multi-Platform)&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;h4&gt;Summary&lt;/h4&gt;To wrap things up, the number one thing to remember when deciding which development path to take for your mobile site is: &lt;b&gt;what do you want your customers to go to first?&lt;/b&gt; What is the main purpose of your site? Are you just letting people check in to your business (such as an airport) or offer a shopping cart for product purchase or are letting them search for information that they need? If your answer is yes to any of those questions, we recommend an application custom developed for your website.&lt;br /&gt;
&lt;br /&gt;
Otherwise, pick out the top pages you want visitors to see (or think they will be looking for on their phones) and have those showing on your mobile-version website. Out of convenience, we would recommend developing a multi-platform compatible site. In the end, it creates less code which will help your loading time and will take up less server space.  &lt;br /&gt;
&lt;br /&gt;
At TBH Creative, we believe that &lt;span id="goog_975001124"&gt;&lt;/span&gt;mobile web design&lt;span id="goog_975001125"&gt;&lt;/span&gt; is the becoming essential to your &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;online marketing plan&lt;/a&gt; and Internet success. While your customers are on the go and need information about your business, they will search for it through their phones. This is why it's important to have a mobile website.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;br /&gt;
&lt;b&gt;Contact TBH Creative&amp;nbsp;&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design in Indianapolis&lt;/a&gt; today.&lt;/b&gt; We keep up with web technology like mobile web design and can help your business make its mark (and keep up too).&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-6562165139785777193?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/6562165139785777193/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/04/3-different-ways-to-develop-mobile.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/6562165139785777193'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/6562165139785777193'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/04/3-different-ways-to-develop-mobile.html' title='3 ways to develop a mobile website'/><author><name>Shannon Duff</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-edJk6hepiQo/TbjFSlWZJ8I/AAAAAAAAAN8/PzZdbDh6tLM/s72-c/IMG_0059.PNG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-3465968197072643781</id><published>2011-04-24T19:41:00.000-07:00</published><updated>2011-04-24T19:41:32.195-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='social media'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>HootSuite's down? Try one of these five social media management alternatives</title><content type='html'>&lt;div class="post-body entry-content"&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;img border="1" i8="true" src="http://1.bp.blogspot.com/-LPH-vK6DNc4/TbSa7rLQSkI/AAAAAAAAAFQ/2zuVgh46g1U/s1600/hootsuite-down.png" style="cursor: move;" unselectable="on" width="624" /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;HootSuite uses their blog to keep users up-to-date when their service is down.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
What do the social media teams who work at Papa Johns, the &lt;span style="font-style: italic;"&gt;Los Angeles Times&lt;/span&gt;, and Facebook have in common? Like me, they rely on &lt;a href="http://www.hootsuite.com/" target="_blank"&gt;HootSuite&lt;/a&gt;, a &lt;a href="http://www.mediabistro.com/alltwitter/hootsuite-brizzly-seesmic-web_b5658" target="_blank"&gt;popular&lt;/a&gt; client, to help schedule their microblogging and monitor brand-related chatter. When the helpful browser-based tool went down last week because &lt;a href="http://status.aws.amazon.com/" target="_blank"&gt;Amazon Web Services&lt;/a&gt;' cloud &lt;a href="http://www.guardian.co.uk/technology/2011/apr/21/amazon-outage-quora-foursquare-cloud-computing/print" target="_blank"&gt;crashed&lt;/a&gt;, many were left wondering which HootSuite alternatives for managing professional social media needs are worth considering—either as a long term replacement or back-up during outages. &lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;Popular alternatives include: &lt;/h4&gt;&lt;ul&gt;&lt;li&gt;&lt;b&gt;&lt;a href="http://www.tweetdeck.com/" target="_blank"&gt;Tweetdeck&lt;/a&gt;&lt;/b&gt; &lt;br /&gt;
Pros: Works for Macs and Windows users; simple navigation; robust features set &lt;br /&gt;
Cons: You have to install it&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;a href="http://seesmic.com/" target="_blank"&gt;Seesmic&lt;/a&gt;&lt;/b&gt; &lt;br /&gt;
Pros: Fast; works in every browser; lots of useful features &lt;br /&gt;
Cons: User interface doesn't use screen space as efficiently as other tools&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;a href="http://twitterrific.com/" target="_blank"&gt;Twitterrific&lt;/a&gt;&lt;/b&gt; &lt;br /&gt;
Pros: The latest version includes username auto-completion, easy spam reporting, and an advanced settings page that allows you to choose to not to see @ mentions from strangers &lt;br /&gt;
Cons: Mac only; to add multiple accounts or remove ads from your timeline, you'll have to pay&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;a href="http://brizzly.com/" target="_blank"&gt;Brizzly&lt;/a&gt;&lt;/b&gt; &lt;br /&gt;
Pros: Allows multiple accounts; easy monitor searches; built in "muting" &lt;br /&gt;
Cons: Steeper learning curve than the other tools&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;a href="http://itunes.apple.com/us/app/twitter/id409789998?mt=12" target="_blank"&gt;Twitter For Mac&lt;/a&gt;&lt;/b&gt; (&lt;i&gt;formally Tweetie&lt;/i&gt;) &lt;br /&gt;
Pros: You can use it to manage multiple accounts &lt;br /&gt;
Cons: Mac only; once only for iPhone and iPad Touch, the latest release includes a desktop version&lt;/li&gt;
&lt;/ul&gt;&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;b&gt;Do you have a back-up plan for your day-to-day social media management needs?&lt;/b&gt; TBH Creative specializes in &lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;website strategy&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/social-media/default.aspx"&gt;social media planning&lt;/a&gt;. We can help you develop a social media strategy for your business. We keep up with social media trends and best practices so that we can help you maximize your online marketing potential.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-3465968197072643781?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/3465968197072643781/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/04/hootsuites-down-try-one-of-these-five.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3465968197072643781'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/3465968197072643781'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/04/hootsuites-down-try-one-of-these-five.html' title='HootSuite&apos;s down? Try one of these five social media management alternatives'/><author><name>J. O. Miller</name><uri>http://www.blogger.com/profile/12520256932407886692</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-LPH-vK6DNc4/TbSa7rLQSkI/AAAAAAAAAFQ/2zuVgh46g1U/s72-c/hootsuite-down.png' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-7078839524944533152</id><published>2011-04-21T08:37:00.000-07:00</published><updated>2011-04-20T20:50:43.131-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web development'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Interesting and Useful CSS Tricks for 2011</title><content type='html'>Staying current with new website technology, coding tricks or hacks, and changing techniques is part job as professional web designers. One example is &lt;a href="http://www.w3schools.com/css/default.asp" target="blank"&gt;Cascading Style Sheets or CSS&lt;/a&gt;&amp;nbsp;which has continued to grow and expand throughout the years. &lt;br /&gt;
&lt;br /&gt;
In the past, CSS&amp;nbsp;was used for basics&amp;nbsp;page styling&amp;nbsp;such as to change color of text, create colored borders, style different fonts, change the background, etc. Nowadays, with CSS3, you could basically style the moon... okay not literally. But truth be told, you can style almost anything on your web page and do things with CSS that you would only have dreamed of doing a couple of years ago.&lt;br /&gt;
&lt;br /&gt;
A&amp;nbsp;few examples of CSS advancements tricks in 2011 are listed below:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://blog.tbhcreative.com/2011/04/interesting-and-useful-css-tricks-for.html#rotation"&gt;Rotation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://blog.tbhcreative.com/2011/04/interesting-and-useful-css-tricks-for.html#hologram"&gt;3D Hologram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://blog.tbhcreative.com/2011/04/interesting-and-useful-css-tricks-for.html#pattern"&gt;Pattern&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://blog.tbhcreative.com/2011/04/interesting-and-useful-css-tricks-for.html#shadows"&gt;Drop-shadows&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://blog.tbhcreative.com/2011/04/interesting-and-useful-css-tricks-for.html#gradients"&gt;Gradients&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;a name="rotation"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;h4&gt;Rotation&lt;/h4&gt;&lt;a href="http://meyerweb.com/" target="blank"&gt;Eric Meyer&lt;/a&gt; created some examples of the different ways that you can rotate images using CSS. These rotations include transforming the origin. The image remains the same height and width because the image is being transformed from only one origin in the image. &lt;br /&gt;
&lt;br /&gt;
This &lt;a href="http://meyerweb.com/eric/css/tests/css3-trans-an/transform-sliders.html" target="blank"&gt;working example&lt;/a&gt; is the best way to view how this occurs. The six different rotations have a dot in on the image marking the origin.&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-4Q1P74-HD24/Ta922a2ZOrI/AAAAAAAAANo/Ac_oFgYlG9I/s1600/Picture+10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="448" src="http://4.bp.blogspot.com/-4Q1P74-HD24/Ta922a2ZOrI/AAAAAAAAANo/Ac_oFgYlG9I/s640/Picture+10.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;a name="hologram"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;h4&gt;3D Hologram&lt;/h4&gt;This is a new trick that I just stumbled upon today: a &lt;a href="http://hakim.se/experiments/css3-hologram" target="blank"&gt;3D hologram box&lt;/a&gt;. This only works with a webkit browser and has only been tested on the iPhone. The creator, &lt;a href="http://hakim.se/" target="blank"&gt;Hakim&lt;/a&gt;, was inspired by a &lt;a href="http://www.youtube.com/watch?v=erf8yA_4pPI" target="blank"&gt;french video by Geoffrey with Firefox&lt;/a&gt; that created a holographic effect on an image --&amp;nbsp;while viewing the webpage&amp;nbsp;on a mobile phone, the image changes perspective depending on what way you tilt the phone. &lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-BzTiqTb4DpY/Ta-A1qRcF_I/AAAAAAAAANs/KGfB72C-lv0/s1600/IMG_0026.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="640" src="http://2.bp.blogspot.com/-BzTiqTb4DpY/Ta-A1qRcF_I/AAAAAAAAANs/KGfB72C-lv0/s640/IMG_0026.PNG" width="426" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This was taken from my iPhone to give you an idea. &lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;a name="pattern"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;h4&gt;Creating a Pattern&lt;/h4&gt;Patterns are often used in backgrounds of websites or to possibly outline a call to action area, but these are usually created by using images. Images are okay to use, but having a CSS alternative is a great way to creating less loading time for your website. &lt;a href="http://leaverou.me/" target="blank"&gt;Lea Verou&lt;/a&gt; has created some aesthetically pleasing &lt;a href="http://leaverou.me/css3patterns/" target="blank"&gt;CSS patterns&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-WjcS0xsGYKE/Ta-FwnP5TaI/AAAAAAAAANw/qAE6ApQPbC8/s1600/Picture+11.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="322" src="http://4.bp.blogspot.com/-WjcS0xsGYKE/Ta-FwnP5TaI/AAAAAAAAANw/qAE6ApQPbC8/s640/Picture+11.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Love the Tablecloth pattern, don't you?&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;a name="shadows"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;h4&gt;Drop-Shadows&lt;/h4&gt;Like patterns, drop-shadows have been created by using images (until recently) and are an intrical part of your webpage aestethic. Now, CSS also allows you to create drop-shadows without images&amp;nbsp;and even control the color, distance and opacity. The perspective can also be altered as well as different types of drop-shadows. &lt;br /&gt;
&lt;br /&gt;
See &lt;a href="http://nicolasgallagher.com/"&gt;Nicolas Gallagher's&lt;/a&gt; example of &lt;a href="http://nicolasgallagher.com/css-drop-shadows-without-images/demo/"&gt;different CSS drop-shadows&lt;/a&gt;. Using CSS for elements that would normally require extra coding and images saves overall&amp;nbsp;loading time of your webpage while still&amp;nbsp;offering visual appeal and attention to detail.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"&gt;﻿ &lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: 1em; margin-right: 1em; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-9DHXANLqXUw/Ta-ItT9v_ZI/AAAAAAAAAN0/K0Oa4Rp50is/s1600/Picture+12.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="514" src="http://2.bp.blogspot.com/-9DHXANLqXUw/Ta-ItT9v_ZI/AAAAAAAAAN0/K0Oa4Rp50is/s640/Picture+12.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;These are some pretty great looking shadows considering no images are being used!&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;a name="gradients"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;h4&gt;Gradients&lt;/h4&gt;Gradients&amp;nbsp;also tie in with the loading time, because most gradients are created with Photoshop and then turned into an image. Similar to the above tricks, a gradient created with CSS will have less of a loading time than a repeating background image --&amp;nbsp;allowing potential customers view your website faster. &lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://webdesignerwall.com/" target="blank"&gt;Web Designer Wall&lt;/a&gt; has created some &lt;a href="http://webdesignerwall.com/tutorials/cross-browser-css-gradient" target="blank"&gt;code and image examples&lt;/a&gt; of gradient background and then gradients used for navigation.&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-nWAyCkaGcHo/Ta-LS4hEkYI/AAAAAAAAAN4/zyF31JG4W_s/s1600/Picture+13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="546" src="http://2.bp.blogspot.com/-nWAyCkaGcHo/Ta-LS4hEkYI/AAAAAAAAAN4/zyF31JG4W_s/s640/Picture+13.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;h4&gt;Summary&lt;/h4&gt;CSS is a more useful tool than it was 5 years ago; heck even 2 years ago. Can you imagine where it would be in the next couple of years? I'm sure we will find out soon enough,&amp;nbsp;and TBH Creative will work hard to always learn the newest tricks.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;At TBH Creative, we develop 'table-less' HTML markup that makes full use of cascading style sheets (CSS) capabilities.&amp;nbsp;We can&amp;nbsp;evaluate what &lt;a href="http://www.tbhcreative.com/services/site-build-out/"&gt;CSS coding&lt;/a&gt; tricks are best for your website. &lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Contact TBH Creative&amp;nbsp;&lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web design in Indianapolis&lt;/a&gt; today.&lt;/b&gt; We keep up with web technology and design to best help you maximize your online marketing potential.&lt;/div&gt;&lt;div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-7078839524944533152?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/7078839524944533152/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/04/interesting-and-useful-css-tricks-for.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7078839524944533152'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/7078839524944533152'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/04/interesting-and-useful-css-tricks-for.html' title='Interesting and Useful CSS Tricks for 2011'/><author><name>Shannon Duff</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-4Q1P74-HD24/Ta922a2ZOrI/AAAAAAAAANo/Ac_oFgYlG9I/s72-c/Picture+10.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-4218864170863638231</id><published>2011-04-18T06:51:00.000-07:00</published><updated>2011-04-20T20:19:09.930-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><title type='text'>Web Design Case Study: Fort Harrison Reuse Authority</title><content type='html'>TBH Creative has been working with Fort Harrison Reuse Authority since 2006. For the past four months, we have been redesigning and developing 'sister' websites to represent the history of FHRA and tell the story of Lawrence Village. We are pleased to announce the launch today.﻿﻿&lt;br /&gt;
&lt;br /&gt;
In addition to a new design and code, the project included&amp;nbsp;reorganized site architecture and taxonomy. The new website offers a softer feel to match the Lawrence Village Brand. The information tells a story and shows the personality of Executive Director, &lt;a href="http://www.fhra.org/about/KrisButler/default.aspx" target="_blank"&gt;Kris Butler&lt;/a&gt; who says, "I am very proud of this effort and hope you all think it’s more useful and comprehensive."&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-vB_ctOcz0Xo/Ta-O_8qTX9I/AAAAAAAAASA/MLZ3K0suyfc/s1600/fhra.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="640" i8="true" src="http://3.bp.blogspot.com/-vB_ctOcz0Xo/Ta-O_8qTX9I/AAAAAAAAASA/MLZ3K0suyfc/s640/fhra.jpg" style="cursor: move;" unselectable="on" width="624" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;a href="http://www.fhra.org/" target="_blank"&gt;Visit the new Fort Harrison Reuse Authority website&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-0jqh1RJrnhc/Ta-WLc5omTI/AAAAAAAAASY/NnROE6yvoX0/s1600/lawrencevillage.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="640" i8="true" src="http://4.bp.blogspot.com/-0jqh1RJrnhc/Ta-WLc5omTI/AAAAAAAAASY/NnROE6yvoX0/s640/lawrencevillage.jpg" width="573" /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp;&lt;a href="http://www.lawrencevillageatthefort.com/" target="_blank"&gt;Visit the new Lawrence&amp;nbsp;Village at the Fort website&lt;/a&gt; (Live. Work. Play)&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
The FHRA logo was tweaked to compliment the new look and feel.&lt;br /&gt;
﻿﻿ &lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-x3Hs_hD3VK0/Ta-RgtKksFI/AAAAAAAAASU/djeHV6vRAgw/s1600/FHRA_logo_old.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;"&gt;&lt;img border="0" height="200" i8="true" src="http://2.bp.blogspot.com/-x3Hs_hD3VK0/Ta-RgtKksFI/AAAAAAAAASU/djeHV6vRAgw/s200/FHRA_logo_old.jpg" width="200" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-tcXuoRJnoI8/Ta-P6Yh7wyI/AAAAAAAAASI/j83NeWAizeg/s1600/Fort_Harrison_Logo_LARGE.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;"&gt;&lt;img border="0" height="200" i8="true" src="http://4.bp.blogspot.com/-tcXuoRJnoI8/Ta-P6Yh7wyI/AAAAAAAAASI/j83NeWAizeg/s200/Fort_Harrison_Logo_LARGE.jpg" width="200" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Before&lt;/td&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;After&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div class="dotted-line"&gt;&lt;/div&gt;&lt;div class="bottomLink"&gt;&lt;strong&gt;Does your website need a make-over?&lt;/strong&gt;&lt;br /&gt;
TBH Creative specializes in&amp;nbsp;&lt;a href="http://www.tbhcreative.com/services/strategy/"&gt;website strategy&lt;/a&gt; and &lt;a href="http://www.tbhcreative.com/services/web-design/"&gt;web redesign&lt;/a&gt; for organizations and businesses. Online marketing in today's market is more important and powerful than ever before. Hire us to help improve and define your new website. &lt;br /&gt;
&lt;br /&gt;
The&amp;nbsp;Internet changes constantly — in terms of design trends, technology, and standards. You simply cannot afford to &lt;u&gt;&lt;strong&gt;not&lt;/strong&gt;&lt;/u&gt; make changes. &lt;em&gt;Experts say a redesign should be implemented every 2-4 years just to keep up.&lt;/em&gt; &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2603411342302507157-4218864170863638231?l=blog.tbhcreative.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.tbhcreative.com/feeds/4218864170863638231/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.tbhcreative.com/2011/04/web-design-case-study-fort-harrison.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4218864170863638231'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2603411342302507157/posts/default/4218864170863638231'/><link rel='alternate' type='text/html' href='http://blog.tbhcreative.com/2011/04/web-design-case-study-fort-harrison.html' title='Web Design Case Study: Fort Harrison Reuse Authority'/><author><name>Tatum Bree Hindman</name><uri>http://www.blogger.com/profile/08734873879162465355</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://4.bp.blogspot.com/_OQPp7iChNZ8/TMsXsUMJ2XI/AAAAAAAAAPw/VslrEX83FQI/S220/tbh-mark.png'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-vB_ctOcz0Xo/Ta-O_8qTX9I/AAAAAAAAASA/MLZ3K0suyfc/s72-c/fhra.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2603411342302507157.post-4377751200009726207</id><published>2011-04-14T07:57:00.000-07:00</published><updated>2011-06-07T02:06:13.265-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='content development'/><category scheme='http://www.blogger.com/atom/ns#' term='tips'/><category scheme='http://www.blogger.com/atom/ns#' term='articles'/><title type='text'>Why every website must have a contact form</title><content type='html'>Every business must have a contact page on their website -- it's essential to help bring in business and to allow customers to contact them.&lt;br /&gt;
&lt;br /&gt;
Some businesses list their contact information to let the customer contact them via phone or email, others have an interactive contact form. Often, they even have both. Hving a contact form makes everything easier and organized, and makes you available 24/7. With a contact form, your visitor (potential new customer) can provide upfront information about what they need. With this information, you can best respond and determine if services are a good match (and ultimately make a sale if so).&lt;br /&gt;
&lt;br /&gt;
Your website should have a contact page and form. Your interactive contact form should:&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Ask visitors for some general information (not too much, but not too little depending on your business and needs).&lt;/li&gt;
&lt;li&gt;Form fields should be validated for most important and required fields such as name and phone or email.&lt;/li&gt;
&lt;li&gt;Offer one textarea for general comments and questions.&lt;/li&gt;
&lt;li&gt;After submission, the page should return a confirmation message with expectations of what is next (e.g. someone will call you within 1 business day).&lt;/li&gt;
&lt;li&gt;Include a privacy policy or statement.&lt;/li&gt;
&lt;li&gt;If the visitors do not wish to complete your form, they should be given the option to call or email.&lt;/li&gt;
&lt;/ol&gt;The best contact forms are easy to use and styled to match your website. Regarding style, the sky is the limit these days -- such as highlighted boxes, jQuery techniques, customized submit buttons, rounded corners, and drop shadows on the text boxes. Here are some examples we found that you may enjoy.&lt;br /&gt;
&lt;h4&gt;Contact Form&amp;nbsp;Examples&lt;/h4&gt;&lt;a href="http://css-tricks.com/creating-a-unique-contact-for/" target="blank"&gt;&lt;b&gt;CSS Tricks&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;This first example is from&amp;nbsp;&lt;a href="http://css-tricks.com/" target="blank"&gt;CSSTricks&lt;/a&gt;, the blog post is about creating the example that he has made. He also has a&amp;nbsp;&lt;a href="http://css-tricks.com/examples/ContactForm/" target="blank"&gt;live demo&lt;/a&gt;&amp;nbsp;so you can see how the page works.&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-dPf5cyHzpIY/TaZEs2Y0rpI/AAAAAAAAANM/e1QgASihDMY/s1600/Picture+17.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="432" src="http://2.bp.blogspot.com/-dPf5cyHzpIY/TaZEs2Y0rpI/AAAAAAAAANM/e1QgASihDMY/s640/Picture+17.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This form has each box highlight upon hover.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;b&gt;&lt;a href="http://www.digitalbase.eu/contact" target="blank"&gt;Digital Base&lt;/a&gt;&lt;/b&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-af-hjY-PoOo/TaZG_d7N--I/AAAAAAAAANQ/TOGBRBodkY4/s1600/Picture+18.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="392" src="http://2.bp.blogspot.com/-af-hjY-PoOo/TaZG_d7N--I/AAAAAAAAANQ/TOGBRBodkY4/s640/Picture+18.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This form sample is simple and has a nice, clean and colorful design.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;b&gt;&lt;a href="http://www.pointzero.ro/contact/" target="blank"&gt;Point Zero&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-U8wT-We2JS4/TaZI9WYmGbI/AAAAAAAAANU/IIN1wvngiwY/s1600/Picture+19.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="370" src="http://3.bp.blogspot.com/-U8wT-We2JS4/TaZI9WYmGbI/AAAAAAAAANU/IIN1wvngiwY/s640/Picture+19.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This page has rounded corner text fields, gradient boxes, and offers alternative contact methods.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;b&gt;&lt;a href="http://www.branded07.com/" target="blank"&gt;Branded07&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-DZejQW39VIA/TaZLWzvgJRI/AAAAAAAAANY/hX99eUpXcfU/s1600/Picture+21.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-DZejQW39VIA/TaZLWzvgJRI/AAAAAAAAANY/hX99eUpXcfU/s1600/Picture+21.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This form sample has a customized submit button and when the boxes are clicked on to type in, they highlight a different color.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;b&gt;&lt;a href="http://christiansparrow.com/" target="blank"&gt;Christian Sparrow&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-N-Wn9gTUSaY/TaZMH_WEq5I/AAAAAAAAANc/MDSYpOpDL5o/s1600/Picture+22.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="361" src="http://1.bp.blogspot.com/-N-Wn9gTUSaY/TaZMH_WEq5I/AAAAAAAAANc/MDSYpOpDL5o/s640/Picture+22.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This form sample is developed in Flash. I didn't like on this form that you have to highlight the suggested text and delete it before you write your information.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;a href="http://ftdesigner.net/" target="blank"&gt;&lt;b&gt;ftDesigner&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-Bhl9RaZu82I/TaZNKCCooqI/AAAAAAAAANg/szw3-dAkBno/s1600/Picture+23.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="328" src="http://4.bp.blogspot.com/-Bhl9RaZu82I/TaZNKCCooqI/AAAAAAAAANg/szw3-dAkBno/s640/Picture+23.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This form sample has different fonts and colors for each input field.&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;b&gt;&lt;a href="http://orcabayseafoods.com/contact-us" target="blank"&gt;Orca Bay Seafood&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-SB5g-nKHNzw/TaZOs0OvLLI/AAAAAAAAANk/Y51Hkt6lqrI/s1600/Picture+24.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="376" src="http://1.bp.blogspot.com/-SB5g-nKHNzw/TaZOs0OvLLI/AAAAAAAAANk/Y51Hkt6lqrI/s640/Picture+24.png" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;This form samp
