5-Step Web Design Process February 8th, 2010

5 Step Boston Web DesignI’m constantly asked what my process is for web site design. There’s actually a lot of thought that should go into a new design, before the “design” actually happens. This usually involves a lot of listening to the client, and a bit of research on our own.

Brand Definition

Before starting the design, it is important that everyone on the redesign team understands your brand. Because brands evolve over time, this is also a great opportunity for self rediscovery. Brand is perception. And every outward message and image shapes perception, from your tagline to the person who answers the phone. Once you discover what your brand is the next step is to mold it into what you want it to be.

Target Audiences

An open discussion with your team of managers, marketers, and salespeople will tell us not only who you target, but by what percentages. We are interested in who your target audiences are now, but also who you would like them to be moving forward.

Content

What is a customer looking for when they come to you? Do they know what they’re looking for? Prioritize your content on the site, specifically on the home page. Different coding techniques allow you to present information in a variety of ways. Let the content define the presentation. Create a site map to clearly organize the site’s architecture and content.

Wireframes

The design process begins with a home page content map, most likely in a wireframe form. It will determine the relative importance of each element on the home page, but won’t necessarily determine the look and feel of that page. A visual hierarchy of all elements, including the navigation, will ensure ease of use. Additional wireframe templates should be created as-needed.

Design

Once the wireframes have been approved, the layout and design can commence. The designs should answer all of your requirements in a usable and visually interesting way. The layout, each message and every color, font, and image should be used to engage your audiences so that they follow the appropriate “calls to action.

Additionally, the goal is to have your site reach out and guide a user to the content within the site, and not just be a presentation of options and information. The site’s navigation has to be intuitive and actionable, so that users can easily access the information they need.

The design won’t answer your needs if you don’t take the time to figure out the questions up front. On a recent call with a client, she told me they didn’t know how to determine what should be on the home page. I asked her, “What do your customers ask for over the phone? Give them that on your website.”

5 Easy and Scalable Marketing Tips for 2010 January 11th, 2010

This should be the big year where we all take a turn for the better. The ideas below are all scalable — each one could take as little as a day, or could be a long-term project. Take a moment to review your company’s marketing strategy for 2010. With a little effort, you could make a big impact.

Re-assess Your Brand

Is your brand still on target? Does it resonate with prospects and your community like it did when you first created your logo, website, sales materials? Send an informal survey to colleagues, friends, family, customers, etc. Get feedback. User experience is key to good graphic design. PS. A recent analysis by Fred Reichheld, a Bain & Co. consultant and author of Loyalty Rules , found that even a 5% increase in customer retention rates results in a 25% to 95% increase in profits (depending on the business). It definitely pays off to keep customers happy enough to return.

SEO

You’ve heard it for years. Search Engine Optimization is the most tried and true way for constituents to find you online. It is well-known to some and downright mysterious to others. It starts with a keyword discovery process. You then apply those keywords to your website both in the copy and in code.

Metropolis Creative has successfully improved our SEO over the past year. Keywords were optimized on website, images and blog. Targeted search phrases were used in our outbound messaging (blog, twitter, and facebook) to link back to our site. With the help of good graphic design of keyword search and discover programs like Wordstream and Google Analytics, Metropolis was found at the top of most searches for our target niche.
SEO WPS Meta keywords, paid links and keyword stuffing are the practices that worked in 90′s and early 2000′s. Search engine algorithms are changing and if you stick to the outdated strategies, then one day your site may no longer rank in the previous postition and greatly decrease your rankings.

Landing Pages

Getting traffic to your site isn’t very helpful unless you can convert those visitors into customers. Traffic is driven to your site via channels. It could be a google search term, or it could be an email that you send out. It could be a keyword linked from a blog post that was picked up by another website, or mentioned in a social media post. The point is, you control the link to your web site, so link them to a page that makes sense. Minimize distractions here. Make a simple and obvious point, and give them the tool to contact you or make that purchase. The simpler, the better. A testimonial doesn’t hurt. And BTW — plug some keywords on this page too (for Google).

Test, Test, Test!

There’s no excuse not to use different versions of landing pages, email campaigns, and banner ads (among other things.) Its as easy as trying two or more versions and looking at the results. Learn from your successes and start over — every time. You don’t have to create two entirely different pieces, just tweak the headlines, reverse the order of the content, change the subject line. You have a golden opportunity to learn what works best every time to send a message out. Use it.

Get Social

