John Vile Website Development for Loud-N-Clear Car Stereos & Custom
description
Transcript of John Vile Website Development for Loud-N-Clear Car Stereos & Custom
![Page 1: John Vile Website Development for Loud-N-Clear Car Stereos & Custom](https://reader035.fdocuments.us/reader035/viewer/2022070500/568168d5550346895ddfc5c5/html5/thumbnails/1.jpg)
John VileWebsite Development for
Loud-N-Clear Car Stereos & Custom
March 22, 2011ITD 210 Web Design II
Mrs. Eaton
![Page 2: John Vile Website Development for Loud-N-Clear Car Stereos & Custom](https://reader035.fdocuments.us/reader035/viewer/2022070500/568168d5550346895ddfc5c5/html5/thumbnails/2.jpg)
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
![Page 3: John Vile Website Development for Loud-N-Clear Car Stereos & Custom](https://reader035.fdocuments.us/reader035/viewer/2022070500/568168d5550346895ddfc5c5/html5/thumbnails/3.jpg)
Client Information
• Loud-N-Clear Car Stereos & Custom– 110 Davis Avenue, Glen Lyn, VA 24093– (540) 726-7272
• Jared Spencer, Owner and Principal Contact– [email protected]
• Specializing in:– Car Audio Installation– Car Alarm Installation– Ground Effects– Window Tinting
![Page 4: John Vile Website Development for Loud-N-Clear Car Stereos & Custom](https://reader035.fdocuments.us/reader035/viewer/2022070500/568168d5550346895ddfc5c5/html5/thumbnails/4.jpg)
Existing Web Site
Not Applicable
![Page 5: John Vile Website Development for Loud-N-Clear Car Stereos & Custom](https://reader035.fdocuments.us/reader035/viewer/2022070500/568168d5550346895ddfc5c5/html5/thumbnails/5.jpg)
Sites Used for Inspiration #1
![Page 6: John Vile Website Development for Loud-N-Clear Car Stereos & Custom](https://reader035.fdocuments.us/reader035/viewer/2022070500/568168d5550346895ddfc5c5/html5/thumbnails/6.jpg)
Sites Used for Inspiration #2
![Page 7: John Vile Website Development for Loud-N-Clear Car Stereos & Custom](https://reader035.fdocuments.us/reader035/viewer/2022070500/568168d5550346895ddfc5c5/html5/thumbnails/7.jpg)
Home Page Design Sketch
![Page 8: John Vile Website Development for Loud-N-Clear Car Stereos & Custom](https://reader035.fdocuments.us/reader035/viewer/2022070500/568168d5550346895ddfc5c5/html5/thumbnails/8.jpg)
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
![Page 9: John Vile Website Development for Loud-N-Clear Car Stereos & Custom](https://reader035.fdocuments.us/reader035/viewer/2022070500/568168d5550346895ddfc5c5/html5/thumbnails/9.jpg)
Color Plan
• Heading Text: black on white backgroundExample:
• Body Text: white on black backgroundExample:
• Link Activity: depending on stateExample:
![Page 10: John Vile Website Development for Loud-N-Clear Car Stereos & Custom](https://reader035.fdocuments.us/reader035/viewer/2022070500/568168d5550346895ddfc5c5/html5/thumbnails/10.jpg)
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
![Page 11: John Vile Website Development for Loud-N-Clear Car Stereos & Custom](https://reader035.fdocuments.us/reader035/viewer/2022070500/568168d5550346895ddfc5c5/html5/thumbnails/11.jpg)
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)
![Page 12: John Vile Website Development for Loud-N-Clear Car Stereos & Custom](https://reader035.fdocuments.us/reader035/viewer/2022070500/568168d5550346895ddfc5c5/html5/thumbnails/12.jpg)
Physical Site Diagram