John VileWebsite Development for

Loud-N-Clear Car Stereos & Custom

March 22, 2011ITD 210 Web Design II

Mrs. Eaton

Table of Contents

a. Client Informationb. Existing Web Sitec. Sites used for Inspirationd. Home Page Design Sketche. Color & Font Planf. Outlineg. Logical Site Diagramh. Physical Site Diagram

Client Information

• Loud-N-Clear Car Stereos & Custom– 110 Davis Avenue, Glen Lyn, VA 24093– (540) 726-7272

• Jared Spencer, Owner and Principal Contact– jared.spencer@excite.com

• Specializing in:– Car Audio Installation– Car Alarm Installation– Ground Effects– Window Tinting

Existing Web Site

Not Applicable

Sites Used for Inspiration #1

Sites Used for Inspiration #2

Home Page Design Sketch

Font Plan

• Banner font (styled in Photoshop):Charlemagne Std

• Nav spry:Palatino Linotype

• Heading 1 & 2 font:Arial Black, Arial

• Body text:Georgia, Times New Roman

Color Plan

• Heading Text: black on white backgroundExample:

• Body Text: white on black backgroundExample:

• Link Activity: depending on stateExample:

Outline of Site• Home/ Welcome page • Meet the Staff

– Jared Spencer– Jared Umbarger & Justin Shrader

• Car Audio Installation– Alpine, Kicker, Mmats, Audiopipe, Kenwood, Pioneer– Satellite Radio– Custom Subwoofer Enclosures

• Fiberglass Work• Remote Start & Keyless Entry• Wheels, Tires, and Effects• Window Tinting

Logical Site ViewHome Page(index.html)

Meet the Staff(staff.html)

Jared Umbarger & Justin Shrader

(installers.html)

Jared Spencer(spencer.html)

Car Audio Installation(caraudio.html)

Alpine, Kicker, Mmats, Audiopipe, Kenwood, Pioneer

(brands.html)

Satellite Radio(satellite.html)

Custom Subwoofer Enclosures(subs.html)

Fiberglass Work(fiberglass.html)

Remote Start & Keyless Entry(keyless.html)

Wheels, Tires, and Effects

(wheels.html)

Window Tinting(tinting.html)

Physical Site Diagram