Planning a New Website: The Creative Brief

September 2nd, 2010

Starting a website can be overwhelming. There are so many variables, what-ifs, and strategic decisions to answer about the content. And then there are the questions about the technology. And then there are the questions about presentation, including design, organization, and ongoing development. All this, and by the way, you have to keep up with your regular responsibilities on top of all that planning. Why does this site look the way it does? It is because I need to do this process myself! This started out as a personal blog to experiment with WordPress, now it is dated and technically way below my standard.

I recommend working with someone who solves these problems every day, and letting them guide you through the process. (Disclaimer: I’m that guy. Hire me.) But if you want to get further before you start that conversation, start with the following questions (Surprise! None are about technology). Most of these are Marketing 101 questions. But most people in business either never took Marketing 101 or have forgotten it. But this is the information you need to relate to the web designer, so it’s time to polish your answers. The technical term for these questions and their answers is “The Creative Brief”. Start your Creative Brief now:

  • Who is your target audience?
    People who are selling something need to ask:
    a) Who currently buys my products?
    b) Who should, but doesn’t yet?
    c) Who might influence people who buy my products?
    Content providers need to ask:

    a) What content can I create, and what can I consolidate, and how can I frame it?
    b)  Who’s already trying to do what I’m trying to do?
    At least a dozen times I’ve been asked to advise someone on selling a product on the web, and in the course of the meeting I find they haven’t done a simple Google search to see what their competitors are doing. This is second only to the “I want to make something like eBay, and my budget is $700″ in causing a web developer to develop sudden breathing problems.
  • Who are your closest competitors?
    a) Go to their websites and ask “what are they up to?” and “what are they missing”
    b) Make a list, with their urls, and features of their sites you like and don’t like.
  • What type of product or service do you offer?
    a) Compile your existing marketing materials, and make sure they’re up to date.
    b) Make sure you’re framing your presentation to the buyer, not to yourself.
    c) If your current offerings are not already compiled in other marketing materials, plan to use the website creation process to get graphics and content for print materials: i.e. Get the designers/photographers to make high-res versions of everything, and use colors that work in print as well as on the web.
  • What is your unique selling proposition?
    Make sure you know how your competitors are getting their clients, and up the ante:
    a) Consider price positioning (discount, competitive, premium)
    b) Don’t just copy others, exceed expectations for your industry and region
    c) Don’t promise what you can’t or won’t deliver. Reputations are increasingly transparent with the web. Online review sites can make it clear to everyone if you don’t deliver value.
    d) Having trouble thinking up an answer to this one? Try writing down all the selling phrases you and your staff use to move your product… Just write them all down, then organize them by priority… What words make people focus, What makes them go dreamy? What makes them empathize? What words create trust or counter distrust? What are the objections?
  • What is your budget?
    a) A website can run from “free” (Do it yourself isn’t really free) to annual budgets in the millions. The limiting factor is always the budget. Don’t skimp, this is your brand on the Internet! But don’t say you can spend more than you have: Your site can often be shut down by the developer, if you can’t pay for it. And even if not, it’s expensive to change developers.
    b) Consider what it will require to get to “Live” and then consider what it will take to keep it fresh, after that. A website doesn’t stop needing attention immediately after it is made public. What are you going to do for the long haul?
    c) The most powerful way to build a brand on the Internet inexpensively is the WordPress blog, with SEO and Social Network features embedded, and ongoing posting (twice per week is good).
  • What is your deadline?
    a) Consider a phased rollout. Sometimes it makes sense to get something done for, say, holiday season, or back-to-school, that’s quick and cheap, then do the big redesign after that.
    b) Really? Just one deadline? Are you thinking about ‘Keeping it Fresh’?
    c) Sometimes it makes sense to start small and grow the site in front of your customers. Blogging is a great way to do that.
  • Is your branding worked out yet? Is this an opportunity to do that?
    a) As a designer, I like well designed sites that have beautiful spacing and graphic qualities but sometimes you don’t want to look too slick… If you’re a discount shop or a funky coffeehouse, maybe it’s ok to be a little ragged and homegrown looking.
    b) Big companies pay millions for logos, but little companies often sketch something themselves or get a stock logo from a business card company. Really, a couple hundred bucks for a small business that isn’t too picky might be enough. But being unique matters on the web, because you’re not just local any more.
    c) Being local, you can often have a company name that exists in other towns in other regions. But on the web, you might get a cease and desist from a lawyer. Search your name in several ways online. If someone has a competitive product or service and the same name, you have an issue.
  • Does your logo present well on the web?
    a) Logos with fine details need to be displayed large, because websites have low resolution
    b) Is your logo limited to black and white? Is it going to look bad on a colorful site?
    c) Has it been copied and recopied, and looks ragged along the edges? Fixing it up may be critical to your presentation.
  • What is your company’s slogan or tagline?
    a) If it’s descriptive, it should show up in any Google search, and not just be invisible in a graphic (the contents of graphic elements of your website won’t show up in a search).
    b) Can it be improved and made into a selling point or competitive differentiator?
  • Describe at least 5 websites you like, including what you like about them. Include URLs.
  • Do you have a typographic preference? (Heavy, light, modern, classic, etc…)
    A good site designer will look at examples of your existing marketing materials, and the sites that you like, and create a composite impression that they will use to guide their design. Then they will exceed your expectations.
  • Are there any specific images you’d like to incorporate?
    a) Do you own the rights?
    b) Are they of high quality, or should they be recreated?
    c) Let your designer or web developer prepare the images… just give them the very best and largest version you have. Good graphics define the website user’s perception of quality of your whole company.
  • Are there any specific colors you may want to use?
    As mentioned above, a good designer will take your existing materials, and sites you like, as well as the images you’ve given them to guide them on colors. Generally a good designer will pick better colors than you can, because they’ve studied how color effects people and also what colors go well together. But if you have specific branding materials that you need to stick to, make sure you can provide specific color information.
  • Are there any specific concepts or colors or imagery you’d like to avoid?
    I remember a client that used an early Terabyte storage system; It was a huge selling point. The design company worked very hard on branding strategy around the image of a fearsome Tyrannosaurus Rex taking a huge bite out of… something. (I can’t remember.) Turned out, the CEO was a fundamentalist, and didn’t believe in dinosaurs… And two weeks of work went down the drain. Tell your designer of any taboos your company might have.
  • Finally, ask yourself: How is this website going to stay fresh? Can I write content or do I have staff that can write? Do I need an editor? Do I have authorization from the Big Boss or do we need a content brief.
