Archive for the ‘Site Design’ Category

Planning a New Website: The Creative Brief

Thursday, September 2nd, 2010

Why does this site look the way it does? This started out as a personal blog to experiment with WordPress, now it is dated and technically way below my standard. So, I need to start out with a clean design and a clean message.

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.

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. Never mind I haven’t gotten to it myself… that’s a sign I’m in demand and busy!) 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 will 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 from other sources, and how can I frame it, uniquely?
    b)  Who’s already trying to do what I’m trying to do? How will I compete with them?
    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 to get a logo that’s really yours and pretty good. Being unique matters on the web — you’re not just local any more. 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.

WordPress, Twitter, Facebook, LinkedIn Integration for SEO

Saturday, July 17th, 2010

The best SEO (Search Engine Optimization) tricks out there are the ones that don’t require a lot of work. We all have other things to do than to go to a bunch of different sites all day long, composing messages. The benefits of doing all the posting are large: Each post increase your visibility enormously, so many people are going to all the trouble to do exactly that.

One of the beautiful solutions is the circular posting capability involving WordPress, Twitter, Facebook and LinkedIn. It’s like hiring a sign-shaker to dance on every corner.

In WordPress, it’s relatively easy to add a plugin that allows people, with a single click, create a link to an article in your blog, or one of your pages from FaceBook, LinkedIn, Twitter and more. Sociable is a good WordPress plugin for this. In addition, you can add a Twitter ‘Follow’ button, and links to your profiles on LinkedIn, Facebook, etc. All that is important (in fact, why haven’t I finished doing it on my blog..? oh yeah, it’s awaiting the re-design I never get around to doing)… but it’s just the start.

