Insider Tips: Get Your Designs Approved!

 

One of the most challenging parts of any brand design process is getting design approved via "client sign off". It can prove time consuming, demoralizing and if you are not careful can lead to a dissatisfied client. What is more you can end up with a design that you are ashamed to include in your portfolio.

How then can you ensure that the design you produce is the one that gets built? How can you get the client to sign off on your design? Below are 10 tips learnt from years of experience, we call them the "growing pain" years.

1. Write the creative brief

Many of the clients you work with will not have been involved in a web or design project before. Even if they have they may have worked in a very different way to what you would expect. Take the time at the beginning of the project to compose a 'creative brief' explain their role in the design of the site. The best approach is to emphasis that their job is to focus on the needs of their users and business. They should concentrate on the broad issues, while you worry about the details of layout, typography and color scheme.

By clarifying what you expect from the client, you help them to provide the right kind of input throughout the process. The creative brief is also a useful tool that you can use throughout your design process, kind of like a roadmap for the foundation from which you 'brand' your client. Get it approved and you'll have something to fall back on if any disagreements come back to haunt you later on.

2. Understand the business

Before you open up Photoshop or put pen to paper, take the time to make sure you properly understand not only the brief but the organization behind the site. By understanding their business objectives, organizational structure and marketing strategy your design decisions will be better informed.

You cannot rely upon the brief to provide all of the information you need. It is important to dig deeper and get as good an understanding of their business as possible, do some audits, external research, go out and study their competitors. This information will prove invaluable when justifying your design decisions.

3. Understand the users

We all like to think of ourselves as user centric designers, but exactly how much effort do you put into knowing your users before beginning the design process?

Take the time to really understand them the best you can. Try to meet with some real prospective users and get to know their needs. Failing that work with the client to produce user personas to help picture exactly what kind of people they are.

Understanding your users not only improves the quality of your work, but also helps move the discussion away from the personal preferences of the client, to the people who’s opinion really matters. Some client's themselves, do not properly "know" or "understand" their audience until you put it in front of them. Be bold, be creative!

4. Avoid multiple concepts, Avoid multiple concepts...

Many clients like the idea of having the option to choose between multiple design concepts. However, although on the surface this might appear to be a good idea it can ultimately be counterproductive for design sign off.

In a world of limited budgets it is unwise to waste money on producing designs that are ultimately going to be thrown away. The resources would be better spent refining a single design through multiple iterations.

What is more, multiple concepts often cause confusion rather than clarity. It is common for a client to request one element from one design and another from the second. As any designer knows this seldom works. This is one of the primary reasons that legendary graphic designer Paul Rand avoided showing more than one concept to his clients. in fact, his iconic UPS logo was chosen after only seeing ONE comp.

5. Use mood boards

Clients are often better at expressing what they don’t like than what they do. This is one of the reasons why they favour producing multiple design concepts. An alternative less costly approach is to create a series of mood boards. These boards contain a collection of colours, typography and imagery which represent different “moods” or directions, which the design could take.

Mood boards are quick and easy to produce allowing you to try out various design approaches with the client without investing the time needed to produce complete design concepts. This means that by the time you develop a concept the client and designer have already established an understanding about the direction of the design.

6. Say what you like, challenge convention

It is not uncommon for a client during let's say, a web project to ask for a design that looks similar to another site they like. The problem is that it can often be hard to establish exactly what it is about the site that attracts them. Also in many cases the sites they like are not something you are keen to emulate!

A better approach that was suggested by most web professionals is to show them sites that you think the design should emulate. Keep a collection of screen captures from well designed sites and pick out a few that are relevant to that particular client. Explain why you feel these designs might suit their project and ask for their feedback. If they don’t like your choices then expose them to more of your collection and see what they pick out.

7. Wireframe the homepage

Often clients find it hard to distinguish between design and content and so sometimes reject a design on the basis that the content is not right. This is particularly true when signing off the homepage.

You may therefore find it useful to establish the homepage content before producing the design. That way once they see the design they will not be distracted by the content. One of the best ways to do this is by producing a basic wireframe consisting of a series of content boxes. Once this has been approved you will find the sign off of design much easier.

8. Present your designs in person

Although it is true that a good design should speak for itself it still needs presenting to the client. The client needs to understand why you have made the design decisions you have, otherwise they will judge the design purely on personal preference.