This is just the beginning of the journey… but it’s a great way to get your head into the project. There have been numerous times I’ve participated in projects that effectively redefine an existing company, because the company finally sat down and said “This is who we are” with the Creative Brief. Older companies often experience this, because over years, they drift without redefinition or reviewing the original business plan. Sometimes the world changes under their feet, and the Creative Brief wakes them up. Sometimes the discussions of what should be in the web site lead to enormous efficiency improvements in customer service, or whole new products, delivered digitally. By the way, I just switched credit unions because of a lousy website. It does matter.

Introduction to WordPress ScreenCasts

August 31st, 2010

I talk a lot about WordPress. I’ve developed websites since 1994, and WordPress is the single best tool for websites that I’ve found. The reasons are subtle and non-obvious; While it’s easy for people to learn (relatively), and thereby gives a small business a great way to communicate via the web without having a dedicated HTML jockey on staff, that’s not the main impact. The main impact is that it is Search Engine Catnip!

This first series of ScreenCasts I’ve made are a simple introduction to WordPress. Each is only 5 minutes, and they are just me voicing-over a tour of WordPress in a web browser. They’re bite-size and painless.

The second series will actually guide you into creating Posts and Pages, placing photos, embedding content from sites like YouTube, and so on.

Series One: Intro to WordPress

  1. Introduction to WordPress… this 5 minute video shows you some basic WordPress parts. Click here for the 1st Video on ScreenCast.com
  2. A quick look at editing a Post, and  some different site designs with WordPress as the core publishing engine. 2nd Video on ScreenCast.com
  3. Basic parts of a WordPress blog on a mature site. Note that the last few words are cut off in this video. I said “…and that’s critically important to being found on the Search Engines. 3rd Video on ScreenCast.com
  4. Growing your site content and the impact on traffic and getting found. 4th Video on ScreenCast.com

In later series, I’ll gradually introduce you in-depth to these features and concepts behind them… I’d like your opinion of these screencasts, please comment!

My Geek Library: Neal Stephenson – In the Beginning… There Was the Command Line

August 29th, 2010

I’m not much of a fanboy. But when you find there’s someone out there who has never failed in his or her professional capacity, to not just produce value, but to make you a bit giddy in the process, it’s time to pass along to others how great you’ve found the experience.

Neal Stephenson has written a metric buttload of awesomeness for the geek-minded novel devourer. And he has probably never written a sentence as bad as the preceding one. Over the years, his novels have become thicker, richer, and more… well, just more.

other ‘Geek Library’ posts

In the Beginning…was the Command Line is a thin, non-fiction, humorous manifesto describing the drift from the clean, simple OS to the bloated, overly controlling, icon flaunting, UI driven OS. It was written and published online in 1999, when the Mac OS was at it’s worst and Windows was just achieving true digital blasphemy with its revolting browsers, monopolistic practices and bombastic bloatware. For windows users it was still pretty true until Windows 7 came out last year. Shortly after the online rant came the book. But the online version is still available here.

Stephenson has since recanted a bit, admitting it was overstated. But, hey, that’s what rants are for. And, of course, technology rolls on. Imagine reading “In the Beginning…” on the iPad.

Twitter Updates for 2010-08-26

August 26th, 2010

A beautiful job explaining biodiversity: infographic

August 25th, 2010

This animated short film was made by students of the Vancouver Film School. It does a beautiful job explaining biodiversity, and does it with awesome infographics.