The next step is a bit more involved. Twitter Tools is a multi-part WordPress plugin that allows you to do round-trip posting. It can show your tweets automatically in a sidebar, or as a post, it can turn your posts into tweets automatically (using the post title, and a link back to the post), and it can do things like bit.ly url shortening, and more. One key feature is the hash (#) handling part of Twitter Tools. By adding #li or #ln to this plugins settings, each post also goes to LinkedIn.

In addition, a WordPress plugin called “WordBook” allows cross-posting between Facebook and WordPress. At the moment I was writing this, however, there was some conflict keeping it from working. The author was trying to solve it, so by the time you read this, it may be resolved. However, if you’ve installed a Facebook ‘share’ button using Sociable (mentioned above) you can just click this, when your post is complete, and quickly share the WordPress post to Facebook.

If all this seems a bit confusing, it is. But once you get it set up, it’s magic for getting your site out to the search engines, and to get people seeing it through Twitter and Facebook. Every blog post you do is multiplied with a single click to the Publish button. None of these benefits are available if you have a static website, or a cheap ‘build it in a day’ site.

As a web developer, I’ve seen a lot of site-building tools come and go. This is the most powerful combination I’ve seen for businesses to compete for the best search engine results. If you’re ready to rebuild your site to take advantage of all this, or already have a WordPress site but don’t know how to implement all these cool tricks, contact me.

The joy of technical writing and web design

Tuesday, April 27th, 2010

The joy of technical writing, and of web design, is discovery, exploration, and mastery.

There are few businesses where one is always learning, not just how to do the basic work, but also about how the client’s businesses and their products actually work.

From nitty-gritty technical details (how does video get converted to an image on an array of LEDs?) but also, how does the client reach their customers? How do they brand their product? How do they get it out the door?

Technical writing is about translating the engineering details to the reader’s learning style, and delivering the critical ‘how-to’ information in a way that anchors to their pre-existing basis of understanding.

That’s relatively easy compared to modern website design, which is about translating the business details to the reader’s learning style and delivering the critical ‘why buy’ information in a way that anchors to their pre-existing basis of understanding, as well as their desires — All while executing the high-wire act of making it look good across a half-dozen browsers, and making it interact and flow in a predictable and pleasing manner… and considering how search engines will interpret the code, how the programming code works at a technical level, how the server works, and finally, how it should interact with several social networking sites, email systems, and lately, smart phones.

Regardless of whether the end result is a user manual, created in InDesign, delivered as a PDF, which will be printed and bound a thousand miles away and delivered with the product… or a web site, where the domain is pointed and suddenly the world can see your work… there’s that joy of creation.

Of finally pulling it all together into a coherent message. Mastering complexity.

It’s fun.

But, I’ll hire someone to do my taxes. You’ve got to draw the line somewhere.

Wholesale WordPress Services for Designers

Saturday, March 13th, 2010

Your customers, our technical expertise, no poaching.

Every designer is concerned with maintaining their best customers over time. Subcontracting for prepress & printing was easy enough, because every project starts and ends with design, and most printers do not offer high quality design, in-house. Most prepress people don’t have great design skills, so they aren’t competition.

When websites came along, the process required designers to learn some new things, but, in the end, it was still a process of design and implementation. The implementation was done once, behind the scenes, by technically-minded (not design-minded) people. And it was still a page-by-page design process; You spec the design, the technical people implement to those specs. The only ongoing intrusion by the technical side were in the limitations of HTML, and the web hosting of domains and sites… and sometimes email configuration came into play. But the hot side stayed hot and the cool side stayed cool.

But now, there’s content managed sites, e-commerce sites, blogs…

The technical side of the game is much more technical, the design side is much more impacted by ongoing content changes and additions; The stuff you design has to adjust to a dynamic, customer-edited site.  The site doesn’t just sit there; It grows. There are things like databases, JavaScripts, PHP… all programmatic, and so different than the normal design process. Things move, morph, and over time, they can get ugly. As a designer, you hate that.

And what of search engines? Search Engine Optimization (SEO) seems like a black art, and all these people claim to be experts, but can they be relied upon to deliver? What about video, credit card processing, and all the other peripheral issues that pop up when your customer wants control over content, without content design or even writing skills?

At this time, there are a multitude of choices and approaches and no easy answers. All anyone can do, technical people included, is interview the customer to determine their needs, go through a process to specify the features that will fulfill those needs, and adapt the most current technologies to meet those needs, then do our best to help the customer to adapt to the technology, after the site is live. But that’s expensive and time consuming. And it puts technical people in front of YOUR customers. That requires trust.

But here’s the good news: It means your client may actually have MORE work for you. Because the key to content-managed sites and blogs is that new stuff is being added all the time.

So, I’m developing a set of packages and choices you can present to a customer to get started in the needs assessment. I’ll set up an experimental site for you to play with, to learn the daily experience your clients will have. And, I’ll work with you and your clients while always deferring to you for billing, sales, and pricing.

What I get in return: I don’t have to find the customers and get the initial design together. You can provide PSD or PDF mock-ups, and I’ll take it from there. And when it comes time for the client to learn, we teach them how to use the site. When it comes to ongoing support and maintenance, we can help them, but you bill them a retainer or per-incident amount… take a markup, you’re worth it.

What happens behind the scenes: I work with you, and my team does the technical implementation. We work concurrently on all aspects: Domain and hosting changes, template modification and custom features (integrating your design), installation and configuration, content migration, and ‘going live’.

Top 10 ways to get traffic on the web, and the best video I’ve seen on that subject…

Monday, July 13th, 2009
  1. Get WordPress. These techniques require blogging… yes, it is a good thing to blog!
  2. Install Google XML sitemap plugin… this insures rapid inclusion in Google search.
  3. Install Twitter Tools & get a Twitter account.
  4. Get a custom design. Templates may look good, and may be a good starting point, but they don’t represent you as a unique entity. It’s all about branding!
  5. Hire a company or individual who can do a quality design AND a quality WordPress template. The template code matters when it comes to Search Engine Optimization (SEO). I can help with this (*SSP).
  6. Post at least twice a week.
  7. Post 2-3 times on your subject-matter, then throw in something humorous or personal.
  8. Use an image on most posts. Make them large. They don’t have to be literal, they can be symbolic or conceptual… but they must be LEGAL. If copyright isn’t EXPLICITLY granted to your type of usage, it isn’t yours to use. It is theft.
  9. Use video. Upload to YouTube, and/or Vimeo, then embed in your site. This’ll get you more traffic than just putting video on your blog, and it’s easier, too.
  10. Keep at it, the payoff starts 3-9 months after you begin!

There are many other great things you can do. Costs vary. The amount of effort required will also vary. Generally there is a trade-off between cost and time commitment. Less time = more money and vice-versa.  But if you do just these 10 things, you should build traffic. What level of traffic is partly chance, partly subject-matter, and partly your talent at writing and targeting your content.

By the way of *Shameless Self Promotion (SSP), I can help with design and implementation for a reasonable fee. I used to get unreasonable fees, for great websites that weren’t so darn easy or cheap, but, in the end, this stuff works for a cost that is relatively low.

Below is a video by Tim Ferris. It’s the most useful single video I’ve found, but it may not entirely make sense to people who haven’t lived this for awhile. Still, worth a watch. Check it out: