John Vile
Website Development for
Loud-N-Clear Car Stereos & Custom
March 22, 2011
ITD 210 Web Design II
Mrs. Eaton
Table of Contents
a.
b.
c.
d.
e.
f.
g.
h.
Client Information
Existing Web Site
Sites used for Inspiration
Home Page Design Sketch
Color & Font Plan
Outline
Logical Site Diagram
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 background
Example:
• Body Text: white on black background
Example:
• Link Activity: depending on state
Example:
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 View
Home Page
(index.html)
Meet the Staff
(staff.html)
Jared Spencer
(spencer.html)
Jared Umbarger &
Justin Shrader
(installers.html)
Remote Start &
Keyless Entry
(keyless.html)
Car Audio Installation
(caraudio.html)
Alpine, Kicker,
Mmats, Audiopipe,
Kenwood, Pioneer
(brands.html)
Satellite Radio
(satellite.html)
Custom Subwoofer
Enclosures
(subs.html)
Window Tinting
(tinting.html)
Wheels, Tires, and
Effects
(wheels.html)
Fiberglass Work
(fiberglass.html)
Physical Site Diagram