Biodiversity – Vancouver Film School from Vancouver Film School on Vimeo.

My Geek Library: Neal Stephenson – Diamond Age

August 25th, 2010

I’m not much of a fanboy. But when you find there’s someone out there who has never failed in his or her professional capacity, to not just produce value, but to make you a bit giddy in the process, it’s time to pass along to others how great you’ve found the experience.

Neal Stephenson has written a metric buttload of awesomeness for the geek-minded novel devourer. And he has probably never written a sentence as bad as the preceding one. Over the years, his novels have become thicker, richer, and more… well, just more.

other ‘Geek Library’ posts

The Diamond Age - Neal Stephenson

The Diamond Age - Neal Stephenson

After reading Snow Crash, I picked up The Diamond Age the first chance I got. I figured it’d maybe be a sequel, or another action-packed cyber-punk thing like Snow Crash. The only thing the two books had in common was writing style and complexity.

Once again, this book is too complex to describe the plot in any sensible way. The environment where the story takes place is enough novelty to carry most sci-fi fare: Imagine a time when anything can be made from existing molecules, restructured by a machine, following a recipe created by engineers. Need a spoon, just request it, like you’d request a web page from Google. A microwave-size device spits it out in seconds. Need a mattress? Find a bigger machine, make your request, and voila. The input is simply siphoned from the sea. Anything, any size, any complexity.

Society has (similarly to Snow Crash) broken into new segments, but instead of burbclaves, it’s more like classes. The engineers have redefined themselves as a class, modeled after Victorian-era ideals. One of the most talented of these engineers gets selected for a project: to make an interactive story-book for the daughter of a magnate. But he makes three copies: One for the magnates daughter, one for his own, and one gets into the hands of a tough little orphan girl. The books act as tutors for each of the three girls. There are any number of subplots, including viral memes spread by sex cults, along with nano-bots, Confucianism and revolution. Imagine that! Well, you couldn’t if Stephenson weren’t your guide.

The “Should I read this?” question isn’t really answered here, is it? The answer is, if you’re a geek, you should read this. If you don’t like it, you may not be a real geek.

Twitter Updates for 2010-08-20

August 20th, 2010

My Geek Library: Neal Stephenson

August 20th, 2010

I’m not much of a fanboy. But when you find there’s someone out there who has never failed in his or her professional capacity, to not just produce value, but to make you a bit giddy in the process, it’s time to pass along to others how great you’ve found the experience.

Neal Stephenson has written a metric buttload of awesomeness for the geek-minded novel devourer. And he has probably never written a sentence as bad as the preceding one. Over the years, his novels have become thicker, richer, and more… well, just more.

other ‘Geek Library’ posts

Snow Crash, by Neal Stephenson

Snow Crash, by Neal Stephenson

I started with Snow Crash. A colleague, younger and smarter and hipper than I, suggested it. In case you think this is ordinary sci-fi, you should note that it is among the Time Magazine Top 100 Novels (1923 to present). Honestly, it’s not just me!

Snow Crash was published in 1992, which is worth noting because it predated the World Wide Web. Yet it predicted modern immersive online worlds, a la Second Life. In fact, the creators of Second Life have attributed their inspiration to this book. It also predicted the suitcase-sized nuke people have been worried about lately, although the terrorist in question is certainly not of a stripe anyone would’ve predicted. And the “hero protagonist” of the story is a Japanese-American hacker named, er, Hiro Protagonist. Hot Damn, that’s some fine pun-ditry!

Stephenson also ran with the trend of White Flight to gated communities, and the breakdown of centralized government towards a mix of organized crime, anarchy, and ethno-religious isolationism to its ultimate conclusion: The Burbclave. (Suburban Enclave, for the less tuned-in.) And the stuff about the poor nuclear-powered guard-dog-bot who’s task it is to protect one such burbclave is enough to make you swear off buying a Roomba! None of which will make sense to you until you drill into the world-gone-mad that Stephenson has conjured. It’s almost as bad as Citrus Heights. Remember 1992? The Reagan-Bush recession (remember the first Bush? He couldn’t speak in complete sentences, either). The Burbclave, of course, is the outcome of the trend that Reagan started of killing government, and causing societal breakdowns. After Bush II and the Contract on America, we’re nearly there. Another 8 years of that kind of leadership, and this novel becomes even more prescient. If not for the ’90′s, we’d be there now. Read this book now, so you can be prepared, haha! This novel is more zany and fast paced than dark and foreboding, though. The characters are fun and hilarious, and the action is non-stop. And, honestly, I’m leaving out the good parts in this review, because there’s no point trying to explain…

Next week: The Diamond Age

Twitter Updates for 2010-08-19

August 19th, 2010
  • Analysis of Democratic and Republican tax policy… nice infographic. http://bit.ly/banAOk #
  • Last US combat troops leaving Iraq today! There's a step in the right direction. #

Twitter Updates for 2010-08-09

August 9th, 2010