WEB DESIGN WORKFLOW
From web design and development to ongoing marketing and support. As a full service web agency, we are with you every step of the way...
# 1
Business
Needs Analysis
# 2
MAPPING
THE WEBSITE
# 3
QUESTIONNAIRES
# 4
ESSENTIAL TOOLS
# 5
HOME PAGE
DESIGN
# 6
HOME PAGE
CONFIRMATION
# 7
HOME PAGE HTML
# 8
INNER PAGE DESIGN
# 9
INNER PAGE
CONFIRMATION
# 10
CONTENT AND IMAGES
# 11
INNER PAGE HTML
# 12
CONTENT &
IMAGE TRANSFER
# 13
CONTENT MANAGEMENT SYSTEM (CMS)
INTEGRATION
# 14
TESTING
# 15
FINAL CONFIRMATION
# 16
WEBSITE LAUNCH
# 1 Business Needs Analysis
Questionnaires# 3

Business Needs Analysis

We strive to gain a full understanding of our clients' needs prior to recommending a website design.

We view your business as a unique entity, hence we do not take a one size fits all approach to web design. No two businesses are identical, consequently your business site should not be like any other on the web.

Before proceeding, we will learn about the specifics of your business, including

  • The competitive environment;
  • Customer demographics;
  • Customer buying habits, and more

We conduct market research which will give us insight into the type of site and functionality that may be advantageous for the business you are involved in and that will fit in with your needs and budget.

Factors to consider

  • Responsive
  • Mobile Website
  • Flash
  • Infinite Scroll
  • What type of code?
    • HTML, HTML5, CSS3
    • PHP
    • MySQL
  • Shopping Cart Functionality
  • Customer Portal/Login
  • Site-Map Creation
  • Which CMS an Existing Websites
  • Video Animation
  • SEO Friendly
  • Payment Gateway
  • Should you have a Blog?

Mapping the Website

We first perform our needs analysis and compile all of the pertinent information.

After that, we map out the site requirements and assign tasks to the relevant departments, which include:

  • Design
  • Development
  • Animation
  • Project Management
  • Content

Questionnaires

In order for us to satisfy your expectations, we request that you answer some questions that pertain to your business.

This is a vital part of our process. We need to gain more insights into your business and fully understand your goals for the site. Having a more comprehensive view of your style and preferences, enables us to better fulfil your requirements.

The following are examples of questions we may ask:

Q- What is the purpose of the website?

Q- Who are your customers?

Q- Why do your customers do business with you?

Q- Please list some of your competitors?

Q- Please list some businesses in your industry you follow closely and why?

Q- What style would you like the website to reflect i.e. Funky, Professional, Simple, Sober, Cutting Edge?

Q- What colours would you like incorporated beyond your logo?

Q- What colours would you not like incorporated into the website?

Q- Please list some sample websites you like and list some of the reasons why?

Essential Tools

In order to facilitate good communications with our clients, we recommend that they use the following free software tools. These tools make the communications process function smoothly and save time and effort, on both the part of our clients and eTraffic Web Design.

Drop Box

We recommend the use of Dropbox for all file sharing. Sending files by email can be problematic and many large files cannot be sent by email. In addition, it can get very confusing as to what has been sent and what we have actually received.

DropBox uses folders stored online via an iCloud system so you can simply upload any type of file i.e. Word Doc, Excel Spreadsheet, MP3, JPEG images and even full length videos, which your Project Manager will have instant access to.

If you currently have any photos or content that your wish to incorporate into your site, please upload it to DropBox.

Jing

A free software which seamlessly integrates into any desktop or laptop computer. Once you have installed this software you are able to take print screens of any designs we send you and write your changes directly onto the image.

This allows us to instantly visualise your change requirements, rather than attempting to interpret a text only message, which can often lead to a misinterpretation of your needs, saving both of us time and effort.

Basecamp

We use Basecamp for our project management both internally and externally, ensuring continuous communication throughout the entire Web Design process.

You receive instant email updates as soon as they are completed. You can also see the history of any communications you have with us and vice versa. Any changes you make through 'Jing' can be uploaded directly into Basecamp enabling your Project Manager can act on them immediately.

Shutterstock

This is the website you can use to search through literally millions of separate high quality stock images for your website. Later on, we will present the most effective mechanism for communicating them to your project manager.

Hosting & Domain Info

Unless you know how to upload a website yourself we will require the login information for your website host and domain name. If you do not have one eTraffic Domains offers hosting packages for as little as $19.00 +GST per month.

