The following is the basic outline of the steps I take to design
a website for a client. I hope they are helpful to you, and
would love feedback.
The sections below often overlap and are just general
guidelines. Every site developed is a unique experience.
Information Gathering
The first step is collecting as much information as possible
that could help in the design process. For me this often means
learning a lot of new stuff about the client, their industry, their
products and their clientel.
I know more about furnaces, cleaning companies, online
ticketing, smoothie sales and the wedding industry than the average
person because I have worked on websites in these fields.
It is important to ask a lot of questions and dig deep to find
real answers. The client may say they just need a website to sell
cars online; when really they make a bigger profit of repairing the
cars and the sales are just an angle to get customers. Knowing
their final goals help me satisfy them better.
Important areas are
- Purpose for the site
- Goals
- Target Audience
- Content
Planning
This stage of the site development is where you create a plan
for the site. I usually develop a site map at this area of every
possible page that the website should have.This site map is then
used to create the navigation structure.
This process can be quite convoluted in larger sites, and
creating a good navigation structure is an invaluable part of the
success of a website. A good site map and logical navigation system
create a easy to use site.
The site visitors should not be distracted by site design from
the purpose of their visit. Site design should draw visitors in;
not lose them with a clunky user interface.
At this stage I also usually decide with the client if they are
interested in a content management system or if the site will be
updated through myself.
Design
The design of the site is the part I consider the most fun.
Using notepads, Photoshop and, sometimes, Illustrator I put
concepts together and create beautiful designs. This stage is the
ultimate creative freedom because I am not limited by browsers,
javascript, screen resolution or color depth.
I also take a lot of time during this period to surf inspiration
sites for elements to use, new ideas and see what competitors are
doing.
Target audience is an important part of this stage. A
online survey site for the Government on people with disabilities
will be different than a white water rafting site aimed at young
families or a financial instituion.
Also I take into account the clients current colour schemes,
logo, current marketing materials and other existing design
elements. Unless it is a brand overhaul, a new website cannot
stray to far from the current corporate identity.
The client is kept involved throughout this process; approving
designs and changes, providing input and asking questions. Not
having the client involved can lead to disastrous results.
Development
Development is the meat of the web development process. This is
where the actual site is created; where the design and sitemap are
turned into compliant markup. It is usually the longest stage of
the process as it will create the shell that will contain the
entire website.
This is when html, css and javascript are used to make the
design functional. Elements such as contact forms, flash animations
and ecommerce carts are created and implemented. All of the
individual parts are created, and then fit together to create the
site.
This is when the content management system will be set up for
the site as well. This can be quite time consuming, but in the long
run will make the site much more easy to be updated and managed by
myself or the client.
A successful website is made or broken here.
- If the site is not written using valid XHTML /CSS that complies
to web standards you will have problems.
- If the site is image heavy and uses horribly coded javascript
you will see performace issues
- If the site isn't compatible in all major browsers you will
alienate potential visitors
- If it is poorly designed, you will have horrible search
rankings
- If the content management system isn't setup correct you will
have troubles in teh future when you try to use it
With my years of experience I know how to avoid all of the above
pitfalls by nature; but I still run my sites through validators and
optimizers to ensure the quality is the highest before the site is
launched.
Adding Content
This stage is simply filling in the shell that was created in
the Development stage. Sometimes I do it and sometimes, in the case
of a CMS, the client does it.
I often let the client put in as much content as possible so
that they get comfortable with the CMS and there are fewer problems
when the site is launched.
Testing
Testing is always done internally with validators, syntax
checkers and my own personal testing of every page of the
website.
The problem with me doing all the testing though, is that I know
how I meant for the site to work. This is why I always get at least
five users to use the site while I watch.
- My wife; an average computer user
- My friend Zach; a highly opinionated advanced computer
user
- The client; and anyone else they want to use it
- And older, less experience computer user
- A youth; teens know everything!
Watching the users use the sites helps me see what kind of
issues they have, where they encounter problems and if they have
any questions. I try to remain silent during this process so I do
not taint the results of my unscientific testing.
At this time I go over my results with the client and decided on
any changes that are required; if any. These changes are
implemented and the process is repeated until we are satisfied.
Maintenance
If a site has a CMS then I often do not provide to much
maintenance for that client.
When clients do want to add new features, update content or
change visual aspects they usually return to me and that work is
put through a modified version of this process again.
Other forms of maintenance are Analytics, SEO and SES.
Site Analytics
I set up my clients with a Google Analytics account, which is
linked to my own. Using Google's tools we can look at how many
visitors the client is getting, what visitors are doign on teh
site, what pages they leave on and use that information to tweak
the site.
Analytics are a great tool for site evaluation. I usually
suggest they are analysed twice a year.
Search Engine Optimization
All of my sites are designed to be search engine friendly from
the beginning. It is the mentality of my design, not something I
tack on afterwards.
However, I am able to work with clients to optimize their
content for the best search engine placement. This is not an exact
science, but I feel I am quite experienced with it and am usually a
great asset.
Search Engine Submissions
Submitting your websites to a search engine is another service I
can provide or one that can be done by the client. It is not hard,
jst time consuming.