Path: » Home » Web Design » Our Design Process

Our Design Process is an interactive experience with your team and ours

Web Design
Web Presence
CIO Services

Step 1 - clarification of purpose

Once a template is created, sample content shows the layout

The effectiveness of a web site design depends on the ability to attract visitors and guide them into your prospecting cycle and ultimately make them a customer.  We'll ask questions to uncover more detail about your specific expectations and how you want the web site to be used.

Discussion will include both current and potential customers need for information about your company, products and services.  

Agreement on purpose will narrow down the design options.

Step 2 - identification of content

Now we need to address the content. There are two important aspects to this:

  1. Content you already have
  2. Content you want to create

As we discuss your available content and the organization of it, we'll begin to formulate a rough idea of menu structure.  The number and names of pages doesn't matter yet.  

Then we'll need to figure out who is going to write the new content.  Various factors can have a big influence on how to do it. 

Step 3 - wire frame

A wireframe drawing is a bunch of boxes that show basic content areas and navigation

We use wire frame drawings to demonstrate the way the TYPO3 building blocks can fit onto a page. A wire frame drawing helps to simplify the discussions.

We create an outline of the page components and arrange them to detail the specific placement on a typical page. We use boxes and lines to show logo and branding, navigation, and to indicate content placement.  

Even the site navigation can be simulated with the way we produce wire frame documents.  You'll see a very plain, boxy web site that you can click around in.

Step 4 - build the CSS

Cascading Style Sheets, called CSS, are the formatting control specifications for a web page. We begin building them here and will fine tune them along the way.

We'll start introducing colors, logos and will begin to identify artwork requirements. 

Step 5 - fill in the spaces

We'll introduce content into the site by populating it with Lorum Ipsum, described on the left.  Using Lorum Ipsum makes it easier to verify the layout and design before populating the actual content.

Step 6 - fine tune

A formal review to check and see if the design meets expectations and fulfills functional requirements.  Your content starts to get loaded.

Copyright © 2018 Shapes and Pages, LLC
pageSHAPING® is a registered trademark of Shapes and Pages, LLC
Contact us

Shapes and Pages