Talk them through the design explaining how it meets the needs of their users and business objectives. Refer to the mood boards and preferred sites the client approved and explain how the design is a continuation of those. Never simply email the design through and hope the client interprets your work correctly! It's just impersonal.

9. Provide written supporting material

Unfortunately, no matter how well you justify the design to the client he is almost certain to want to show it to others. He may need his bosses approval or require internal buy in. At the very least he is going to want to get a second opinion from a friend or colleague.

The problem with this is that you are not going to be there to present to these people in the same way you did for the client. You cannot expect the client to present your ideas as well as you did. The reality is that you have lost control of how the design is perceived.

One way to minimize this problem is to provide written documentation supporting the design. This can be a summary of the presentation you gave to the client and allows him to distribute this along with the design. By putting a written explanation with the design you ensure that everybody who sees it gets the same message.

10. Control the feedback

My final piece of advice for managing design sign off is to control the way you receive feedback. A clients natural inclination will be to give you his personal opinion on the design. This is reinforced because you ask them what they think of the design. Instead ask them what their users will think of the design. Encourage them to think from the users perspective. Tell them to do some 'polling' with people unassociated with their inner circle to avoid bias at all costs.

Also encourage them to keep that overarching focus I talked about in my first tip. Their tendency will be to try to improve the design, however that should be your problem not theirs. The role of a client should be to defend the needs of their users and business not do the design. Encourage the client to make comments such as “I am not sure that my female users will like the masculine colours” rather than “can we make the whole design pink.” It is down to them to identify the problems and for you as the designer to find the most appropriate solution. Lastly, please when you're requesting feedback make sure you ask for ONE consolidated and FINAL document of revisions, this way you won't have to sort through 23 emails, as the client changes their mind every other hour.

So there you have it. Our 10 tips to improve design sign off. Will this ensure design approval every time? Unfortunately not. However it should certainly help smooth the way. Now you also know a little bit on how we work, for those potential clients out there... let's talk!

Nike's World Cup 2010 Commercial

 

'Write the Future' Has Arrived

The new 3-minute Nike advert was released earlier this week with much anticipation. To sum it up... it's an adventure that will take you on the field and into the lives of the world's most popular football stars and how their play has a global effect. The spot even has cameo's from some of Nike's other global stars like Kobe Bryant and Roger Federer.

Nike's VP-Brand and Category Management Trevor Edwards went so far to declare this ad "among the best we've ever done," no small statement from a company renowned as a master of the form.

This is just the beginning to the battle of the creative campaigns ignited by the enthusiasm building up to the World Cup in South Africa. From the looks of it, it's going to a wild ride... Enjoy!

London Unveils Mascots for 2012 Olympics

 

london2012-creepy-mascots

When the official logo of the 2012 London Olympics was released three years ago, the odd puzzle-piece design was the object of so much scorn that organizers were desperate to avoid similar criticism when they unveiled the mascots for the Games on Wednesday. With the introduction of Wenlock and Mandeville (above), London 2012 organizers realized their goal. The criticism of the mascots won't be similar to the complaints about the logo. No, they'll be much, much worse. London went for a complicated design that seems a bit uninspired and fails to identify itself to the global community with its host city, culture, history and people. See if makes sense to you...

Check out the short film which details the weird origins of Wenlock and Mandeville:

Wenlock is named after Much Wenlock, a village in Shropshire which held an event in the 19th century which inspired the modern Games. Mandeville is named after the hospital at which the Paralympic Games were founded. Though both sound like Tolkein characters, the names are quite good and are the only thing that makes the mascots distinctly British.

Welcome Web Fonts!

 

typekit-webfonts

Google and Typekit both spilled some much-anticipated beans last week. First off, Google announced they are releasing high quality open source fonts in the Google Font Directory. Users will be able to download these open source fonts from http://code.google.com/p/googlefontdirectory/.  They also went so far as to release Google Font API, which is an HTML based tool that enables you to implement any of these fonts into your site with a level of ease that we’ve been accustomed to from Google.

Wait. It gets better. Typekit and Google announced the release of a Web Font Loader to smooth out any issues when putting their web fonts to use.

