demo of design
TRANSCRIPT
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