In this edition, we'll be having a look at two websites. These two sites are what I like to call "Traditional Business" websites. These businesses are not based on
internet alone like many e-business sites we do, but are traditional everyday businesses that have store-fronts and showrooms. With that in mind, a slightly different approach had to be taken; we weren't creating
"image" or "identity" of
companies from scratch, but had to work with
existing and established image that they have previously laboured to create in
material world.When creating any website, a designer must look at
drive of
site. What does
client want to accomplish with their website? Do they want to emulate their storefront and be able to accommodate online sales, or do they simply want to create an online presence that effectively acts like a brochure... informing and enticing
viewer, with
goal of bringing
customer into their stores?
The two sites that we'll cover were created with
aim of creating an online presence. The two companies are local businesses that are quite comfortable with doing business in a traditional fashion. They simply wanted to have an informative website that could tell potential customers what they had to offer, as well as make their pitch as to why they were
best company to deal with... and hopefully as a result, gain that customers business.
The two companies are: 1) Gray Office Furnishings - http://www.grayofficefurnishings.com 2) Place-Crete Systems Ltd. - http://www.place-crete.com
RESEARCH Before making any design decisions, a bit of research was needed. We had to find out as much as we could about
business - what
clients needs were, their audience, their competition, their budget, and everything in-between. Once we had this information, it had to be edited down to some key points. Here are some of
key points about Gray Office Furnishings and Place-Crete Systems:
a) They were both localized businesses operating in a traditional fashion, including offices, showrooms, customer interaction, etc. This was important to consider because it was something that they knew could not be replaced with a website... they needed to continue offering
face-to-face customer service that they were use to providing. As a result, their websites are used as a tool or aid to assist with their customer service rather than replace it.
b) They both had physical items to showcase; Gray Office had different styles of furniture, and Place-Crete had on-location images of their quality workmanship. Once again, this is important to consider because it meant that we had more than text to work with. In other words, we had
framework to create a captivating, visually pleasing site that is more "image heavy" than most pure e-business sites. This is something that most designers really enjoy, and it gives us a chance to flex more of our creative muscles. It is not appropriate to have an "image heavy" site when
content is primarily information based - when speedy download times and maximum efficiency are required. We felt that with these two sites, however, it would be more appropriate. These companies should show what they have to offer, and text alone could not do this. Of course, as always, we still had to keep
download times within reason.
These two sites, are essentially online brochures. If you have ever gone into a car dealership for example, and picked up a brochure for one of their cars, you will find a lot of things in common. In a car brochure you will find all
vital statistics, features, and benefits of
car, but
text will not be long-winded and boring;
information won't go on for pages and pages and bore
reader to death. It will be clean, sleek, efficiently organized, and kept to a minimum. In addition, you will also find that car brochures usually have beautiful design and imagery that lets
product speak for itself. Gray Office Furnishings is a good example of this comparison. Like cars, furniture is very visual... and like cars, furniture can have "sex appeal." With
sleek curves, and hard lines, it only made sense to treat furniture in
same manor. When a prospect see's this site,
idea is to get them into
showroom to see how great
furniture is in person.
"Presentation is everything." Yes, I'm sure most of you have heard this cliche, but think about how true it really is. One should never present ones product in an ugly manner, this will detract from what is really important...
product,
customer, and in turn,
sale. The "form" of
site, must follow
"function" of
site.
c) We've established
visual basis for these sites, but what about
information? Of course we need to have text and information, but what kind and how much? Well, with these sites (or any for that matter) it is not necessary to bombard
prospect with information that is not important to them. The only thing that is important is getting
customer to purchase your products/services. The customer will come to
site to see what you have to offer, so give them what they want... but only give them enough to satisfy them to
point that they will contact you. Therefore, both
information they seek, and
means of contact should be prominently placed and easy to find. Notice how easy it is to find that information on both of these sites. Makes sense right?
Having minimal text with these sites also allowed us to utilize layouts/formats that were nice and clean, and that didn't require much scrolling. This brings us to some of
design decisions that were made with these 2 case study sites.
VISUAL DESIGN DECISIONS With every decision made so far, there has been a reason. It's time to discuss some of
reasons behind
visual design choices that were made. If this stage goes wrong it can ruin everything. There should be a reason for everything, ie: layout, color, shape, size, and font choice. Lets go through some of
design choices that were made with these two sites.