The WebFont Loader puts the developer in control of how web fonts are handled by various browsers. The API fires JavaScript events at certain points, for example when the web font completes downloading. With these events, developers can control how web fonts behave on a site so that they download consistently across all browsers. In addition, developers can set the fallback font's size to more closely match the web font, so content doesn't reflow after loading. Furthermore, the WebFont Loader is designed to make it easy to switch between different providers of web fonts, including Google, Typekit, and others. The code is modular, and we expect to add modules for other major web font providers in coming weeks.

To see an example of Google’s web fonts in the flesh visit Smashing Magazine.

16 Abbreviated Brand Names Explained

 

Dozens of companies use acronyms or initials in their names, but how well do you know what the abbreviated letters mean? Let’s take a look at the etymologies behind a few abbreviated company names.

1. IKEA

The Swedish furniture giant and noted charity takes its name from founder Ingvar Kamprad’s initials conjoined with a the first initial of the farm where Kamprad grew up, Elmtaryd, and the parish he calls home, Agunnaryd.

See the 15 others at the mental_floss.com blog

Web Pick of the Week: HBO.com

 

HBO New Web Site

Newly revamped flash-based HBO.com features enhanced interactive and video features, personal dashboard

Our good friends over at HBO have relaunched their website HBO.com, adding interactive features and enhanced video support. The HBO Go web site itself is visually stunning, with lots of full-screen visuals for each of the featured TV shows, movies, and other bits of programming that scroll past once a user is logged in. Browsing through the different featured sections — Movies, Series, Comedy, Sports, Documentaries, and Late Night — is quick and painless, with each offering up an easy-to-navigate interface for choosing between titles. Users can customize the viewing experience by choosing between cover, grid, and list modes of viewing available content.

We wanted to create a rich, interactive online destination worthy of the HBO brand," said Alison Moore, vice president, Brand Strategy and Digital Platforms.

Here's a quick list of the site's key expanded features:

Streaming Video – high quality videos of HBO shows in full screen resolution, regardless of monitor size, that provide users with more of a TV-watching experience than a PC-viewing experience.

Enhanced schedule – easy to use and accessible from every page on the site.

Community –upload your photo, create a personal identity and establish a unique voice by posting comments and stories throughout the site.

Shareability – share content with friends in and outside of the HBO community, with a robust set of share tools that includes email, video embed and post functionality.

Personal dashboard – create a dashboard of favorites, plus bookmark discussions, clips, and even get recommendations for new content based on favored programs.

Overall, we think this is a prime example of how entertainment companies can expand their online presence in today's digital age. HBO.com uses the best in web design techniques in conjuction with the latest technology to accomplish an optimal viewing and user experience for its users. I feel the HBO approach can set a standard of design for companies who stream video content online, i.e. hulu, youtube, vimeo, etc.

Explore: HBO.com

Hugh Hefner Saves The Hollywood Sign

 

Hollywood Sign Saved

It's an iconic landmark we at STARMEN see everyday outside our window, the Hollywood Sign is truly one of the most recognizeable symbols of the California dream. A symbol that coined the phrase, "The land of opportunity". Well today, thanks to Hugh Hefner, Playboy magazine founder and iconic Hollywood figure himself, the peak has been saved!

The sign is Hollywood’s Eiffel Tower, this sign represents the dreams and aspirations of people around the world. Mr. Hefner said on Monday."

The landmark Hollywood sign will stand, unobscured, on scrub-covered slopes overlooking production studios and palm trees here, thanks to a $900,000 donation by Hugh Hefner in the ninth inning of a yearlong effort by conservationists to protect the hilltop around the sign from developers. The gift from Mr. Hefner, the founder of Playboy magazine, closed the gap in donations to meet the $12.5 million price that the Trust for Public Land had agreed to pay for the 138-acre parcel on the hilltop, called Cahuenga Peak. Million-dollar donations came from the Tiffany & Company Foundation and Aileen Getty, and hundreds of thousands of dollars were raised online and at bake sales and lemonade stands. The deadline was the end of this month.

The Chicago Connection

Ironically enough the Hollywood sign you see today exists because Hugh Hefner raised the money in 1978 to re-build it. The land was originally bought in 1940 by industrialist Howard Hughes and after Hughes died, his estate sold the property in 2002 to a group of Chicago investors who intended to use the land to build luxury residences. Hugh Hefner is originally from Chicago, which is also home to the Playboy headquarters.

More info go to savehollywoodland.org