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.”

Color Envy: Does Your Website Have It? December 16th, 2009

Graphic Design Color TheoryColor is a powerful web design tool, and it should be harnessed wisely or your website may lose potential customers. Color can talk to your readers before your content has a chance to speak. What is it saying?

  • Find the meaning. Colors hold certain meanings and emotions. Look at how your culture, state, community, etc. uses and thinks of color. Use this for your own means and incorporate them through your color palette.
  • Use color intentionally. At first glance your webpage should convey your brand clearly and not create confusion as if you landed on your page by accident. Well-known brands use color very well, and people remember color combinations. Consciously applying color through all of your marketing campaigns can achieve similar results.Graphic Design Color Theory
  • Be different. It is tough to be successful in a competitive marketplace. Color can be an effective mode of creative differentiation — think purple window cleaner in a sea of blue products.
  • Functionality reigns supreme. Above all, color should be functional, plain and simple. It is an important visual cue for visitors — it signifies headers and sub-headers, navigation bars, links, and more — so use it clearly. Also, be ADA compliant. Keep a high contrast between the background and foreground, limit the overlapping of red and green colors for colorblind individuals, and keep readability high.

So whenever making a web site, the goal is to create a dynamic, functional, and brand-appropriate design. What sites do you think rock at color — or should just stick to black and white?

Are Your Branding Strategies and Website Design on the Same Page? May 14th, 2009

Brand strategyProspects and even current clients judge your website when making a buying decision. It could be their first impression or their information source for your news. If your website doesn’t match your brand and marketing strategy, you may be losing customers.

Put your website to a test to see if it matches your messaging. Here’s how:

  1. Does your latest sales/marketing brochure design (or even your business card) match your website design? Are the colors the same? Are the fonts the same? How about dots versus dashes between phone numbers? Do they convey a consistent message about your company, product/services?
  2. Ask someone who is unfamiliar with your company/product to read your homepage and reply with a quick summary of your messaging and how to contact you. Was this person able to easily identify your targeted message, reach you and receive a reply?
  3. Ask a salesperson or company spokesperson to use your homepage and present it’s content to you as if you know nothing about the company. Does the homepage really match your elevator pitch and have a compelling call-to-action?
  4. Make a list of 5 adjectives that describe your targeted audience. If your list includes young, hip, trendy, swank… be sure to have contempo images and slick technology like Flash animation.

In summary, everything you put in front of a customer should have a consistent message. Every ad, every brochure, your website, corporate identity elements, etc. An integrated campaign works wonders when designed professionally by a single designer or agency.

Content is king. Keeping your website updated with fresh, high-quality, informative content positions you as an expert in your field. People want to do business with experts. Moreover, keep your information current. An outdated news page makes one wonder if you are still in business. New content also provides protein for search engine spiders.

A website that is designed with all of your marketing activities in mind will reinforce trust in your capabilities, increases sales and build your brand online.

PS. Don’t have time to put your website to the test? I’ll do it for you. Send me your url.

Extreme Marketing through Social Media May 11th, 2009

Social Media Targets AudiencesEveryone knows social media tools like Twitter, Facebook and blogs can drive traffic to your site and help build your brand. And nowadays, every marketing conversation has some component of social media. Last month, my team stepped away from the fodder and physically DID something – face to face.

On April 29th, Metropolis Creative engaged hundreds of marketers through social media by having an Extreme Website Makeover party . This was our most successful marketing effort to date (I founded the company in 1999). We harnessed the power of social media, partnerships, networking and free booze into one brand building and socially engaging campaign that stirred a contagious buzz (before, during and after the event). Nearly 150 marketing professionals came off-line to shake hands and interact by using more than 140 characters.

The campaign served its purpose of strengthening the Metropolis brand, engaging face to face interaction, and also was a helpful experiment in demonstrating how to plan, deliver and measure a social marketing campaign.

Social Media Reach

The campaign’s impact, influence and reach were measured by these tools:

Congrats to American Public Television for being awarded the Website Makeover winner and props co-sponsors SHIFT Communications and RatePoint.

[youtube=http://www.youtube.com/watch?v=wiMvdt4OvKE]
Ready for Extreme Website Makeover 2010! But how can Metropolis make it more extreme…?