DAYCO AFTERMARKET WEBSITE GRAPHICS AND GUIDELINES

Slides:



Advertisements
Similar presentations
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Advertisements

Unit 20 - Client Side Customisation of Web Pages
Pacific Collegiate School History Department Style Guide
Microsoft PowerPoint 2013 An Overview.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Brand Standards Guide.
COMPUTATIONAL THINKING FOR INFORMATION TECHNOLOGY HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK.
CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.
Signature GuidelinesPage 1 Mandatory Requirements Font: Trebuchet Size: points Main Copy Color: Dark Gray (RGB 117/117/117 or # Hex)
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Abstract # 0000 Make the Main Title with Large Bold Type Use Smaller Type for the Subtitle. Above Type is 105pt. This Type is 70pt. Make authors’ names.
The Nav Bar. Nav is short for Navigation. Having a Navigation Bar makes searching for information easier on those accessing your page. Here are some common.
Slide Header, 36 pt. dark gray When using this template, please follow the identity guidelines found at
EDT321EDT321 1 Summer Session Online Presentations Presentation Guidelines Design Guidelines Graphic File Types Power Point Skills PowerPoint Project.
Exemple de PowerPOint Petit exemple de mise en page et animation etc … 28/03/2012.
Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.
Content Administration 08/19/13 & 08/20/13.
ThomasNet – “Connecting Industry” Overview. ThomasNet Comprehensive Database Used to find manufacturers, distributors and service providers of industrial.
Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
WEB DESIGN PRINCIPLES Dale Blasingame School of Journalism & Mass Communication Texas State University.
Creating a Google Site For a Digital Portfolio Purpose.
Make the Main Title with Large Bold Type Use Smaller Type for the Subtitle. Above Type is 110pt. This Type is 80pt. Make authors’ names smaller. This is.
1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!
3E Online General User Training Guide
Overview Review Elements
Overall Design Standards
Overall Design Standards
Overall Design Standards
Basics of Website Development
MWV Punchout – HOME Page
Overall Design Standards
Overall Design Standards
Web Design M. Jacie Yang Assistant Professor
Unit 17 Website Development
Overall Design Standards
Layout - you need to understand that a simple navigation bar:
Overview Review Elements
Fixed Positioning.
MYRIAD, ARIAL OR KNOCKOUT 36-48pt UPPERCASE
TITLE PAGE: MAIN TITLE Sub-title
Table of Contents 1 – Header & Footer Design 2 – Homepage Design 3 – Category Page Design 4 – Subcategory Page Design 5 – Product Page Design 6 – Checkout.
Overall Design Standards
FRC Parts Exchange Guide to the site.
MYRIAD, ARIAL OR KNOCKOUT 36-48pt UPPERCASE
Arial normal 36pt upper & lower case
MYRIAD, ARIAL OR KNOCKOUT 36-48pt UPPERCASE
Overall Design Standards
MYRIAD, ARIAL OR KNOCKOUT 36-48pt UPPERCASE
MYRIAD, ARIAL OR KNOCKOUT 36-48pt UPPERCASE
MYRIAD, ARIAL OR KNOCKOUT 36-48pt UPPERCASE
Overall Design Standards
MYRIAD, ARIAL OR KNOCKOUT 36-48pt UPPERCASE
Overall Design Standards
MYRIAD, ARIAL OR KNOCKOUT 36-48pt UPPERCASE
MYRIAD, ARIAL OR KNOCKOUT 36-48pt UPPERCASE
MYRIAD, ARIAL OR KNOCKOUT 36-48pt UPPERCASE
Overall Design Standards
Overall Design Standards
Overall Design Standards
MYRIAD, ARIAL OR KNOCKOUT 36-48pt UPPERCASE
Overall Design Standards
Overall Design Standards
Overall design standards
Overall design standards
Overall design standards
Overall design standards
Presentation transcript:

DAYCO AFTERMARKET WEBSITE GRAPHICS AND GUIDELINES OVERVIEW This information is intended as a guide for building your Aftermarket websites. Each Aftermarket unit has different product offerings and needs, so we have created 5 main graphic elements that may be customized to those needs. Graphics…………………pages 2-5 Guidelines……………..pages 6-8 Examples……………….pages 9-10 FILES NEEDED Header with Navigation Bar (.gif and .jpg) Header without Navigation Bar (.gif and .jpg) Navigation Bar (.gif and .jpg) Left Navigation (.gif and .jpg) Dayco Header (Photoshop – Layered File)

STANDARD ENGLISH HEADER Use File: header_with_navigation_bar.gif Or header_with_navigation_bar.jpg

Use File: dayco_header.psd (Photoshop – Layered File) BLANK HEADER FOR LANGUAGES OTHER THAN ENGLISH Use File: dayco_header.psd (Photoshop – Layered File)

ADDITIONAL HEADER OPTION Use File: header.jpg OR header.gif NAVIGATION BAR IS NOT ATTACHED Use File: header.jpg OR header.gif

ADDITIONAL NAVIGATION OPTIONS Below Header Navigation Bar– Use File: navigation_bar.jpg OR navigation_bar.gif Left Navigation - Use File: left_navigation.jpg OR left_navigation.gif

STANDARD HEADER AND NAVIGATION Corporate Links To: www.dayco.com/corporate OE Links To: www.dayco.com/oe Aftermarket Links To: www.dayco.com/regions Change Region Links To: www.dayco.com/regions Header PRODUCTS ONLINE CATALOG TRAINING/VIDEOS WHERE TO BUY CONTACT SEARCH Font: Helvetica or Arial Size: 10 PT Type Color: White Navigation Bar

ADDITIONAL NAVIGATION – OPTION 1 PRODUCTS ONLINE CATALOG TRAINING/VIDEOS WHERE TO BUY CONTACT SEARCH Top Level Navigation Font: Helvetica or Arial Size: 10 PT Type Color: White Lower Level Navigation Font: Helvetica or Arial Size: 8 PT Type Color: White

ADDITIONAL NAVIGATION – OPTION 2 PRODUCTS ONLINE CATALOG TRAINING/VIDEOS WHERE TO BUY CONTACT SEARCH Top Level Navigation Font: Helvetica or Arial Size: 10 PT Type Color: White DAYCO DIRECT DAYCO STORE TECHNICIAN SUPPORT PROGRAM PRIVACY Left Navigation Font: Helvetica or Arial Size: 8 PT Type Color: Grey

WITH ALL NAVIGATION UNDER HEADER EXAMPLE WEB PAGE WITH ALL NAVIGATION UNDER HEADER

WITH TOP AND LEFT SIDE NAVIGATION EXAMPLE WEB PAGE WITH TOP AND LEFT SIDE NAVIGATION