Generation Y and Z consider e-mail passé…In 2009 Boston College stopped distributing e-mail addresses to incoming freshmen. What are you using for social media? Use it for communicating, relationship building, reach, and even SEO. Build relationships with people who share interests with you. Then those people will tell others. It’s relatively easy to maintain existing relationships with occasional messages, useful resource links, and reciprocal comments. The culture of social media fosters information sharing. If you post something useful or interesting, it will be shared and re-shared. If you include keywords in your post that link back to your website, it will help your SEO standings.

Somethings don’t change — they just get better. With a little work, you can take a huge step forward in improving your brand, visibility, and conversions. Post a comment or question and I’d be happy to help you get started.

Tickle Pink with Colorful CTA’s and You’ll Stimulate Leads September 13th, 2009

Force yourself to design each and every page with one and only one primary objective.
- Seth Godin

That’s right! At a quick glance, your website visitors should know what you are selling (or service you’re providing) and take action. A call to action (CTA) is a simple and clear step to tell your web guests what they can expect and what you want them to do.

Done right, CTA’s work 24/7 and deliver leads. Every visit to your website could be a lead. Without well positioned, consistent, specific and engaging CTAs, your website could be turning away business.

Does your website have at least one call to action? If so, look to see if these points are addressed:

Why Now

Have a compelling and maybe even time sensitive reason for visitors to do more then just look at your site. Have them take action (try, buy, sign up, download, etc).

Position

Create a ‘clear and visible’ CTA. Make sure it’s not hidden behind other information that perhaps only you or your internal staff find important (a common mistake).

Consistency

Place your CTA on every page. If visitors are not convinced on the first page and are looking for more educational content, flow them to next page but keep a CTA available on all pages. This way, visitors can click when something does tickle them pink.

Color

Use consistent color on the CTA’s so that visitors identify and recognize the CTA like a stop sign on every page.

Be Specific

Tailor your CTA’s to your audience’s interest. Always consider your target audience’s interests, buzz words and pain points.

Get Engaged

Use wordage that is very engaging. Action words like Try, Hear, Join, Start are short, to the point and inviting. Phrases like Click here to learn more or Contact us for more information seem long winded and very yesterday.

Examples of CTA’s that tickle me and surely stimulate business:

Call to action buttonStrong and powerful. The white lettering and slight bevel with a shadow pops out from the rest of page.

Call to action button3D-look gives the viewer the impression that they should be depressed.

Call to action buttonStraight forward and simple black and white. Then suddenly a vibrant green attention grabber.

Call to action buttonThe sign up stands out as a result of nice breathing space and unique illustration. A fun approach.

Call to action buttonA ‘web 2.0 badge’ in the very center of the page that surely says click now. My favorite.

Want another opinion about your CTA? Ping manager@metropoliscreative.com.

PS. So what’s the most or least compelling CTA you’ve seen? Do share.

Feng Shui for your Home(page) May 5th, 2009

Feng Shui graphic design studioThe Metropolis studio recently got some serious spring-cleaning. There were some painful divorces with historic furniture and relic printers, but on the whole, we ended up with a significantly improved space with (I’d venture to say) significantly improved Feng Shui. Feng Shui, for the skeptical or those weary of anything sounding like something your New Age aunt is into, is an ancient Chinese system of aesthetics believed to improve life quality. These days a Google search will lend you hundreds of pages of Feng Shui tips to improve your office, your garden, your apartment or your bedroom with long lists of benefits. But whether or not it holds that an octagonal mirror across from the North-facing window will bring you good fortune, maybe Feng Shui can offer some good advice for your web design.

We’ve adapted four Feng Shui principles to add some positive chi to your web site.

  1. Feng Shui asks that one Always Be Mindful of the State of Your Home[page]. When is the last time you updated your web site? Whether a user gets to you from a blog, from Twitter or from a search engine, does the first page they land on tell your story completely? Being mindful is the first step to a Feng Shui site.
  2. Clear clutter. The biggest take-away for modern interpretations of this ancient art is to clear out the clutter from rooms. This holds for your site: is your navigation intuitive and user-friendly? Are users overwhelmed with buttons and options, or are they drawn to relevant content? We think that sites should be clean, simple and balanced.
  3. According to Feng Shui when you arrange your room it should be done in such a way that you can see anyone who is entering the room. So too, should your website be able to recognize any new or repeat visitors. You won’t need to set up some complex set of mirrors like a Feng Shui house; Google has great (and free!) analytic tools to tell you just who is on your site and how they got there.
  4. Finally, images carry powerful energy in Feng Shui. Their placement and intention makes a great impact in the home. On your site, they put a face to your brand. Make sure they’re unique, representative and that they send the right message to visitors.

Feng Shui wisdom teaches us that nothing is static in the world of energy. And more than ever, we know that nothing is static in the world of web. So, when you do some spring-cleaning this May and bring in some balance and positive energy, consider doing the same for your website.