Design Specifications Prepared for: ____________ Date.

Slides:



Advertisements
Similar presentations
Web Page Design Critical Elements for a Well Designed Web Page.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Team Leads Orientation to the Activity Tracker. Thank you for becoming an Active U Team Lead This presentation has been developed to orient you to the.
HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
Unit 20 - Client Side Customisation of Web Pages
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
Eere.energy.gov Agenda Review usage trends Recommendations based on data EERE’s plans to address template-level findings Crazy Egg Analysis: Usage Trends.
DO NOT PLACE ANY TEXT OR GRAPHICS ABOVE THE GUIDELINE SHOWN DO NOT PLACE ANY TEXT OR GRAPHICS BELOW THE GUIDELINE SHOWN TO EDIT GRAPHICS IN THE MASTER.
 CSS Presentation and layout is based on the CSS Box Model.  The CSS Box Model states that every element on a page is a rectangular box.  This includes:
Creating a Poster It is easier than you think! 1.
1 1 User Manual for Approver Approving Orders on the SKF Giftzone.
Contact: Fei Gao Office of Information Technology Montclair State University Creating Professional ePortfolios with Google Sites.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Creating a Website: Introduction to the Basics Dr Janelle Young.
Google Drive. Google Docs Google Drive is the new home for Google Docs Create and share your work online and access your documents from anywhere Manage.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Login using your admin password Getting started > To edit content on the website you need to login with administrative rights. Your login/ password would.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Appointee
A web design firm! Champyon Shots. The Proposal The purpose of this website is to promote Greenville College Soccer for future recruits. The terms of.
Unit 1 Assessment 2 Ms Buckley Letter Success Criteria Text Success Criteria Letterhead Success Criteria Article Success Criteria Power point Success Criteria.
Start the slide show by clicking on the "Slide Show" option in the above menu and choose "View Show”. or – hit the F5 Key.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Web Technologies Website Development Trade & Industrial Education
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.
Unit 21 – Creating Computer Graphics. Logo Static ButtonRoll Over Button Advertising Banner Navigation Bar.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
Websitewala.com Welcome to. The purpose of your website is to develop a valuable set of information sources that provides information and news about your.
Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation.
Website Development with Dreamweaver
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
Google Drive. Google Docs Google Drive is the new home for Google Docs Create and share your work online and access your documents from anywhere Manage.
Project Manager: Lead Designer: Information Architect: Lead Developer: Lakeshia Burnside Myrtle Nurse Ashlei Evans Stacey Jeanpaul Web site Visual Design.
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Review of last Session Learning Objectives 1. Create an on-line account with weebly.com along with a blank website 2. What a domain names are & how to.
By: Caitlin McCullough, Kaitlyn Kauffman, and Alexis Bergquist.
Microsoft Expression Web 3 – Illustrated Unit F: Enhancing a Design with CSS.
SANSUEB SOFTWARE PRESENTS SkyTextMsg – Online Texting for your Business.
Content Administration 08/19/13 & 08/20/13.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
PowerSchool-Parent Portal Information
Note:- You can unpin it any time you wish to…..
GOOGLE SITES HOW TO USE GOOGLE SITES TO CREATE A WEBSITE FOR CORNERS, STUDENT GROUPS, YOUTH CLUBS, YALI STEPHEN PERRY, IRO, GHANA OCTOBER 2014.
We looked at these two presentations and talked about the structure of setting up the table.
Multimedia Web site development Plan your site Steps for creating web pages.
Lindsey Velez, Director of Instructional Technology Single Sign-On One Click.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
Website Tools & Resources Navy League of the United States Citizens in Support of the Sea Services Building an Online Presence for Your Council What is.
 Learn the mechanics of using App Inventor to build apps.  Learn how to design an app’s user interface with the App Inventor Designer, and its behavior.
Web technologies Session 2. Slide 2. 1 Objectives for session 2  To develop participants’ knowledge, skills and understanding of web-page design  To.
Section 7.1 Section 7.2 Identify presentation design principles
Questions That Should Be Asked to a PPC Consultant
Chapter A - Getting Started with Dreamweaver MX 2004
LESSON 4 Module 4: Working with Images Navigation Tools.
Unit 17 Website Development
Cover slide 1 We recommend picking one cover slide from these two options and removing the other from the Master This PowerPoint Template includes a series.
Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”
Getting Started with Dreamweaver
Page plans A01 Design.
Fantastic Graphics Inc. 2017
FRC Parts Exchange Guide to the site.
Jordan McKinley - Nichols
Customizing Your Home Page
Login to our New ITS Page
Tips on good web site Design
Wells Fargo Toolkit – CreativeBuilder Reference Guide
How to Register For Access
How to Register For Access
Presentation transcript:

Design Specifications Prepared for: ____________ Date