Home Page Design

We go through the detailed steps outlined above and thoroughly analyse all the information that was compiled.

Once we have a comprehensive view of your requirements, we are ready to proceed with the design of your home page.

Home Page Confirmation

We will create a static non-clickable image of your home page so you can visualise the page layout to determine if it is commensurate with your needs.

During this stage, if you are satisfied with the structure of the page, you can confirm this layout. Otherwise, you can communicate any changes you would like us to make.

If there are any changes that you would like to make, you can communicate them to us using 'Jing', the free software we recommended. Number the changes on the design, and then send these files to us using DropBox.

At times, this can be an iterative, back and forth process, until we come up with a design that satisfies your needs. We want you to be 100% satisfied with the appearance of your Home Page.

NOTE: Once confirmed nothing on the page can be altered structurally. Only images and content can be changed during one of the stages. If changes are required after confirmation, additional charges may apply.

Home Page Html

After confirmation that you are completely satisfied with your home page design, we transform your static image into a coded one-page web site.

This process normally takes 72 hours, as our developer codes the individual sections of your web page. After the coding is complete, the web page is uploaded on our server for you to view.

Inner Page Design

The inner pages are simply an extension of the home page theme.

Most often we will incorporate the same look, feel, flow, typography, font and colour palette of the home page in all of the inner pages.

Content for these pages will be added in Step 10, below.

Inner page confirmation

The confirmation process associated with the inner pages is identical to the home page confirmation process described in step 6, above.

You will use 'Jing' to make your changes, number them, and then send the files to us on DropBox.

NOTE: Once confirmed nothing on the page can be altered structurally. Only images and content can be changed during one of the stages. If changes are required after confirmation, additional charges may apply.

Content and Images

After the design and confirmation of all of the web pages, they must be populated with text and images. You should have a clear concept of the images and text you desire for each page.

Content: It is vital that you maintain the character and word count that is provided on each page. Inner pages have a specific amount of space that is allocated for image and text content.

To maintain the appearance of the page, it is imperative to stay within these constraints:

  • If you provide too much content it may not fit in the space provided, which if not altered, will require design changes which could result in additional charges.
  • If you don't provide enough content there may be an excess of blank space,destroying the overall look and feel of the page.

Images: On every page there are images that may need to be replaced. We use stock images from 'Shutterstock' so you can use as many of them as you would like at no cost, since we already have a subscription.

We can also incorporate your own custom images into your site, if you so choose.

For Stock Images please go to:

Go to www.shutterstock.com
Search for the relevant keyword i.e.; Beautiful Sunset
Choose the image you would like to use on the site
Right click and save to your computer. The filename should be the same as the page it will appear on i.e. 'About Us' That way we know exactly where you would like it to go.
Upload to DropBox

Inner Page Html

This process is very similar to step 7, where the Home Page HTML was generated.

Normally, inner page coding is not nearly as complex as Home Page coding, since these pages are generally not as complex as the Home Page and they are an extension of the Home Page that was already coded.

Content & Image Transfer

Using the text and images you have provided and uploaded to DropBox, our developers will embed this content into the pages of your site.

Content Management System (CMS) Integration

Every website we build has a Content Management System (CMS) built in. Which one depends on the type of website you have.

A CMS is necessary for you to be able to easily add, remove, and alter site content without needing the services of a web developer.

It provides a straightforward mechanism for our customers to make changes to their site, and it does not require any web development training or knowledge to do so.

Through the CMS you will be able to:

  • Add/Remove Web Pages
  • Add or alter content
  • Add/Remove/Change images

Testing

At this point, all site design and development is complete.

We thoroughly test the site to ensure

  • The navigation functions properly; and
  • All functionality has been incorporated into the site properly

We develop very robust sites, and thoroughly test them to ensure that our customers rarely have any issues.

Our testing is extremely thorough, resulting in a finished product that is normally error free.

Final Confirmation

Now its your turn to examine the finished product and make sure it meets with your approval.

Any issues that you identify will be quickly rectified.

Once you have confirmed that you are satisfied with your site, we start preparing to launch your new site!

Website Launch

When launching your site, we use the domain and host information that you provided to us, or that we have obtained for you at your request.

We then begin the process of preparing and mapping your site for launch.

It normally takes a maximum of 48 hours for your site to go live.

So What Are You Waiting For?
Experience web the way it should be done.
Get in touch for a free, no obligation quote today!
Or hit the big blue button below and we'll be in touch within 2 hours!
Click here to get Free Quote