Analytical Websiteprepared by C.Goodrum

Table of Contents

Brief Understanding & Site Procedure . . . . . . . . . . . . . . . . 1Content Summary. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2Site Navigation/Information Architecture . . . . . . . . . . . . . . 3Wireframe Layouts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4Moodboard . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8Mock ups . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

Brief Understanding:Client has been frustrated by lack of web presence. Wants to easily guide people online to find infor-mation on lab’s site. Site to follow the path of rental.cleanair.com (client quote “I’d like to have clients find what they need like on the rentals site”).

Phase I:Interviews and questionnaires with labora-tory sta!.Research top ten competitors websites and marketing material.

Phase II:Summarize questionnaires.Report competitive findings.Suggest feature components for users on lab’s site.Feedback.

Phase III:Collect copy and create additional copy.Edit copy for web, reduce, revise, repeat.Present copy (document without layout).

Phase IV:Moodboard.Sketching and Wireframes.Present Wireframes and discuss placement options of key features.Feedback.

Phase V:Mock up Wireframes into Photoshop.Flush out mock ups.Present to client.Feedback.Revisions.

Phase VI:Drupal Implementation on MAMP.Zen Sub "emeInput Content (copy, images, files)Style SheetsDisk based page type templatesCross browser testingPresent.Feedback.Revisions.Present.

Phase VII:Create client user, permissions, interfaceTrain client

1

Homepage:Intro“Coda” slider featured sectionprimary & secondary navigationLatest News teasersContact Us & Search

Methods:OverviewListings by number, compounds analyzedMethod summaries, link to pdf complete methodsprimary & secondary navigationContact Us & Search

Services:Overviewlisting/links of Individual Servicesprimary & secondary navigationContact Us & Search

Resources:OverviewLinks to download filesListing and Summaries of Resourcesprimary & secondary navigationContact Us & Search

•••

••

••

•

•

•

••

•

•

•••

•

•

News:Most Recent News briefsLinks to Individual News pagesprimary & secondary navigationContact Us & Search

Individual Services:OverviewWhat it doesWhat it measuresWhat methodprimary & secondary navigationContact Us & Search

Contact Us:contact formprimary & secondary navigationContact Us & Search

••

•

•

•••••

•

••

•

2

3

Image Slider

About Us

Services

Resources

MethodsLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tortor metus, malesuada nec porttitor et, convallis et tellus. Cras tempus, velit et scelerisque malesuada, libero nibh semper sapien, et ultrices urna eros non odio. Quisque et nulla quam. Donec ac nulla id sapien consequat porttitor. Cras nulla erat, imperdiet in

Read More

Heading 4

Heading 4

Heading 4

Heading 4

Heading 4

Divisions

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

Latest News

01/01/01

Far far away, behind the word mountains, far from the countries Vokalia...

01/01/01

Far far away, behind the word mountains, far from the countries Vokalia...

INTRODUCTION

CleanAirLogo

NewsResourcesMethods Services

Tagline goes here

Contact Us

Search

Image

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Ion Chromatography Gas Chromatography Resistivity

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Gravametric Scrubber Testing Titrations

more

more

more

more

more

more

CleanAirLogo

NewsResourcesMethods Services

Tagline goes here

Contact Us

Search

Heading 4

Heading 4

Heading 4

Heading 4

Heading 4

DivisionsFar far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

INTRODUCTION

Homepage

Services page

4

Image

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Chain of Custody Form Fee Schedule

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Accreditations Quote Request

more

more

more

more

CleanAirLogo

NewsResourcesMethods Services

Tagline goes here

Contact Us

Search

Heading 4

Heading 4

Heading 4

Heading 4

Heading 4

DivisionsFar far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

RESOURCES

Image

Image

CleanAirLogo

NewsResourcesMethodsServices

Tagline goes here

Contact Us

Search

Heading 4

Heading 4

Heading 4

Heading 4

Heading 4

DivisionsFar far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Methods Page Title

Compound 3 Category 6Method 2D

Analytes

Category 1, Category 2

Method 2B

Compound 1

Category 1

Compound 2, 5

Categorey

Category 1, Category 2

EPA Methods

Compound 2, 3

Method 1B Compound 1, 2, 3, 4

Category 4

Method 2C

Compound 1

Method 2A

Method 1A Category 1, Category 2

Methodology Table

Resources page

Methods Page

5

Image

CleanAirLogo

NewsResourcesMethods Services

Tagline goes here

Contact Us

Search

Heading 4

Heading 4

Heading 4

Heading 4

Heading 4

DivisionsFar far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

NEWS

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

01/01/01 News Event 1

more

Image

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

01/01/01 News Event 2

more

Image

Image

CleanAirLogo

NewsResourcesMethods Services

Tagline goes here

Contact Us

Search

Heading 4

Heading 4

Heading 4

Heading 4

Heading 4

DivisionsNEWS Event 1 - 01/01/01

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

back to new

Image Info/Caption

News Page

Individual News Page

6

Image

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

CleanAirLogo

NewsResourcesMethods Services

Tagline goes here

Contact Us

Search

Heading 4

Heading 4

Heading 4

Heading 4

Heading 4

DivisionsFar far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

INDIVIDUAL SERVICE

Methods we useWhat we analyze?What is it?

Image

Heading 3 Heading 3

Heading 4

Heading 4

Heading 4

Heading 4

Heading 4

Individual Services

Image

CleanAirLogo

NewsResourcesMethods Services

Tagline goes here

Contact Us

Search

Heading 4

Heading 4

Heading 4

Heading 4

Heading 4

DivisionsFar far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated

Contact Us

Your Name:

Your Email:

Comment/Question:

Button

Individual Services Page

Contact Us Page

7

copyright 2009 CleanAir.

The color palatte used supports the

CleanAir logo colors. It’s softer

palette that allows pages that

contain large amounts of text to be

read easily.

TTextures include rigid geometric

patterns to compliment and con-

trast the soft color palette.

Imagery will consist of photography

from the laboratory as well as

supporting drawing of lab symbols

and equipment.

Page content text sample. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse in massa id augue

sodales tincidunt. Curabitur vitae enim aliquet tellus pulvinar suscipit. Vivamus ut erat laoreet pede luctus iaculis. In egestas

orci nec diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Quisque quis

neque. Phasellus adipiscing rhoncus magna. Sed nisi elit, pretium ut, ultricies ac, fermentum id, purus. Aenean pretium

libero ac quam. Ut risus metus, dictum nec, imperdiet vitae, malesuada at, ligula.

Font: Helvetica Neue Bold Condensed

Font: Helvetica Neue Medium Condensed

Font: Helvetica

Font: Helvetica

#858585 #E9CBC9 #C9C9C9 #367BBF #E7DECD #DFEAF5 #FFF1E6

Sample Color Pallette Designer Notes:

Other Elements / Sample Styles

Sample Typography

Sample Patterns & Textures

Sample Photography & Illustrations

Project Title: Analytical web site

Moodboard

8

Mock Ups

9

Mock Ups

10

Mock Ups

11

Mock Ups

12