Introduction Objective Objective Rockland Web Design will be creating a new web presence for this client, and request the client review and approve forthcoming specifications and also provide materials requested. Our first task is to determine the “look and feel” of the pending website, as thought of through the eyes and sensory perceptions of our client. We look for the following aspects: Rockland Web Design will be creating a new web presence for this client, and request the client review and approve forthcoming specifications and also provide materials requested. Our first task is to determine the “look and feel” of the pending website, as thought of through the eyes and sensory perceptions of our client. We look for the following aspects: Websites: Used as examples from the client, as related to aspects listed below Websites: Used as examples from the client, as related to aspects listed below Style: Overall arrangement of the site, content and materials, as well as the type of message that the client wishes to convey. Artistic, corporate, tech- savvy or trendy are good descriptions of style types. Style: Overall arrangement of the site, content and materials, as well as the type of message that the client wishes to convey. Artistic, corporate, tech- savvy or trendy are good descriptions of style types. Color: What colors will be used on the website for the background, banner, links, imagery and fonts Color: What colors will be used on the website for the background, banner, links, imagery and fonts Shapes: Thin or thick lines used as separators, curved or round edges Shapes: Thin or thick lines used as separators, curved or round edges Imagery: What graphics will be used to convey the primary message(s) of the website Imagery: What graphics will be used to convey the primary message(s) of the website Fonts: The shape of the letters, such as Times New Roman or Arial Fonts: The shape of the letters, such as Times New Roman or Arial

Sample Websites Please provide a minimum of 5 websites, for use as examples in our preliminary design sketches. This step is VERY, VERY IMPORTANT. Please take the time to do this vital research. Please provide a minimum of 5 websites, for use as examples in our preliminary design sketches. This step is VERY, VERY IMPORTANT. Please take the time to do this vital research. Site 1: Site 1: Site 2: Site 2: Site 3: Site 3: Site 4: Site 4: Site 5: Site 5:

Colors What colors would you like for the background, the banner, the fonts, etc.? What colors would you like for the background, the banner, the fonts, etc.? Primary colors: Primary colors: Banner colors: Banner colors: Font colors: Font colors: Content area (Light / dark): Content area (Light / dark): Background color / image: Background color / image:

Banner Style Usually a sliding scale between “corporate or artsy”, and “fun” or “serious” Describe how you want the site to feel, in terms of style… Usually a sliding scale between “corporate or artsy”, and “fun” or “serious” Describe how you want the site to feel, in terms of style… ARTSY SERIOUS MOVING CORPORATE STATIC FUN

Banner Imagery & Layout Font of the Banner text: Font of the Banner text: Tagline: Tagline: Number of images: Number of images: Layout: Layout: Banner x 150 Image / logoImage Company Name Tagline Phone Number

Navigation Do you prefer left or top navigation? Do you prefer left or top navigation? Content Area Banner Left Content Area Banner Top

Landing Page ?

Shapes How do you want to divide up the specific sections of the website? How do you want to divide up the specific sections of the website? Thick lines Thick lines Thin lines Thin lines Do you want curved edges to the tables, or straight, boxy like edges? Do you want curved edges to the tables, or straight, boxy like edges? Curved Edges ?Boxy edges

Fonts: Choose your favorite one: Arial Standard Times New Roman Comic Sans MS Verdana Please note that there are other font choices which can be used…however they may not appear on every visitor’s computer. We strongly urge the client to stay with one of these 4 web-safe fonts. For a better understanding of web-safe fonts, please visit

Call to Action This will be an incentive on the website that will encourage people to perform an action, such as: This will be an incentive on the website that will encourage people to perform an action, such as: Fill out a contact form with visitors’ information Fill out a contact form with visitors’ information Sign up for a newsletter Sign up for a newsletter Purchase a product Purchase a product Examples: Examples: Enter a drawing to win a free product or service Enter a drawing to win a free product or service Sign up for our newsletter Sign up for our newsletter Click here to offer suggestion Click here to offer suggestion Click Here to Sign Up!

List of pages Home Home About Us About Us Products Products Services Services Newsletter Newsletter Frequently Asked Questions Frequently Asked Questions Contact Us Contact Us Others: Others:

Other We will setup a Google Account for: We will setup a Google Account for: Analytics Analytics Adwords Adwords Webmaster tools Webmaster tools Site map Site map Apps Apps What is your preferred User Name: What is your preferred User Name: What is your preferred Password: What is your preferred Password:

Materials We request the client provide the following materials so that we may produce the design specified by this document: We request the client provide the following materials so that we may produce the design specified by this document: Logo: Logo: Tagline: Tagline: Additional imagery, as described above if available. Additional imagery, as described above if available. Content – We suggest that the client begin creating content for website during RWD design phase. Content – We suggest that the client begin creating content for website during RWD design phase.

Domain Information We require domain registrar information: We require domain registrar information: Domain(s) Domain(s) Name of registrar: Name of registrar: Website to login: Website to login: User Name: User Name: Password: Password:

Thank You!!! Thank You!!!