<?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> &#187; Jon Supnick &#8211; Web/Graphic Design Portfolio</title>
	<atom:link href="http://jsupnick.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://jsupnick.com</link>
	<description></description>
	<lastBuildDate>Fri, 22 May 2009 23:02:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.5</generator>
		<item>
		<title>OCIndoor Logo Case Study</title>
		<link>https://jsupnick.com/2009/05/22/ocindoor-logo-case-study/</link>
		<comments>https://jsupnick.com/2009/05/22/ocindoor-logo-case-study/#comments</comments>
		<pubDate>Fri, 22 May 2009 22:55:10 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Featured]]></category>

		<guid isPermaLink="false">http://jsupnick.com/?p=414</guid>
		<description><![CDATA[OCIndoor is an independent percussion ensemble from Oregon. They are national champions in their division. Their co-director Mike Stevens asked me to create an identity for the group and I felt happy and honored to do so. Here is the process that was taken to come up with the final image you see to the [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-419" title="logo-2-b-3-a-darkbg31" src="http://jsupnick.com/wp-content/uploads/2009/05/logo-2-b-3-a-darkbg31.png" alt="logo-2-b-3-a-darkbg31" width="300" height="100" />OCIndoor is an independent percussion ensemble from Oregon. They are national champions in their division. Their co-director Mike Stevens asked me to create an identity for the group and I felt happy and honored to do so. Here is the process that was taken to come up with the final image you see to the right.<span id="more-414"></span></p>
<p>I started with the usual brainstorming / sketching. However, since I am already very familiar with the group I didn&#8217;t stay in this stage very long. I had quite a few ideas swimming around so I really felt comfortable getting into Illustrator a little earlier than normal.</p>
<p><img class="alignleft size-thumbnail wp-image-424" title="logo-1" src="http://jsupnick.com/wp-content/uploads/2009/05/logo-1-150x150.jpg" alt="logo-1" width="150" height="150" />My first concept was based on strength and grit. These ideas describe such groups very well. The kids work very hard and dedicate much of their time / life to the activity. Also since it was the first year of the indoor group, I wanted to make sure that the logo didn&#8217;t portray them as amateurs. Also, another level of imagery is shown with the letter &#8216;I&#8217; inside &#8216;C&#8217; to show the idea of the group being indoor.</p>
<p><img class="alignright size-thumbnail wp-image-432" title="logo-2" src="http://jsupnick.com/wp-content/uploads/2009/05/logo-2-150x150.jpg" alt="logo-2" width="150" height="150" />The second concept (which was the chosen concept) focuses a lot on modern and futuristic ideals. I used gradients and shadows to give the concept depth and used clean lines for that modern look. The overall impression of the logo shows an indoor arena (floor). The letter &#8216;C&#8217; looks like a tenor drum mallet striking a drum. <a href="http://jsupnick.com/wp-content/uploads/2009/05/tenordrums.jpg" rel="lightbox[414]">Example can be seen HERE.</a></p>
<p><img class="alignleft size-full wp-image-462" title="logo-3" src="http://jsupnick.com/wp-content/uploads/2009/05/logo-3.gif" alt="logo-3" width="225" height="125" />Concept 3 is the one that I pulled out all the abstract imagery. When you immediately look at the logo you see &#8220;OCi&#8221;. This is true, but there are so many other things hidden inside the logo itself. The first idea you might see is the tip of a drumstick inside the letter &#8220;C&#8221;. Another thing is the 45 degree angle going into the letter &#8216;i&#8217; using negative space. Inside this you can envision a bass drum mallet in playing position. If you tilt your head 90 degrees to the left you might see a person (O is the head, C is the torso and arm, i is the hand). This person has good posture and is in playing position. There are probably other things inside this concept that I haven&#8217;t even caught yet. If you see something, please let me know by leaving a comment.</p>
<p>They looked over the concepts and chose number 2 to move forward. From here they told me some of the things that they were concerned about. They thought that it might be good to have the web address included since &#8220;OCI&#8221; is fairly obscure and not everyone might know what it means. They also said that even though the figure above the &#8216;I&#8217; looks cool, they wanted to see the Oregon Crusaders emblem there instead. So I got to work and came up with 3 revisions based on their suggestions. <a class="wpGallery" href="http://jsupnick.com/wp-content/uploads/2009/05/logo-showcase-a.jpg" rel="lightbox[414]">Revision Set 1 can be seen HERE.</a></p>
<p>We were on the right track but it didn&#8217;t quite feel right and they agreed. You couldn&#8217;t really read the web address on smaller variations of the logo. Also, they decided that they would like to have the full name &#8220;OCIndoor&#8221; instead of &#8220;OCI&#8221;. Also, they liked the idea of the compass emblem but wanted to stick to the green color scheme and use a more accurate version of it. With those ideas, I came up with 4 more revisions. <a href="http://jsupnick.com/wp-content/uploads/2009/05/logo-showcase-b.jpg" rel="lightbox[414]">Revision Set 2 can be seen HERE.</a></p>
<p>It was almost ready, but there was still some more tweaking to be had. The next versions of the logo can be shown below.<img class="aligncenter size-full wp-image-477" title="revisions3-dark" src="http://jsupnick.com/wp-content/uploads/2009/05/revisions3-dark.png" alt="revisions3-dark" width="450" height="133" /></p>
<p>From here we thought we were done. But there was 1 thing that occured that passed by everyone until later. For some reason, the shadow effect was gone if there was a background used other than white. I had to manually add the effects using colored layers. It was a crude fix but a permanent one. Final versions of the logo can be seen below. Please support the organization by going to their website(s): <a href="http://www.ocindoor.org" target="_blank">OCIndoor.org</a> and <a href="http://www.oregoncrusaders.org" target="_blank">OregonCusaders.org</a></p>
<p><img class="aligncenter size-full wp-image-480" title="finaldarkbg" src="http://jsupnick.com/wp-content/uploads/2009/05/finaldarkbg.png" alt="finaldarkbg" width="450" height="150" /><br />
<img class="aligncenter size-full wp-image-481" title="finalwhite" src="http://jsupnick.com/wp-content/uploads/2009/05/finalwhite.jpg" alt="finalwhite" width="450" height="150" /></p>
]]></content:encoded>
			<wfw:commentRss>https://jsupnick.com/2009/05/22/ocindoor-logo-case-study/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Feeling like you have too much work on your plate? Here are some simple ways to manage the time you have!</title>
		<link>https://jsupnick.com/2009/02/19/manage-your-time/</link>
		<comments>https://jsupnick.com/2009/02/19/manage-your-time/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 09:22:27 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://jsupnick.com/?p=325</guid>
		<description><![CDATA[<img class="size-medium wp-image-328 alignright" style="margin: 0px 0px 10px 10px;" title="Stress" src="http://jsupnick.com/wp-content/uploads/2009/02/579286_51266544-300x225.jpg" alt="She is stressed!" width="300" height="225" />Did you get excited about that client who came to you with new work? Do you like the feeling of getting that project deposit in your hands? Realizing now that you probably don't have the time to complete it on schedule? Here are some tools that can help you take some stress out of getting the work <strong>DONE</strong>]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-398" title="stressed" src="http://jsupnick.com/wp-content/uploads/2009/02/stressed.jpg" alt="Stressed Out" width="300" height="225" />Did you get excited about that client who came to you with new work? Do you like the feeling of getting that project deposit in your hands? Realizing now that you probably don&#8217;t have the time to complete it on schedule? Here are some tools that can help you take some stress out of getting the work <strong>DONE.</strong></p>
<p><span id="more-325"></span></p>
<p>First of all&#8230; if you feel overwhelmed with incoming work, you probably shouldn&#8217;t be reading this article. But now that you are, let&#8217;s make the most of it by figuring out a way that will help you finish it with the highest quality and in a timely manner. Every freelancer is faced with this dilemma at some point and I will mention some tools that will help you and your client feel better about the situation.</p>
<p>- Take a deep breathe and think things through. Unless you plan on canceling the project and refunding the deposit, you are in it for the long haul so you might as well make the most of it.</p>
<p>- Write daily tasks for yourself at the beginning of the day. Get the easiest things done quickly so that you can create momentum for yourself and end the day strong. Check off the items as they are completed.</p>
<p>- Wake up an hour earlier or stay up an hour later (for you night owls). The extra hour can be an extremely valuable tool. More time = More work done = Less Stress.</p>
<p>- If it looks like you aren&#8217;t going to be able to meet a deadline, tell a client <strong>AS SOON AS POSSIBLE.</strong> Most clients are going to understand a short delay and will appreciate knowing. The less a client knows, the more they begin to worry. This can get really dangerous because it is really easy to push work back further and further until something pops. If you use this, don&#8217;t make it a habit either because then you are just making excuses for unfinished work.</p>
<p>- Don&#8217;t take any more work! No need to make matters worse by adding more work to your plate. Get a couple of projects out of the way quickly and you can begin taking clients again.</p>
<p>- Outsource! This is a great time for you to find someone to help with the overflow of work. Find a local designer on a <a href="http://www.craigslist.com" target="_blank">craigslist</a> or find one online at a site like <a href="http://www.elance.com" target="_blank">Elance</a>, <a href="http://www.guru.com" target="_blank">Guru</a> or <a href="http://www.odesk.com" target="_blank">oDesk</a>. This is a good way to take some stress off your shoulders and find a business contact that you can use later.</p>
<p>- Have you tried all of these methods and still feel like there just isn&#8217;t time? Contact the latest client and let them know that you don&#8217;t have the time to complete the project now. There are two things a client can say. Ok, please give me back my deposit and I will find another designer. Or they might just be ok with it and give you a longer deadline and/or later start time.</p>
<p>There are other ways to make things easier, these are just some ways I help manage my work. They don&#8217;t take much time to do, but can save HOURS of work later. Have another method that I didn&#8217;t mention? Leave a comment and let me know!</p>
]]></content:encoded>
			<wfw:commentRss>https://jsupnick.com/2009/02/19/manage-your-time/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CushyCMS: The greatest thing since sliced bread?</title>
		<link>https://jsupnick.com/2009/02/07/cushycms-the-greatest-thing-since-sliced-bread/</link>
		<comments>https://jsupnick.com/2009/02/07/cushycms-the-greatest-thing-since-sliced-bread/#comments</comments>
		<pubDate>Sat, 07 Feb 2009 10:27:30 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Review]]></category>

		<guid isPermaLink="false">http://jsupnick.com/?p=389</guid>
		<description><![CDATA[I recently used CushyCMS on a project and found many things that are GREAT for designers that need something that is easy for the client to update. If you have never heard of it, go to CushyCMS and watch the video. First of all, CushyCMS isn&#8217;t a full-blown CMS application. It isn&#8217;t meant for someone [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-310" title="cushycms_logo" src="http://jsupnick.com/wp-content/uploads/2009/02/cushycms_logo.png" alt="cushycms_logo" width="312" height="86" />I recently used CushyCMS on a project and found many things that are <strong>GREAT</strong> for designers that need something that is easy for the client to update. If you have never heard of it, go to <a href="http://www.cushycms.com" target="_blank">CushyCMS</a> and watch the video.</p>
<p><span id="more-389"></span></p>
<p>First of all, CushyCMS isn&#8217;t a full-blown CMS application. It isn&#8217;t meant for someone to edit their entire site like most are. It is for those clients who have never tried their hands at html and the like (which for me is quite a few). It does, however, couple ease of use <strong>AND</strong> easy implementation. For the designer/developer, all you need to do is add class=&#8221;cushycms&#8221; and that area then becomes editable. It is even possible to add to the &lt;head&gt; tags or even embedded php. From there, the client would log in to their user account and edit the information just like they would in a Text Editor. If your worried about the client messing with the design, this is perfect since they won&#8217;t even see it. You can also set permissions to which pages you want the &#8216;editors&#8217; to see.</p>
<p>Though the idea of this program is great, there are quite a few limitations that will keep this from being &#8220;the cms&#8221;.</p>
<p style="padding-left: 30px;"><strong>- Weird HTML errors:</strong> The code is far from perfect, sometimes I noticed the functions doubling or setting &#8216;/&#8217; tags where I didn&#8217;t want them. The only way to fix them was to use the HTML editor and fix it manually. Though this doesn&#8217;t happen this often and is fairly difficult to recreate, I am still worried that the client will be able to do it.</p>
<p style="padding-left: 30px;"><strong>- Branding at $28/mo:</strong> As a business venture, this is very smart thing for them to do. However, it will turn away a lot of developers that have access to Open Source options that they are comfortable with and can brand for free. For a lot of designers that aren&#8217;t heavy on the developer side, this remains a pretty good option if you have a lot of clients that will use it.</p>
<p style="padding-left: 30px;"><strong>- Hosted on their server:</strong> This is the potential deal breaker that turns most people away. There is no way to host the CMS locally and can be very unnerving since you have to provide FTP info for your site to edit files. Also, clients having to go to cushycms.com to log in (or site.clienteditor.com for the pro package) can be viewed as unprofessional by a lot of clients. They claim that it would be ultimately more expensive to make the remote hosting option available. Whether this is true or not who knows, but I know I would love it if they did. And what happens if CushyCMS.com falls through? Will we have dozens of clients contact us about it? That could be a lot more work in the long run.</p>
<p>Though not perfect, CushyCMS remains a good option for many. It&#8217;s an attractive solution for designers and users alike who are looking for ease of use. There requires almost no instruction for the client to use if they know how to use a word processor. It is something that I will continue to use on a case-by-case basis. Ultimately, it will be up to my clients and I as to what CMS solution will be best for them.</p>
]]></content:encoded>
			<wfw:commentRss>https://jsupnick.com/2009/02/07/cushycms-the-greatest-thing-since-sliced-bread/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>McLeods Complete Re-Branding</title>
		<link>https://jsupnick.com/2009/02/03/mcleods-complete-branding/</link>
		<comments>https://jsupnick.com/2009/02/03/mcleods-complete-branding/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 07:50:35 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Case Studies]]></category>

		<guid isPermaLink="false">http://logosu.com/~jsupnick/?p=172</guid>
		<description><![CDATA[McLeods Set In Stone is a company that fabricates and installs natural stone countertops. Most of their clientele is residential, but they have done work with commercial as well. My job was to create a complete re-branding package for their company that would give them a strong visual presence as well as an edge over [...]]]></description>
			<content:encoded><![CDATA[<p><a class="shutterset_" href="http://logosu.com/~jsupnick/wp-content/gallery/web/index.jpg" rel="lightbox[172]"><img class="ngg-singlepic ngg-none alignright" src="http://logosu.com/~jsupnick/wp-content/gallery/web/thumbs/thumbs_index.jpg" alt="index.jpg" width="150" height="100" /></a>McLeods Set In Stone is a company that fabricates and installs natural stone countertops. Most of their clientele is residential, but they have done work with commercial as well. My job was to create a complete re-branding package for their company that would give them a strong visual presence as well as an edge over their competition. <strong><br />
Services include:</strong> <em>Identity design, Web page design, Complete Web Development with CMS implementation, Flash header and custom contact form.</em><span id="more-172"></span></p>
<p>The project started with a logo.  I began by brainstorming ideas for the company. Obviously they worked with stone, so it had to be strong and precise. Granite is thick so I also wanted the font to have a thickness to it so that it would match the feel of the product they are selling. The client actually chose the first composition with practically no revisions:<br />
<a rel="lightbox[]" href="http://jsupnick.com/wp-content/gallery/logos/mcleods.jpg"><img class="ngg-singlepic ngg-left alignleft" style="margin: 20px 20px 0px 0px;" src="http://jsupnick.com/wp-content/gallery/logos/thumbs/thumbs_mcleods.jpg" alt="mcleods.jpg" width="150" height="100" /></a><br />
The icon represents a block of granite tile with an &#8216;M&#8217; abstractly set inside. This helps to give literal meaning as well as artistic meaning to their logo. I focused on the blues and greys because of the contrasting nature of the colors together. The client didn&#8217;t have any pre-conceived notions about the logo, so it was up to me to come up with something. I was very fortunate that they liked it.</p>
<p>Next, I moved on to the web design portion of the project. The client didn&#8217;t have any copy written out, or even a concrete idea of the information structure of the site. I had to do a lot of research on other similar sites to get an idea of the information that should be displayed. I ended up with a simple/ clean design layout that focused on the facts that I believe the client found important. <a class="shutterset_" href="http://logosu.com/~jsupnick/wp-content/gallery/web/index.jpg" rel="lightbox[172]">Click Here</a> to see the design.</p>
<p>The development phase was a fairly simple one, once the client knew what they wanted. I implemented the images using standardized XHTML and CSS. I also used an open source gallery program and implemented lightbox into it (similar to my blog). I also created and styled a simple contact form so clients can get in touch with them easily. Lastly, I found a CMS solution that the client was comfortable using and set up each page with the correct information. <a href="http://www.cushycms.com" target="_blank">CushyCMS</a> is the system I used for this particular site. It is easy to install and incredibly easy for a novice web user to edit.</p>
<p>After the site was complete and online, the client expressed intrest in a Flash header. I told him that it was not a problem and had it created and installed in less than 24 hours. To see the site live, please go to <a href="http://www.mcleodssetinstone.com" target="_blank">McLeodsSetInStone.com</a>. This project was through the management of <a href="http://www.bartonhosting.com" target="_blank">Barton Hosting &amp; Design</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://jsupnick.com/2009/02/03/mcleods-complete-branding/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Welcome</title>
		<link>https://jsupnick.com/2009/02/03/welcome/</link>
		<comments>https://jsupnick.com/2009/02/03/welcome/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 07:27:35 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Other]]></category>

		<guid isPermaLink="false">http://logosu.com/~jsupnick/?p=157</guid>
		<description><![CDATA[Welcome to my new portfolio/blog. This will be a place for me to display my newest works as well as test my skills as an article writer. I will be focusing on anything design related. Mostly identity and web design, with a splash of color from other media genres. Don&#8217;t be mistaken, I have been [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-medium alignright" style="margin-left: 10px; margin-right: 0px;" title="welcomecoffee" src="http://logosu.com/~jsupnick/wp-content/uploads/2009/02/welcomecoffee-300x225.jpg" alt="Welcome!" width="300" height="225" />Welcome to my new portfolio/blog. This will be a place for me to display my newest works as well as test my skills as an article writer. I will be focusing on anything design related. Mostly identity and web design, with a splash of color from other media genres.</p>
<p><span id="more-157"></span></p>
<p>Don&#8217;t be mistaken, I have been designing for a long time and just felt the need to crossover to an easier platform for updates. Feel free to leave comments about my work or just say &#8216;hi&#8217; if you are inclined to do so. I may just return the favor <img src='http://jsupnick.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<p>While your here, don&#8217;t forget to take a gander over at my <a href="gallery/">gallery</a> for some of the work I have done in the past few years. Also, if you would like to <a href="contact/">contact me</a>, I have a page for that as well. And for those of you who are looking for a designer on your next project, please take a moment and fill out my <a href="contact/design-questionnaire/">design questionnaire form</a>.</p>
<p>Other than that I don&#8217;t have much to say, I will continue by posting case-studies and other articles asap! Adios for now.</p>
]]></content:encoded>
			<wfw:commentRss>https://jsupnick.com/2009/02/03/welcome/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
