<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>JHeflin Design Studio</title>
	<atom:link href="http://jheflindesign.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://jheflindesign.com</link>
	<description>Design is everything.</description>
	<lastBuildDate>Wed, 27 Feb 2013 04:55:10 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Gerlingphotography.com</title>
		<link>http://jheflindesign.com/2013/02/gerlingphotography-com/</link>
		<comments>http://jheflindesign.com/2013/02/gerlingphotography-com/#comments</comments>
		<pubDate>Tue, 26 Feb 2013 04:49:05 +0000</pubDate>
		<dc:creator>JHeflin</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://jheflindesign.com/?p=820</guid>
		<description><![CDATA[As a photographer based out of Dexter, IA (one hour west of Des Moines) Jill Gerling has managed to build a burgeoning base of customers around a common goal of capturing life&#8217;s most precious memories. In a word, she is one of the best there is in America&#8217;s heartland. Having had her as my own [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.gerlingphotography.com"><img class="alignnone size-full wp-image-821" alt="GerlingPhotography" src="http://jheflindesign.com/wp-content/uploads/2013/02/GerlingPhotography.jpg" width="601" height="373" /></a></p>
<p>As a photographer based out of Dexter, IA (one hour west of Des Moines) Jill Gerling has managed to build a burgeoning base of customers around a common goal of capturing life&#8217;s most precious memories. In a word, she is one of the best there is in America&#8217;s heartland. Having had her as my own wedding photographer it was easy to see how painstakingly detailed Jill is about her craft and the importance of it in people&#8217;s lives. I was excited when she approached me about building a new website for her that acts as both a marketing tool and a customer portal for her numerous customers to review and order prints of their photos.</p>
<p>Developed parallel to a <a title="Gerling Photography – Logo and Business Cards" href="http://jheflindesign.com/2013/02/gerling-photography-logo-business-cards/">new business brand</a> (complete with logo and stationary) the website echoes the new color palette and logo through clean colors and crisp web fonts powered by Google. To sum it all up, this website captures the spirit of why Jill is a photographer, it emphasizes the quality of her photos by careful placement all the while becoming an inviting place for the numerous couples and families she works with every day.</p>
<p><strong>In use:</strong> WordPress, PhotoShop</p>
<p><a href="http://www.gerlingphotography.com" class="su-button su-button-style-1 su-button-class" style="background-color:#333333;border:1px solid #292929;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;" target="_blank"><span style="color:#ebebeb;padding:14px 28px;font-size:20px;height:20px;line-height:20px;border-top:1px solid #c2c2c2;border-radius:8px;text-shadow:-1px -1px 0 #292929;-moz-border-radius:8px;-moz-text-shadow:-1px -1px 0 #292929;-webkit-border-radius:8px;-webkit-text-shadow:-1px -1px 0 #292929;">Visit Website</span></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://jheflindesign.com/2013/02/gerlingphotography-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gerling Photography &#8211; Logo and Business Cards</title>
		<link>http://jheflindesign.com/2013/02/gerling-photography-logo-business-cards/</link>
		<comments>http://jheflindesign.com/2013/02/gerling-photography-logo-business-cards/#comments</comments>
		<pubDate>Thu, 07 Feb 2013 06:40:55 +0000</pubDate>
		<dc:creator>JHeflin</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Print]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://jheflindesign.com/?p=810</guid>
		<description><![CDATA[I&#8217;ve had the great pleasure of interacting with Jill Gerling on several occasions. She took my wedding photos, the first set of official family pictures we had taken with our son Gordon when he was six months old, and witnessed her practicing her craft for countless others. When I had the opportunity to create a [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://jheflindesign.com/wp-content/uploads/2013/02/Gerling-Logo-BusinessCard.jpg" rel="lightbox[810]" title="Gerling Photography - Logo and Business Cards"><img class="alignnone  wp-image-811" alt="Gerling-Logo-BusinessCard" src="http://jheflindesign.com/wp-content/uploads/2013/02/Gerling-Logo-BusinessCard.jpg" width="576" height="383" /></a></p>
<p>I&#8217;ve had the great pleasure of interacting with Jill Gerling on several occasions. She took my wedding photos, the first set of official family pictures we had taken with our son Gordon when he was six months old, and witnessed her practicing her craft for countless others. When I had the opportunity to create a new logo and business card for her I wanted to illustrate her focus on capturing families as they begin, flourish and grow, as well as her incredible versatility as a photographer with a keen eye. Above all, I have come to trust Jill and her brand had to convey this through a simple logo and inviting and cohesive colors.</p>
<p><strong>In use:</strong> Illustrator, Photoshop</p>
<p><strong>Fonts used</strong>: Vidaloka (Primary), Open Sans (Secondary)</p>
<p><strong>Printing details:</strong> <a href="http://us.moo.com/" target="_blank">Printed by Moo</a> on 16pt matte premium paper. Dual sided business cards with 5 backside varieties.</p>
]]></content:encoded>
			<wfw:commentRss>http://jheflindesign.com/2013/02/gerling-photography-logo-business-cards/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nodaway.biz</title>
		<link>http://jheflindesign.com/2012/10/nodaway-biz/</link>
		<comments>http://jheflindesign.com/2012/10/nodaway-biz/#comments</comments>
		<pubDate>Sat, 27 Oct 2012 13:28:49 +0000</pubDate>
		<dc:creator>JHeflin</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://jheflindesign.com/?p=801</guid>
		<description><![CDATA[To aid business development, Nodaway County Economic Development (NCED), a not-for-profit corporation which is a public/private partnership approaches economic development as a team; which means listening to business, identifying needs, matching resources and following through to encourage capital investment, job creation and innovative business development. The work they do is incredibly important to the long-term [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.nodaway.biz"><img class="alignnone size-full wp-image-802" title="Screen Shot 2012-10-27 at 8.15.04 AM" alt="" src="http://jheflindesign.com/wp-content/uploads/2012/10/Screen-Shot-2012-10-27-at-8.15.04-AM-e1351344137990.jpg" width="601" height="338" /></a></p>
<p>To aid business development, Nodaway County Economic Development (NCED), a not-for-profit corporation which is a public/private partnership approaches economic development as a team; which means listening to business, identifying needs, matching resources and following through to encourage capital investment, job creation and innovative business development. The work they do is incredibly important to the long-term economic stability of the Nodaway County community and it was my sincere pleasure working with their staff to create a unique, simple, and clean experience for prospective business tenants that not only showcases available business sites, but informs on community, lifestyle, data and facts, finance opportunities, and useful information about NCED.</p>
<p><strong>In use:</strong> WordPress, PhotoShop</p>
<p><a href="http://www.nodaway.biz" class="su-button su-button-style-1 su-button-class" style="background-color:#333333;border:1px solid #292929;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;" target="_blank"><span style="color:#ebebeb;padding:14px 28px;font-size:20px;height:20px;line-height:20px;border-top:1px solid #c2c2c2;border-radius:8px;text-shadow:-1px -1px 0 #292929;-moz-border-radius:8px;-moz-text-shadow:-1px -1px 0 #292929;-webkit-border-radius:8px;-webkit-text-shadow:-1px -1px 0 #292929;">Visit Website</span></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://jheflindesign.com/2012/10/nodaway-biz/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Velvet Site Design Template</title>
		<link>http://jheflindesign.com/2012/04/velvet-site-design-template/</link>
		<comments>http://jheflindesign.com/2012/04/velvet-site-design-template/#comments</comments>
		<pubDate>Wed, 04 Apr 2012 17:35:59 +0000</pubDate>
		<dc:creator>JHeflin</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://jheflindesign.com/?p=750</guid>
		<description><![CDATA[Starting today I&#8217;ll be attempting to release a new (and free) design resource every month. This month&#8217;s resource is a layered PhotoShop template based on Velvet by Kriesi. Velvet is a very robust WordPress framework that I look forward to utilizing in the future &#8211; as with every unique web design you need something with [...]]]></description>
				<content:encoded><![CDATA[<p>Starting today I&#8217;ll be attempting to release a new (and free) design resource every month. This month&#8217;s resource is a layered PhotoShop template based on Velvet by Kriesi. Velvet is a very robust WordPress framework that I look forward to utilizing in the future &#8211; as with every unique web design you need something with which you can plan out your design.</p>
<p><a href="http://jheflindesign.com/wp-content/uploads/2012/04/VelvetHome.jpg" rel="lightbox[750]" title="Velvet PhotoShop Template"><img class="size-medium wp-image-755 alignnone" title="Velvet PhotoShop Template" src="http://jheflindesign.com/wp-content/uploads/2012/04/VelvetHome-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p><a href="http://jheflindesign.com/wp-content/uploads/2012/04/VelvetHome.zip" class="su-button su-button-style-1 su-button-class" style="background-color:#333333;border:1px solid #292929;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;"><span style="color:#ebebeb;padding:14px 28px;font-size:20px;height:20px;line-height:20px;border-top:1px solid #c2c2c2;border-radius:8px;text-shadow:-1px -1px 0 #292929;-moz-border-radius:8px;-moz-text-shadow:-1px -1px 0 #292929;-webkit-border-radius:8px;-webkit-text-shadow:-1px -1px 0 #292929;">Velvet Homepage PSD Template</span></a></p>
<p>Begin with the file and mold it into something unique &#8211; the Velvet framework can likely handle anything you throw at it with a little know-how. Obviously this is just the homepage but it should at least be a much better starting point than what currently exists for this particular theme. Definitely give the framework a try which you can find on <a href="http://themeforest.net/item/velvet-minimal-business-theme/304184" target="_blank">Themeforest</a> or the <a href="http://www.kriesi.at/themedemo/?theme=velvet" target="_blank">Kriesi website</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://jheflindesign.com/2012/04/velvet-site-design-template/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Get an SSD: iPad Alternatives</title>
		<link>http://jheflindesign.com/2012/04/ssd-ipad/</link>
		<comments>http://jheflindesign.com/2012/04/ssd-ipad/#comments</comments>
		<pubDate>Wed, 04 Apr 2012 05:13:40 +0000</pubDate>
		<dc:creator>JHeflin</dc:creator>
				<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://jheflindesign.com/?p=724</guid>
		<description><![CDATA[I have to be completely honest, I want an iPad 3 big time. Those that don&#8217;t want one feel that way out of principle, not because its in some way not alluring in any sense of the word. I get it, really I do; as an Apple developer myself I&#8217;ve come to loathe their control-freak design standards, [...]]]></description>
				<content:encoded><![CDATA[<p>I have to be completely honest, I want an iPad 3 big time. Those that don&#8217;t want one feel that way out of principle, not because its in some way not alluring in any sense of the word.</p>
<p>I get it, really I do; as an Apple developer myself I&#8217;ve come to loathe their control-freak design standards, their Steve-Martin-as-The-Jerk developer tool that is XCode, the cookie cutter and hugely over-priced approach to computer hardware, and about anything else that makes up the invisible part of Apple that only developer&#8217;s have learned to &#8220;appreciate&#8221;. What us developer&#8217;s think and feel about Apple is irrelevant though because these ambivalent practices are what preserves their end-game &#8211; ease of use, attractive products they&#8217;re always in control of, and efficiency in all things a user does on their devices or computers.</p>
<p><strong>There are a few things I was confronted with as Apple unleashed their newest technological aphrodisiac on the world:</strong></p>
<ol>
<li>My laptop sucks and I needed to do something about it.</li>
<li>That retinal display on the iPad 3 looked kick ass.</li>
<li>My wife and I are having our first child in T-minus 8 weeks which = expensive little bugger in it&#8217;s own right.</li>
</ol>
<p>iPad 3 was the obvious solution for quandaries number 1 and 2 &#8211; of course if money isn&#8217;t an issue. The iPad 3 is now right in line with my laptop processing-wise, has an incredible display, and 7 more hours of battery life. I&#8217;m not into waiting for technology to be replaced and thus discounted before jumping in &#8211; I fancy myself an early adapter which is what makes the fact that I just last year started investing in SSDs (solid state drives) all the more perplexing. Number 3 flat out can&#8217;t be ignored &#8211; I&#8217;d be an asshole if I did and I obviously won&#8217;t ignore the monetary implications of a child with regards to my seething need for awesome technology.</p>
<p><strong>Have a MacBook less than 5 years old? Don&#8217;t buy an iPad</strong></p>
<p>Some people are just flat out going to buy what&#8217;s new &#8211; if it weren&#8217;t for my kid&#8217;s impending arrival I would have as well in the blinding light of their announcement in early March. My intent is to encourage people to look at more cost-friendly and powerful alternatives, namely Solid State Drives (also referred to as SSD or Flash Memory).</p>
<p><strong>Spruce your old MacBook up with an SSD</strong><br />
<a href="http://jheflindesign.com/wp-content/uploads/2012/04/Crucial-01-300x240.jpg" rel="lightbox[724]" title="Crucial M4 Solid State Drive - 128GB"><img class="alignright  wp-image-741" title="Crucial M4 Solid State Drive - 128GB" src="http://jheflindesign.com/wp-content/uploads/2012/04/Crucial-01-300x240.jpg" alt="" width="210" height="168" /></a></p>
<p>SSD&#8217;s are superior alternatives to mechanical hard drives that offer holistic improvement to a computer, whether it be laptop, desktop, or server. They don&#8217;t have moving parts at all &#8211; think of them as really big, awesome USB drives that you just put inside your computer.</p>
<ul>
<li>Shockproof &#8211; these are a must-have for laptops</li>
<li>Save and open beefy files much faster</li>
<li>Blistering read/write access for files and programs</li>
<li>Utilize programs such as InDesign, PhotoShop, llustrator, Premiere, etc. much more fluidly and without finger-tapping time waste.</li>
<li>Smaller capacity and more cost/GB, but more efficient energy consumption. You may get 30 minutes more out of your laptop battery with one of these bad boys.</li>
</ul>
<p><strong>Ghetto-Hamster Wheel Speed Test</strong></p>
<p><span class='embed-youtube' style='text-align:center; display: block;'><iframe class='youtube-player' type='text/html' width='640' height='390' src='http://www.youtube.com/embed/sEFFJSgHOOA?version=3&#038;rel=1&#038;fs=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' frameborder='0'></iframe></span></p>
<p>You can plainly see from the video though that moving around and doing all the things you do on an iPad &#8211; web browsing, check email, view and edit photo albums, access apps, etc. &#8211; are done just as well if not better on the 2007-08 MacBook with a high-performance SSD.</p>
<p><strong>$600 (32 GB iPad3 Model) or $160 (128GB SSD for MacBook) &#8211; that is the question!</strong></p>
<p>I venture a guess anyone reading this is inquisitive enough to appreciate the numbers and understand them. With the SSD you get everything you need and more in your MacBook and likely add 3-4 years to its lifespan + let&#8217;s not forget that typing on the iPad makes me want to hurl said iPad at puppies. <em><strong>A totally avoidable occurrence.</strong></em> A laptop will always have more utility than a tablet like the iPad. One can live without an iPad but how many iPad owners don&#8217;t also need a solid laptop at their side? None.</p>
<p>The master marketers at Apple always leave me astonished from a branding perspective but when you have some time to look closer there is always an alternative and the gleam melts off. Apple makes fantastic, solidly built computers that last a long time. My workstation is a tricked out PC, my meeting-with-clients computer is a MacBook so I have appreciation for technology in general.</p>
<p><strong>Buying and Installing an SSD</strong></p>
<p>I have two different solid state drives. A <a href="http://www.newegg.com/Product/Product.aspx?Item=N82E16820227707" target="_blank">240 GB Vertex 3 </a>in my workstation (eh its alright, wish I would have gone with Crucial) and a <a href="http://www.crucial.com/store/listmodule/SSD/~131072~/list.html" target="_blank">128GB Crucial m4</a> in my 2008 MacBook Core 2 Duo 2.2GHz. <strong>To get started do the following:</strong></p>
<ol>
<li>Plug your SSD into your computer first &#8211; via empty port or through a data transfer kit. Update the firmware before you proceed so you know your SSD will be good for a while (in terms of firmware). The Vertex 3&#8242;s were notorious for shitty default firmware that caused blue screens, updating the firmware completely resolved the issue.</li>
<li>Backup up your important files and system image to an external hard drive.</li>
<li>Shut down your computer.</li>
<li><strong>For Desktops:</strong> you&#8217;ll need a <a href="http://www.crucial.com/store/partspecs.aspx?IMODULE=CT128M4SSD2BAA" target="_blank">3.5&#8243; adapter bracket</a> &#8211; some come with one, some don&#8217;t. Just be sure you factor in a 3.5&#8243; adapter when installing an SSD on your desktop. I&#8217;ve got 4 drives in my computer, the SSD and three other mechanical 7200 RPM HDD&#8217;s. Clearing the primary HDD is very important to the process &#8211; be sure that is done before reallocating the operating system to the SSD.</li>
<li><strong>For Laptops:</strong> Back up files as normal. You&#8217;ll also want to reformat your hard drive prior to installing the SSD so its completely clear for security reasons. When that&#8217;s done power off, remove the primary drive and replace it with your 2.5&#8243; SSD.</li>
<li>Hook the SSD up, power on the machine, and boot from your operating system disc &#8211; this applies for both OSX and Windows operating systems.</li>
<li>Follow the directions to install your operating system on your new SSD then you&#8217;re good to go!</li>
</ol>
<p><strong>The point of all this</strong></p>
<p>For the love of God use what you have for its duration and make calculated improvements before you start looking at an overly-hyped, expensive piece of technological artwork as a legitimate alternative. Let&#8217;s be clear, its not &#8211; it&#8217;s shiny and sexy, nothing more. SSD&#8217;s are a thing of beauty just like the iPad but without all the flashy circus around.</p>
]]></content:encoded>
			<wfw:commentRss>http://jheflindesign.com/2012/04/ssd-ipad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Impressions of the New Basecamp</title>
		<link>http://jheflindesign.com/2012/03/basecamp/</link>
		<comments>http://jheflindesign.com/2012/03/basecamp/#comments</comments>
		<pubDate>Thu, 08 Mar 2012 00:05:40 +0000</pubDate>
		<dc:creator>JHeflin</dc:creator>
				<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://jheflindesign.com/?p=674</guid>
		<description><![CDATA[For those of you that don&#8217;t know, Basecamp is a industry-leading project management tool developed by 37signals and built on Ruby on Rails. I was pretty pleasantly surprised to be greeted by an upgrade message and quickly set out going through the change process. What I really liked is that my hand wasn&#8217;t forced &#8211; [...]]]></description>
				<content:encoded><![CDATA[<p>For those of you that don&#8217;t know, <a href="http://basecamp.com" target="_blank">Basecamp</a> is a industry-leading project management tool developed by 37signals and built on Ruby on Rails. I was pretty pleasantly surprised to be greeted by an upgrade message and quickly set out going through the change process. What I really liked is that my hand wasn&#8217;t forced &#8211; as an existing Basecamp owner I will always have access to classic and was given 90 days free to try out the new Basecamp. Something to note is that, as of launch, they are two entirely separate products. I&#8217;m guessing that will change at some point this coming year.</p>
<div class="su-column su-column-1-3 su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/Basecamp_Classic.jpg" rel="lightbox[674]" title="Basecamp Classic"><img src="http://jheflindesign.com/wp-content/uploads/2012/03/Basecamp_Classic-150x150.jpg" alt="" title="Basecamp Classic" width="150" height="150" class="alignnone size-thumbnail wp-image-707" /></a></div>
<div class="su-column su-column-1-3 su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/Basecamp_New.jpg" rel="lightbox[674]" title="Basecamp New"><img class="size-thumbnail wp-image-678 alignnone" title="Basecamp New" src="http://jheflindesign.com/wp-content/uploads/2012/03/Basecamp_New-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-column su-column-1-3 su-column-last su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/Basecamp_New2.jpg" rel="lightbox[674]" title="Basecamp Feature Sections - To-Do Lists"><img class="alignnone size-thumbnail wp-image-692" title="Basecamp Feature Sections - To-Do Lists" src="http://jheflindesign.com/wp-content/uploads/2012/03/Basecamp_New2-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-spacer"></div>
<p>Here are some of the links to get you familiar with what New Basecamp is and its differences to what 37signals is calling Classic Basecamp:</p>
<ul>
<li><a href="http://basecamp.com/transition">http://basecamp.com/transition</a></li>
<li><a href="https://basecamp.com/one-page-project">https://basecamp.com/one-page-project</a></li>
<li><a href="http://basecamp.com/new">http://basecamp.com/new</a></li>
</ul>
<h3>The Good</h3>
<ol>
<li>The new user interface design style is a welcome guest to the party. Classic really is beginning to look dated and so bringing things up to speed was important for them to stay competitive and keep ahead of said competition. Rule.fm definitely had a leg up on them with regards to sheer beauty in the look of their interface, this new design of Basecamp eliminates the advantage Rule had over them. Moving about the app will remind you of sifting through a stack of papers, and at least from a visual perspective its got a nice lightheartedness about it that contrasts well for this reason: Basecamp in general is easy to use, it always has been and is the solution to ACTUAL paper sifting, thus it makes for a nice design friction.</li>
<li>The single page home design for projects lets you do almost everything from one place without navigating elsewhere. At its roots it is pretty well thought out and succeeds.</li>
<li><strong>I would kill to have Text Documents in Classic</strong>. Writeboards were never approachable for my customers so I dig the new approach. To give a quick rundown, Text Documents are live notes that people can collaborate on without having to upload new versions of a Word Document (which was the primary way to do so in Classic if you didn&#8217;t use Writeboards). So they&#8217;re especially good for planning out website outlines / content creation and keeping them up to date as the project progresses.</li>
<li><strong>Calendars</strong> are more overarching now and you can view a single calendar now that displays ALL your projects and you can even add events that aren&#8217;t part of a particular project &#8211; nice touch. Color coding the projects was a given and subscribing to iCal remains intact.</li>
<li><strong>Daily progress</strong> is a great way to view, via a dynamic timeline, what&#8217;s been going on since the beginning of your project. This wasn&#8217;t a must-have for me but its a nice touch  that gives more visualization to information than Classic.</li>
<li><strong>Drag n&#8217; Drop file uploads. </strong>All the cool companies are doing it and 37signals simply adapted it for Basecamp. Just drag files into the upload area and it&#8217;ll take care of the rest.</li>
<li><strong>Built in Search.</strong> Classic didn&#8217;t have this at all and while I never really needed it because I only ever manage a few projects at a time, I can see where this will be a huge boon to big companies. Its appropriately accessible from the top right at all times and has the hallmark responsiveness of 37signals.</li>
<li><strong><a href="http://jheflindesign.com/wp-content/uploads/2012/03/UpgradePrompt.jpg" rel="lightbox[674]" title="Upgrade Prompt"><img class="alignright" title="Upgrade Prompt" src="http://jheflindesign.com/wp-content/uploads/2012/03/UpgradePrompt-150x150.jpg" alt="" width="150" height="150" /></a>You have to use an up-to-date browser!!! </strong>I can report that it doesn&#8217;t work on iE8 and lower. All you&#8217;ll be greeted with is a screen that says upgrade your browser. I applaud them wholeheartedly for forcing this on people because it needs to happen &#8211; every company needs to do this. There are still people out there that are cripplingly afraid of technology who refuse to upgrade their browsers or do anything of that sort because they&#8217;re afraid they&#8217;ll mess things up. They&#8217;ve set the entire web revolution back five years or more because of it &#8211; what if we could focus on new technology rather than making things work with out of date browsers and i&#8217;m glad 37signals has taken a stand. <span style="text-decoration: underline;">Seriously people, upgrading browsers is free, do it.</span></li>
</ol>
<h3>The Bad</h3>
<ol>
<li><strong>General navigation flow.</strong>  In reality my first impression was that when I was in a given feature section (AKA To-Do&#8217;s, File, Discussions, etc.) I was on an island by myself, with no concept of where other things were. Not having some sort of static navigation similar to what Classic had is a huge oversight in my opinion.  If I could slap them across the face for this I would. I find the navigation to generally be clunkier than I thought they were capable of making it, I didn&#8217;t think this sort of work flow was in their DNA at 37signals. Whereas Classic is very clear about where you are and what you can do, the navigation in New is so minimalist and the navigation points are so lightly indicated that its created a convoluted mess by comparison. For example, when I click on To-Dos there’s no way to directly jump to, say, Text Documents or Calendars when I’m inside. To do that you first have to return to the main screen by clicking the project name and then go into Text Documents. One click too many and that adds up to a ton over the course of a year of projects. Its just unnecessary and even though New may be faster under the hood, missing the basics on something as simple as navigation makes it feel slower to me.</li>
<li><strong>No personalization.</strong> I use Basecamp for a lot of customer support and having the personalisation with company logos in Basecamp Classic is important for me so I’m looking forward to them addressing that. Right now it frankly sucks, it should at least do what Classic did and it doesn&#8217;t at v1 launch.</li>
<li><strong>Time tracking.</strong> This is not a feature I personally use but from the sounds of it this is a mega-omission on their part and has already made the new version unusable for many businesses that rely on Basecamp.</li>
<li><strong>Mobile-hostile.</strong> Yes technically it&#8217;ll work on your smartphone and tablet but for me the design that I applauded above doesn&#8217;t really translate that great to a touch environment. Mainly because there&#8217;s a lot of simple text links and very few big buttons to push. You can use it on your iPad but its frighteningly close to unusable on a phone. I&#8217;m sure they&#8217;ll address this but as of launch day on New v1, its rot-gut terrible.</li>
</ol>
<h3>Verdict</h3>
<p>I have to agree with many of the posters at <a href="http://37signals.com/svn/posts/3129-launch-the-all-new-basecamp" target="_blank">their Signals vs. Noise blog</a>. If this was their first iteration of Basecamp, it wouldn’t be near the success that Classic made 37signals back in in the early 2000&#8242;s. I feel like this was just a classic case of there being so much success that they just couldn’t stand it and had to do something drastically new because they were getting bored, its a downfall of creatives and nobody, including me is immune to it &#8211; we love to create. I would have rather seen 37signals add something like Wikis to Classic, freshen up the UI, and make the mobile version more robust than jumbling up the workflow, the navigation and launching New Basecamp without all the functionality of Classic.</p>
<p>I&#8217;m 100% certain that over time everything will be adjusted and things will settle down but for now I&#8217;ll be sticking with Classic.</p>
]]></content:encoded>
			<wfw:commentRss>http://jheflindesign.com/2012/03/basecamp/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Welcome to the New JHeflin Design!</title>
		<link>http://jheflindesign.com/2012/03/jheflin-design/</link>
		<comments>http://jheflindesign.com/2012/03/jheflin-design/#comments</comments>
		<pubDate>Mon, 05 Mar 2012 05:52:44 +0000</pubDate>
		<dc:creator>JHeflin</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://jheflindesign.com/?p=630</guid>
		<description><![CDATA[Well its about time! I started working on this four weeks ago and lets just say there have been many casualties along the way including beer, a few bottles of wine, the concept of a free weekend, way more popcorn than any sane person should eat, some cheese, seven cans of red bull, three pounds of [...]]]></description>
				<content:encoded><![CDATA[<p>Well its about time! I started working on this four weeks ago and lets just say there have been many casualties along the way including beer, a few bottles of wine, the concept of a free weekend, way more popcorn than any sane person should eat, some cheese, seven cans of red bull, three pounds of grapes (I keep telling myself this balances out all the junk I eat), a baguette and more than anything else, sleep!</p>
<p><strong>Where do I start&#8230;</strong></p>
<p>First off there aren&#8217;t many pages in this website so the meat (aka important stuff) is in everything. My goal with this entire rebranding and website relaunch was to better convey exactly why I do this and why I&#8217;m just different than most designers. Plus I&#8217;ve done a lot of work over the last year and I want to share it with people because I&#8217;m excited to do what I do &#8211; I&#8217;m lucky as hell to make a living in design, be able to live in a smaller community, and work with fantastic people every day. I&#8217;ve been in this business long enough now to understand how you can apply the old saying &#8216;There are lots of ways to cook a goose&#8217;.</p>
<p>You can fry it, bake it, boil it, rub it with your hands really fast (? lol), okay now I&#8217;m just stretching for stuff. The point is, there are many ways to design something but whether that design is successful is an entirely different story.  <strong>How has it added value? Have you seen more business as a result of the design? Are you perceived more positively than you were before the design was in place?</strong></p>
<p>The answer should be yes to all of these.</p>
<p><strong>My type of design is simple:</strong> do less than your competition and get to the point quicker than they do.</p>
<h4>Highlights of the Redesign:</h4>
<p><span style="text-decoration: underline;">Branding</span></p>
<p>This is a breakdown of the re-branding and messaging. Complete with the color scheme, fonts in use, and a mock-up of my new business cards. Waiting till I officially move in April to order them =).</p>
<p>&nbsp;</p>
<p><a href="http://jheflindesign.com/wp-content/uploads/2012/03/Rebrand.jpg" rel="lightbox[630]" title="Rebrand"><img class="alignnone  wp-image-632" title="Rebrand" src="http://jheflindesign.com/wp-content/uploads/2012/03/Rebrand.jpg" alt="" width="480" height="307" /></a></p>
<p><span style="text-decoration: underline;">Customer Support</span></p>
<p>Anyone I work with will have access to my BaseCamp system and can now access it directly from my website. Just click below or you can click on the &#8216;Login&#8217; link in the website&#8217;s main navigation.</p>
<p><a href="https://jheflindesignstudio.basecamphq.com/login" target="_blank"><img class="alignnone size-full wp-image-633" title="BasecampSS" src="http://jheflindesign.com/wp-content/uploads/2012/03/BasecampSS.jpg" alt="" width="300" height="293" /></a></p>
<p><span style="text-decoration: underline;">Portfolio</span></p>
<p>This is a constantly revolving door of the stuff I do. You can view the entire portfolio or you can filter by types which include: <a title="Web Development" href="http://jheflindesign.com/portfolio/web/">web</a>, <a title="Visual Design" href="http://jheflindesign.com/portfolio/design/">design</a>, and <a title="Painting" href="http://jheflindesign.com/portfolio/painting/">painting</a>.</p>
<p><span style="text-decoration: underline;">What&#8217;s the deal with the background images?</span></p>
<p>I&#8217;m a sentimentalist by nature and the background images are of places I&#8217;ve been that were an integral part of my development as a creative. You&#8217;ll see a lot from the Vorarlberg region of Austria, as well as Bregenz and Vienna because these places are frankly where I found my footing as a designer during my final year in college. <strong>See a minified version of them all below:</strong></p>
<div class="su-column su-column-1-3 su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/BG_4.jpg" rel="lightbox[630]" title="Fachhochschule Vorarlberg: Media Arts School"><img class="alignnone size-thumbnail wp-image-654" title="Fachhochschule Vorarlberg: Media Arts School" src="http://jheflindesign.com/wp-content/uploads/2012/03/BG_4-150x150.jpg" alt="Fachhochschule Vorarlberg: Media Arts School" width="150" height="150" /></a></div>
<div class="su-column su-column-1-3 su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/BG_3.jpg" rel="lightbox[630]" title="The Kolpinghaus in Dornbirn, Austria"><img class="alignnone size-thumbnail wp-image-653" title="The Kolpinghaus in Dornbirn, Austria" src="http://jheflindesign.com/wp-content/uploads/2012/03/BG_3-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-column su-column-1-3 su-column-last su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/BG_6.jpg" rel="lightbox[630]" title="Dornbirn, Austria"><img class="alignnone size-thumbnail wp-image-656" title="Dornbirn, Austria" src="http://jheflindesign.com/wp-content/uploads/2012/03/BG_6-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-spacer"></div>
<div class="su-column su-column-1-3 su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/BG_5.jpg" rel="lightbox[630]" title="Bregenz, Austria - At the shore of Bodensee"><img class="alignnone size-thumbnail wp-image-655" title="Bregenz, Austria - At the shore of Bodensee" src="http://jheflindesign.com/wp-content/uploads/2012/03/BG_5-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-column su-column-1-3 su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/Portfolio.jpg" rel="lightbox[630]" title="Vienna, Austria - Museum of Natural History"><img class="alignnone size-thumbnail wp-image-657" title="Vienna, Austria - Museum of Natural History" src="http://jheflindesign.com/wp-content/uploads/2012/03/Portfolio-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-column su-column-1-3 su-column-last su-column-style-0"></div>
<div class="su-spacer"></div>
<p>I&#8217;m very excited to share my new website with you and look forward to its evolution.</p>
]]></content:encoded>
			<wfw:commentRss>http://jheflindesign.com/2012/03/jheflin-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Midland GIS Solutions Branding</title>
		<link>http://jheflindesign.com/2012/03/midland-gis-solutions-branding/</link>
		<comments>http://jheflindesign.com/2012/03/midland-gis-solutions-branding/#comments</comments>
		<pubDate>Mon, 05 Mar 2012 03:39:38 +0000</pubDate>
		<dc:creator>JHeflin</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[InDesign]]></category>
		<category><![CDATA[Midland GIS]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://jheflindesign.com/?p=575</guid>
		<description><![CDATA[Since 2008 I have been the chief designer of everything that has the Midland GIS logo displayed on it. My work for them has ranged from business cards, handouts and folders to traditional print advertisements and conference marketing materials. As such I have developed a set of internal design standards for the company which has [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://jheflindesign.com/wp-content/uploads/2012/03/MGIS_BusinessCards.jpg" rel="lightbox[575]" title="Midland GIS Solutions Company Branding"><img class="alignnone size-full wp-image-584" title="Midland GIS Solutions Company Branding" src="http://jheflindesign.com/wp-content/uploads/2012/03/MGIS_BusinessCards_CoverImage.jpg" alt="" width="602" height="338" /></a></p>
<p>Since 2008 I have been the chief designer of everything that has the Midland GIS logo displayed on it. My work for them has ranged from business cards, handouts and folders to traditional print advertisements and conference marketing materials. As such I have developed a set of internal design standards for the company which has the following:</p>
<ul>
<li>Myriad Pro font face</li>
<li>Images are only displayed if they have a purpose, otherwise white background applies</li>
<li>Background images are generally not used</li>
<li>Blue, dark blue, white, and orange (for highlights only)</li>
<li>H1 headings (Myriad Pro Light)</li>
<li>H2 headings (Myriad Pro Bold)</li>
<li>Body content (Myriad Pro Regular at #333333)</li>
<li>Letter spacing (-25)</li>
</ul>
<p><strong>In use:</strong> Illustrator, InDesign, PhotoShop</p>
<div class="su-column su-column-1-3 su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/MGIS_BusinessCards.jpg" rel="lightbox[575]" title="Business Cards"><img class="alignnone size-thumbnail wp-image-577" title="Business Cards" src="http://jheflindesign.com/wp-content/uploads/2012/03/MGIS_BusinessCards-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-column su-column-1-3 su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/MGIS_Company_Example3.jpg" rel="lightbox[575]" title="Handouts and Folders"><img class="alignnone size-thumbnail wp-image-580" title="Handouts and Folders" src="http://jheflindesign.com/wp-content/uploads/2012/03/MGIS_Company_Example3-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-column su-column-1-3 su-column-last su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/MGIS_Company_Example1.jpg" rel="lightbox[575]" title="Municipal Folder"><img class="alignnone size-thumbnail wp-image-578" title="Municipal Folder" src="http://jheflindesign.com/wp-content/uploads/2012/03/MGIS_Company_Example1-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-spacer"></div>
<div class="su-column su-column-1-3 su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/IntegrityLogo.jpg" rel="lightbox[575]" title="Integrity Product Logo"><img class="alignnone size-thumbnail wp-image-583" title="Integrity Product Logo" src="http://jheflindesign.com/wp-content/uploads/2012/03/IntegrityLogo-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-column su-column-1-3 su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/Integrity.jpg" rel="lightbox[575]" title="Integrity Folders and Handouts"><img class="alignnone size-thumbnail wp-image-581" title="Integrity Folders and Handouts" src="http://jheflindesign.com/wp-content/uploads/2012/03/Integrity-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-column su-column-1-3 su-column-last su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/Integrity_Example1.jpg" rel="lightbox[575]" title="Integrity Folder Inside"><img class="alignnone size-thumbnail wp-image-582" title="Integrity Folder Inside" src="http://jheflindesign.com/wp-content/uploads/2012/03/Integrity_Example1-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-spacer"></div>
]]></content:encoded>
			<wfw:commentRss>http://jheflindesign.com/2012/03/midland-gis-solutions-branding/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>St. Gregory&#8217;s Church Directory</title>
		<link>http://jheflindesign.com/2012/03/st-gregorys-church-directory/</link>
		<comments>http://jheflindesign.com/2012/03/st-gregorys-church-directory/#comments</comments>
		<pubDate>Sun, 04 Mar 2012 20:41:48 +0000</pubDate>
		<dc:creator>JHeflin</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[InDesign]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Print]]></category>

		<guid isPermaLink="false">http://jheflindesign.com/?p=388</guid>
		<description><![CDATA[I was approached by St. Gregory&#8217;s Church in Maryville, MO to assist them with designing their new church directory. Having been part of their community my entire life I was happy to oblige. Work on this included cover and back design as well as content layout and a unique historical timeline. In use: Illustrator, InDesign, PhotoShop]]></description>
				<content:encoded><![CDATA[<p><a href="http://jheflindesign.com/wp-content/uploads/2012/03/StGreg_Directory_Example1.jpg" rel="lightbox[388]" title="St. Gregory's Church Directory"><img class="alignnone  wp-image-402" title="St. Gregory's Church Directory" src="http://jheflindesign.com/wp-content/uploads/2012/03/StGreg_Directory_CoverImage.jpg" alt="" width="602" height="257" /></a></p>
<p>I was approached by St. Gregory&#8217;s Church in Maryville, MO to assist them with designing their new church directory. Having been part of their community my entire life I was happy to oblige. Work on this included cover and back design as well as content layout and a unique historical timeline.</p>
<p><strong>In use:</strong> Illustrator, InDesign, PhotoShop</p>
<div class="su-column su-column-1-3 su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/StGreg_Directory_Example1.jpg" rel="lightbox[388]" title="Example 1"><img class="alignnone size-thumbnail wp-image-396" title="Example 1" src="http://jheflindesign.com/wp-content/uploads/2012/03/StGreg_Directory_Example1-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-column su-column-1-3 su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/StGreg_Directory_Example2.jpg" rel="lightbox[388]" title="Example 2"><img class="alignnone size-thumbnail wp-image-397" title="Example 2" src="http://jheflindesign.com/wp-content/uploads/2012/03/StGreg_Directory_Example2-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-column su-column-1-3 su-column-last su-column-style-0"><a href="http://jheflindesign.com/wp-content/uploads/2012/03/StGreg_Directory_Example3.jpg" rel="lightbox[388]" title="Example 3"><img class="alignnone size-thumbnail wp-image-398" title="Example 3" src="http://jheflindesign.com/wp-content/uploads/2012/03/StGreg_Directory_Example3-150x150.jpg" alt="" width="150" height="150" /></a></div>
<div class="su-spacer"></div>
]]></content:encoded>
			<wfw:commentRss>http://jheflindesign.com/2012/03/st-gregorys-church-directory/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>StGregorysSchool.org</title>
		<link>http://jheflindesign.com/2012/03/stgregorysschool-org/</link>
		<comments>http://jheflindesign.com/2012/03/stgregorysschool-org/#comments</comments>
		<pubDate>Sun, 04 Mar 2012 21:50:17 +0000</pubDate>
		<dc:creator>JHeflin</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://jheflindesign.com/?p=433</guid>
		<description><![CDATA[St. Gregory&#8217;s School in Maryville, MO is the top private Catholic school in Northwest Missouri. With an emphasis on higher academic standards their students are well positioned to take on the challenges of higher education with a solid background in Christian faith. As an alumni of St. Gregory&#8217;s School it was an honor to help [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.stgregorysschool.org" target="_blank"><img class="alignnone size-full wp-image-434" title="StGregorysschool" src="http://jheflindesign.com/wp-content/uploads/2012/03/StGregorysschool.jpg" alt="" width="602" height="338" /></a></p>
<p>St. Gregory&#8217;s School in Maryville, MO is the top private Catholic school in Northwest Missouri. With an emphasis on higher academic standards their students are well positioned to take on the challenges of higher education with a solid background in Christian faith. As an alumni of St. Gregory&#8217;s School it was an honor to help build them a website that will serve to help them do their excellent work for years to come.</p>
<p><strong>In use:</strong> WordPress, PhotoShop</p>
<p><a href="http://www.stgregorysschool.org" class="su-button su-button-style-1 su-button-class" style="background-color:#333333;border:1px solid #292929;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;" target="_blank"><span style="color:#ebebeb;padding:14px 28px;font-size:20px;height:20px;line-height:20px;border-top:1px solid #c2c2c2;border-radius:8px;text-shadow:-1px -1px 0 #292929;-moz-border-radius:8px;-moz-text-shadow:-1px -1px 0 #292929;-webkit-border-radius:8px;-webkit-text-shadow:-1px -1px 0 #292929;">Visit Website</span></a></p>
]]></content:encoded>
			<wfw:commentRss>http://jheflindesign.com/2012/03/stgregorysschool-org/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
