Category Archives: Branding

This is the first of many weekly posts. I hope to publish new design work weekly.



ATSU NEWS RELEASES – http://news.atsu.edu

ATSU was publishing news releases statically on their website. I worked with the Communications & Marketing department to integrate a blog-style news releases website. It’s complete with an RSS feed on www.atsu.edu

ATSU GLOBAL NAVIGATION
The various websites connected to atsu.edu really needed consistency of design and style without being too bulky in the top header area. My solution was to implement a site map in the footer of every new website that is created (just http://news.atsu.edu so far). This allows us to get rid of the drop down navigation on the top and leave more room for a page-specifc header and content.

Meadow Heights Church New Message Series ‘Zip It’
I’ve been designing message series’ for Meadow Heights for over 4 years now. This particular design is one side of an invitation card. Check out the Imagine Campaign and Signage I completed for them. It’s interesting to me how for some clients I’m used more as a graphic designer and for other clients I’m more of a web designer for them. I kind of enjoy having regular graphic design work to do for Meadow Heights – it keeps me using those skills I learned at school. BTW – it’s strange to speak of ‘school’ as a past tense thing.

from left - Home Storage Solutions magazine cover, 'Stack Your Storage' magazine spread, Table of Contents

from left – Home Storage Solutions magazine cover, ‘Stack Your Storage’ magazine spread, Table of Contents

A few days ago I received a package in the mail. The package was from Dave Stone at Workbench Magazine. It contained the magazine that I spent all summer conceptualizing, branding, designing and redesigning. I had so much anticipation during the past 4 months about what it would be like to finally get the printed copy of the magazine. If you are a designer, you know the feeling of getting to see your design work finished and printed.

From the beginning of the summer, I sometimes doubted my ability to take on such a large project. After all, it was 100 pages and I was charged with the task of designing and redesigning every article in it. Beyond that I got to come up with an overall brand and style that could be used throughout.

I got to work with the amazing Doug Appleby. He’s an assistant art director at Workbench and a pretty awesome photographer as well. He challenged me to never settle for less. This usually meant designing 15-20 versions of a single magazine spread. I must have learned something, because by the last week of work, when we were putting together the table of contents, it only took about 5 versions – with a few tweaks.

If you want to see a preview of the magazine, check out http://www.woodsmithstore.com/w0901a.html

Check out this blog post – “An Amazing Summer So Far“. It was when I first started my internship at August Home Publishing.

I would never have guessed that of all places, Fredericktown, MO would be home to a really awesome illustrator like Tim at Unique Ink.

Michael Goldsmith and I teamed up to create a truly ‘unique’ website for Unique Ink. They offer screen printing/poster design/vinyl lettering and a bunch of other stuff. His artistic style is really hip. It’s hard to put my finger on something that it reminds me of, but it’s sort of retro, detailed, flat colors & monochromatic.

The cool thing is that Tim designed the website and handed it over to us to turn into a website. His website design is very fresh and ‘never been done before’ because he doesn’t bring to the table past website design experience (like I do). I think that’s what I like about it most… that he designed it… and Michael and I just helped to make his design a functional website, while adding our own touch of detail, accessibility & functionality.

Michael & I have started Creative Improv, a print/web design firm, a few months ago. For a sneak peak at our mantra, check out CreativeImprov.com. We will be launching the full website very soon – get ready.

Oh yeah, and I’m starting my new job at A.T. Still University as web developer on January 5th.  It should be an exiting two months!

The best is yet to come.

In part five, I take a look how Obama is getting out the vote and viral advertising.

I’ve decided to change this post slightly from what I described earlier. I’d like to focus purely on Obama and his various websites and viral advertising.

YesWeCanSong.com
The first time I had ever heard of the term ‘viral advertising’ was when will.i.am from Black Eyed Peas came out with the Yes We Can music video. We discussed it extensively in my Advertising course. One thing is true, when advertising is done independant of the candidate it is very good. That’s why ‘Swift Boat Veterans’ were effective in attacking Kerry because it wasn’t Dubya saying these things, it was an independant source. It also works for ads supporting a candidate, such as the Yes We Can video. This video highlights Obama’s great oratory skills and the particular cadence that is very effective with his speaking. I also took Public Speaking last semester and learned that your speaking ability has a lot to do with the silence/pacing you use. Obama definitely has this nailed. I guess you could compare it to how smooth-talking Clinton was. I heard a comedian say recently “You know, Clinton could say ‘I am not here'” and you would think “he’s right, he’s not here.”

 

YesWeCarve.com
Another viral website that was started from four guys not even part of the Obama campaign. The website was designed so well that I actually believed it WAS by the Obama campaign. This website takes advantage of the beautiful design and branding of the Obama campaign and allows visitors to carve Barack-o-lanterns with various campaign imagery on it and submit photos of the lanterns to their blog. Now imagine for a moment someone started “Maverick-o-Lantern.com” What stencils could they provide? A picture of mccain’s face? That wouldn’t work, all those wrinkles would cause your pumpkin to fall apart if you carved that… But I digress. I carved a Barack-O-Lantern and posted it to their website. Mine is found here.

The remaining items are all paid for by the Obama campaign.

FightTheSmears.com
This website was started a few months back when the primary season ended and Obama knew McCain would be on the attack. It basically takes rumors or attacks by McCain or other sources and gives the facts about each ‘smear’. This is effective in that ‘setting the record straight’ isn’t being done on the main campaign website, because if it was, it would seem that Obama is all about dispelling fear and not about the real issues. In this case he can do both at the same time, but keep his main website as place to learn about Obama’s stances on issues. On FighttheSmears.com, one can sign up for email updates on various smears.

Under The Radar
This website is a subdomain (radar.barackobama.com), but treated as it’s own website, with a very different design from the main campaign website. This site goes a step further than Fight the Smears does. This website lets users submit various attacks that are being launched at very local levels (direct mail, etc). The website gives you an interactive map and allows you see where various attacks are being done. This and the previous website does very good job of showing the numerous attempts to suppress support, and can only look bad for McCain.

VoteForChange.com
I registered to vote in Kirksville via this website. It gives visitors a step by step process to fill out info and then it generates a PDF with your info filled in and then you can print, sign and turn it in. I almost forgot to turn it in, but the deadline day, October 8th, I received a robo-call from Michelle Obama reminding me to turn in my form.

Cell Phones and the iPhone
Obama announced his VP pick through text-messaging – although it was leaked hours before sending the message, most people first found out about it from a text message, because it was announced at midnight the night before. Obama even has an iPhone App. I don’t have an iPhone, but would assume that this App is very effective. Any iPhone owners have thoughts on the App?

Video Game Ads
I had no idea that you could advertise in video games, but Obama has done so. Obama has placed billboard ads in nine XBox360 games in ten swing states. Even one more way that he is targeting the 18-30 year old crowd. I won’t be suprised to see my potato chips having political ads in the next presidential election. Picture this: ‘”Vote Palin 2012″ on your chips. Her slogan on the chips can be “Chew on this: I’m just a regular hockey mom”

In part six, I will look at the use of the web in the final days of the election and the results of the election.

In part four, I take a look at the recent website redesign by John McCain and compare it to his previously all black website.

Beautiful Design
I believe I’ve said this on my blog before. This presidential campaign has largely been about change. Most significantly, a change from really horrible design in political campaigns to truly beautiful design and focused branding, most on the part of Obama’s campaign, but most recently with McCain as well.

Finally, candidates are seeing the value of a great brand and beautiful design. By ‘great brand’ I’m talking about the cohesive theme and logo. For Obama it has been ‘Change’ and ‘Hope’. For McCain it has been ‘maverick’ (or is it ‘a couple of mavericks’?) and ‘Country First’. What I think is even more effective is a theme that gets placed on a campaign by the public. In this case it was in the form of Internet viral advertising, especially the ‘Yes We Can’ music video. I can’t think of a viral advertising ‘brand’ that has been placed on the McCain campaign. There have also been some negative viral advertising affecting Obama such as Internet rumors that, ‘He’s a Muslim.’ As Campbell Brown on CNN pointed out a few days ago “So what if he is a Muslim? Since when was that a disqualifer for president?”

Website (re)Design
The website design for both candidates can make or break them in terms of young vote. Young people are all about hip and cool. That’s what first draws them to a candidate in some cases, then they look at the issues. This isn’t the case with all young voters but for some it is. So how does a young voter remain on a website that is black, gray and a little blue with pictures of people their grandparents age? The answer is: ‘they don’t.’ So as I first visited McCain and Obama’s website you can guess which one I was drawn to more, especially as a designer. A young voter’s life is always ‘changing’ and they usually have much ‘hope’ for their future. And what is it that Obama has focused his campaign on? Hope and Change. What do people want after Bush’s presidency? Hope and Change. What do I want a little more of in my pocket? Change. (haha, get it?)

Before McCain’s website redesign at the end of the summer, it wasn’t successfully keeping young voters there and giving them something to grab hold of. His website color scheme was a depressing black and blue and there were about thirteen pictures of him on his biography page (mostly black and white). That is thirteen reminders of how old he is. The constant replaying of McCain’s POW video on his website didn’t connect with young voters since it is from a war so far removed from our generation. Also, McCain’s stance on the Iraq war is not striking a chord with young people as a whole. For example, the statement about being in Iraq for one hundred years. Overall, I concluded last spring that McCain was not reaching young voters and needed to utilize his website in better ways.

Finally a Redesign for the Maverick
What do you get when you have just one maverick? A black and gray website. Add a younger, less-experienced maverick to the team to make ‘a couple of mavericks’ and what do you get? A website very similar to the competition. I say this because McCain’s website changed for the better about 2 months before adding Sarah Palin to his mavericky campaign. Check out my screenshots of the McCain website next to the Obama website. If I were to just glance at these, I would guess they were from the same campaign. Almost identical blue, glowing white shadows/lights, addition of ‘people group’ mentioned in a previous post. Why would anyone want to go from the deathly black and gray to hopeful blue and glowing lights? It might be that they noticed Obama’s website was well designed, structured and communicated their theme of change and hope. I guess communicating the theme of ‘country first’ is visually depicted identical to that of ‘change’ and ‘hope’.

That, or the McCain campaign generously borrowed design ideas from a better looking website. How blatant can you be? I believe my side-by-side image says it all.

In part five I take a look how Obama and McCain are getting out the vote and recent online buzz (Keating Economics, Fight the Smears, Yes We Carve, etc)

In part three, I continue my discussion of McCain and his ineffective use of the web. This is part three of six.

Excluding 50% of Americans
John McCain’s website does not have a ‘Students for McCain’ webpage. In fact, last Spring he had only three people group webpages: Lawyers, Women and Veterans for McCain. But still today, there’s no “Students for McCain” webpage. What gives? This would lead one to believe that McCain doesn’t value every voter, and only values his three favorite type of voters: Women voters, Veteran voters and Lawyer voters. Sure, these three groups are probably the most likely of any group to actually go to the polls and vote… but why exclude 50% Americans?

A Logical Approach with a Community-Driven Approach
Barack Obama didn’t exclude all non-women, non-veterans, and non-lawyers. He has webpages for many ethnicity’s, sexual orientations, and political parties. He also includes: People of Faith, Kids, Seniors, Small Business, Labor etc. Most important to my discussion is that he has a ‘Students for Obama’ webpage. This, combined with Facebook, MySpace, Twitter social networks is giving Obama a huge edge with getting young people’s attention. Within each page there are blog posts particularly relevant to that category. That is brilliant because now someone in that category can ‘comment’ and discuss issues with people like them. Building a community is central to Obama’s website; from his various blogs on people webpages to ‘MyBO’ where voters can get involved locally through events and more.

Shaping Up (kind of)
Sometime in the past few months (late Summer), McCain decided that he should have pages for more people than just women, lawyers and veterans. Maybe he finally realized that not everyone in American fit into those groups. I’m theorizing that he took a gander at Obama’s set of people groups and trimmed it down a little, leaving out many important people groups. Ironically some of the them being: LGBT and ‘Students for McCain’. He might not agree with LGBT voters or even Student voters but you got to at least try and reach out to them. He strangely added ‘Bikers for McCain’ (probably because Cindy McCain is a biker girl). He also has ‘Americans of Faith’ and thought it necessary to add ‘Catholics for McCain’ as if Catholics aren’t American with faith. He’s even got a news article on that page titled “Obama’s Catholic Problem.” Maybe Obama should put a news article up titled “McCain’s Young Vote Problem.”

He’s got people group pages, but their iss no community aspect.
These people group page on McCain’s website don’t offer community opportunities. For example, Catholics can’t interact with other Catholics for McCain while on the ‘Catholics for McCain’ webpage. So the result is saying: “See, I can write articles pay people to write articles about Obama’s Catholic problem and get pictures taken with Catholics”; instead of saying, “Here are some important issues to Catholics and a blog/comment section so you can discuss it with other Catholics.” The side columns to any people group webpage on McCain’s website offer non-related items, while Obama’s side columns offer some people group specific steps that can be taken along with non-related items.

In part four, I take a look at the recent website redesign by John McCain and compare it to his previously all black website.

In part two, I continue my discussion of McCain and his ineffective use of the web. This is part two of six.

As I said in part one, I spent last Spring studying the presidential candidates and how I could create some ‘advertising’ to help one of the candidates. This was when the democrats were narrowed down to Obama and Clinton and the republicans were narrowed to Huckabee, McCain and Romney.

A side-by-side comparison of McCain and Obama's website through time

The Facts
I began looking at web statistics for these remaining candidates, especially the number of Myspace and Facebook friends. We all know that if you want to reach young people, you need to go to where they are most of the time: Facebook and Myspace. There’s a phrase in the Church that says, “God will meet people where they are.” The candidates need to meet young voters where they are: the web (specifically Facebook and Myspace). What I found is that Obama had 800,000 Facebook supporters while McCain had 117,000. Today, Obama has over 2 million supporters and McCain has 575,000 – this has to worry McCain when it comes to young people not being excited for a McCain presidency. Last Spring they were presumed to be the nominees, and yet were getting very different numbers in terms of young support – today is no different. If that wasn’t enough evidence, I looked at website stats from Quantcast.com and 88% of McCain’s website visitors were over 24. Today, Quantcast reports that 63% of his website viewership come from people over 34 years old. Today, McCain’s website draws 4.3 million visitors a month. That’s a lot, right? Well, double that number – 7.9 million – and that’s the number of visitors a month who visit Obama’s website.

I know, I know – McCain’s support lies in the senior citizens of America and they don’t use the web as much as younger people do. But the question will be: Will young people who support Obama via Facebook actually go and vote. Similarly, will seniors who support McCain actually go and vote. We shall see on November 4.

So, as you can tell, McCain has a problem with young voters. Not only because of the web statistics, but also because he’s not speaking to issues directly relating to them. He doesn’t mention much at all about technology, or college tuition. He wants to keep the Internet free (wow-who doesn’t) and for college, he doesn’t offer anything as substantial as Obama’s $4,000 tax credit for students. But I set out to find those issues that would connect to young voters, even if in a very indirect way.

My Small Contribution to McCain
I decided to pretend I worked for McCain and wanted to get young people to vote for him, because I could tell that Obama had the young crowd in the bag… and still does. The reason I decided on this was because I searched and searched and couldn’t find a “Students for McCain” website. No place for students to call their ‘online home’ if they were checking out McCain or were already Republicans. I set out to make McCain seem ‘exciting’ to more young voters.

My work in Advertising last semester resulted in this website: a blog style website that allowed students to interact with the campaign and each other on issues that were important to them. It also highlighted the lighter side of McCain via photos and video (videos no longer work since they were deleted from youtube). This website would theoretically allow students to take action and network with McCain via social networking websites, which was hidden or not there at all on his real website last Spring.

In part three, I will talk about what McCain has done with his website to reach a different audience.

In part one, I introduce the dilemma McCain has in effectively reaching young people on the web. This is part one of six.

As a designer I’ve constantly looked at the candidate websites and tried to imagine how people of different age groups would react and interact with them. These next six blog posts will be a culmination of this research and thought process.

John McCain’s age is not helping him reach young voters. An ineffective (or not as effective) use of his campaign website is hurting him in this area. Simple things such as branding, color scheme and number of times photographs of him are used on a single web page all drastically effect a person’s impression of him as a candidate. McCain’s brand: a militaristic star (seen on the right), is not a good choice in a time when more than half Americans aren’t happy about the wars we are in. McCain’s color scheme last Spring was black, and a little bit of blue. This just enhanced the idea that McCain would be the oldest person to be president if elected. Black, to me, symbolizes death, not ‘Country First’. His biography once had over 10 photos of him. 10 reminders of his age – all were in black and white. He also hasn’t embraced social networking. This could be done easily by making his campaign website a central hub for connecting with him through various social networks like Twitter, Facebook, Myspace etc. Although, I believe he has recently adopted this concept. Good for him.

On the flip side, Barack Obama’s age and central theme is helping him. An effective use of his website is helping him in this area. Obama’s not even THAT young, so it can’t be solely because he is younger. Ron Paul was the second oldest candidate during the primaries and was generating more online buzz than Obama or McCain (for a small period of time). The creative typography, effective circle logo (seen on the right), colors, and key concepts of hope and change have really catapulted Obama. The design of everything involved with his campaign is great. The circle logo is reminiscent of the Midwest. It might be that the first time I saw his logo was on a sign placed in a corn field in Iowa, so I always think that the logo represents a corn field and sunset. The strong themes of hope and change have done well for him, especially with McCain’s lack of theme.

I spent the Spring of 2008 studying campaign websites of all 20 or so candidates from both sides for my Advertising course. I started the project simply researching and finding something I could zone in on. What became apparent was that many of the candidates weren’t attracting the same buzz online as Barack Obama and Ron Paul were. Ron Paul has sense fallen off the face of the earth while spewing the same phrase, “It’s all about the value of the dollar declining.” Obama’s success online and overall has continued throughout the whole campaign. This is apparent in the over 1 million facebook friends Obama had versus his next highest opponent who was Ron Paul at the time, with half as many friends. I forsaw McCain being the Republican candidate, so I wanted my class project to focus on generating online buzz for McCain – I know, it was a tall task. McCain never did and still doesn’t have a ‘Students for McCain’ website, while Obama does.

In part two I will look at exactly what is hurting McCain and his online presence.

I’ve been working with a high school friend to develop a brand and website for his newest endeavor – to offer free online financial planning to lower-middle class people. He currently lives in Chicago as a financial planner. He had a good idea of what he was looking for. Colors, imagery and wording were some of things he had a good idea about. So I took his ideas along with new ideas I had come up with and created a few versions.

Sketching and ideating: I also wrote some keywords that I thought fit his service. ‘moving forward’ and transform finances were some of the more important ones and what I guided me to abstract the globe to two swooshes. Notice I used his some of his ideas at the top to build from.

Although I knew a globe would probably not be best, I created variations with it so he could see what the result would be. I feel it was important to not throw out his ideas because they are great building blocks for the final idea.

I then created an abstraction of the globe and wrapped it around the wording. Typefaces were switched also. The tagline was way too small here, and also the wrong wording.

I changed the typeface for ‘financial plan’ and nested ‘my free’. Tagline is still too small

Blue and orange have been adjusted and changed typefaces and the tagline is working much better here.

The final version! I’ve capitalized “My Free” and made the tagline larger and black.

I started thinking, “You know, I’ve done a massive amount of design/layout for Meadow Heights Church and a few other places like BSU at Truman State University… so why not get all of my best work together and see what I come up with.

So here ya go!