REFORM Website Design and IA Brief. BRANDING  The four versions of the mark shown here illustrate all the permitted ways of reproducing the mark  Whenever.

Slides:



Advertisements
Similar presentations
Create a Table of Contents Microsoft Word Help FAQ. How to create a table of contents in Microsoft Word Microsoft Word Help FAQ. How to create a table.
Advertisements

This menu appears at the top of the page in the header tag. The typography and colour scheme is simplistic so that the site is easy to read and navigate.
JSTOR User Services l February 2009 Using the JSTOR Interface User Services, February 2009.
DoW text: Task and WP leaders will prepare syntheses reports of the project progress, its results and its implications. These synthesis reports will be.
NZSTA WEBSITE HELP GUIDE. REGISTRATION Easy registration to access members area.
Delivering Knowledge for Health Edit mode to enable administrators to : Add widgets Add pages Set page format Publish to the website.
Novartis Brand Essentials
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
Website Design - Review Layout using tables. Table exmaple James 11/08.
Parent Academy Topic: Technology Services 1. Outcomes 2 Tech Services provides support for all of Palmdale’s technology systems and programs.
Home page for the AIAA STC Acts like a table of content for the site Central column is the most dynamic TC meeting information publications events Links.
Creating an Online Professional Presence Using Social Media.
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.
Contac Us: Key Info Search Go Privacy | Legal | © Key Information Systems. All rights reserved. Site Design: Diamond Creative IT.
Home Page New Media and Games Work Showcase Broadcast Showcase Media display pageGame pageBOA TVBOA Radio.
First example – Game of Thrones official website This website includes large images at the every front of the page. These images can be effective for.
Updated website; linked to the updated social sites.
© FSAI IFSTI Web Survey 2006 Wayne Anderson. © FSAI Respondents n=54.
PBA Front-End Programming Page Composition. Page composition Now we know about – Colors – Fonts, texts and editorial style – Links and navigation – …
Contac Us: Key Info Search Go Privacy | Legal | © Key Information Systems. All rights reserved. Site Design: Diamond Creative IT.
Zipcar ( BK FarmyardsZipcar URL S: The URL is clear, logical and intuitive to Brooklyn Farmyards O: Not all users are familiar with.
Website content GOOD FOOD FOR GOOD. PAGES 1.Home / landing page 2.philosophy 3.good food (i.e. products) 4.about 5.blog 6.banner Target / actual for impact.
Site map NMA Site Home Page 0.0 Gallery 4.0 Animation 3.1 Interface Design 3.2 Information Architecture 3.3 Admissions 5.0 Faculty 6.0 VERSION REVISED.
Protect Association - New website review Presented by Dennis Haggerty and Andrew Areoff.
Delivering Knowledge for Health Dentistry Specialist e-Library and Shared Space.
Presented by: Brad Gross, Helen Kamandhari, Royce Jacomen.
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.
Best practices for club websites. What’s in a name? Domain name & browser title.
PowerPoint Paper Backgrounds for Teacher Presentations Designed by MsEffie Backgrounds for Teacher Presentations Designed by MsEffie
Click Here for Swimming Classes for Toddlers
Line Sheet Template
Product Catalog Template -
Price List Template -
RAOTM Exhibiting Partner Information
Exhibiting Partner Information
COMPETITIVE ANALYSIS D CUSTOM TEMPLATE.
County Website Content Management System
Guidelines for PowerPoint
PBA Front-End Programming
Layout - you need to understand that a simple navigation bar:
Chapter 17 Designing for the web
Synchronizing Text & Objects
Presentation title goes here
Styles and the Box Model
Session I Chapter 18 - How to Design a Web Site
Presentation title goes here
A1 Student Posters Posters Print Services  Robinson Library  University of Newcastle  phone: Introduction The.
<ELLIIT Project Name>
Investigation and/or management Discussion or Conclusion
Option for more information
Insert Presentation Title
Dashboard for Editorial Control
Presentation title.
Presentation title.
Poster Title Heading Heading Heading Heading Heading Heading
2016 REPORTING The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
The Weirdest Case I Ever Saw Dr. AN Other, Dr. J Doe & Prof
2016 REPORT.
How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.
Guidelines for PowerPoint
PowerPoint Wide screen template November 2016
Common Page Design Elements
A1 Student Posters Posters at Print Services  Robinson Library  University of Newcastle  phone: Introduction.
Animated PowerPoint Template
T A R S E L I T L I S S T O TEMPLATE – SUBTITLE
201X REPORT.
目 录 The quick brown fox. 目 录 The quick brown fox.
Title of Your Presentation Presenter Name, Job Title
2016 REPORT.
Presentation transcript:

REFORM Website Design and IA Brief

BRANDING  The four versions of the mark shown here illustrate all the permitted ways of reproducing the mark  Whenever you see our mark it should only be in one of these four colour ways. REFORM

COLOUR OPTIONS Primary colours R:153 G:102 B:255 R:135 G:0 B:78 dotted grid R:210 G:20 B:122 R:135 G:0 B:78 R:102 G:0 B:102R:204 G:153 B:255 R:210 G:20 B:122 dotted grid Secondary colours For dotted grid effect go to Format, Colour, Fill Effects, Pattern R:255 G:255 B:255 dotted grid Tertiary colours R:105 G:105 B:105 dotted grid R:0 G:0 B:0 R:255 G:255 B:255 R:0 G:0 B:0 dotted grid R:102 G:0 B:102 R:153 G:102 B:255 dotted grid R:204 G:153 B:255 dotted grid

TYPOGRAPHY REFORM THE QUICK REFORM FOX JUMPED OVER THE LAZY BROWN DOG. THE QUICK REFORM FOX JUMPED OVER THE LAZY BROWN DOG. THE QUICK REFORM FOX JUMPED OVER THE LAZY BROWN DOG. REFORM The quick REFORM fox jumped over the lazy brown dog. The quick REFORM fox jumped over the lazy brown dog. The quick REFORM fox jumped over the lazy brown dog. REFORM The quick REFORM fox jumped over the lazy brown dog. The quick REFORM fox jumped over the lazy brown dog. The quick REFORM fox jumped over the lazy brown dog. IMPACT REFORM The quick REFORM fox jumped over the lazy brown dog. The quick REFORM fox jumped over the lazy brown dog. The quick REFORM fox jumped over the lazy brown dog. Franklin Gothic Medium Franklin Gothic Book

INFORMATION ARCHITECTURE: CONCEPTUAL MODEL Tier 1 Home Tier 2 ResearchEvents Tier 3 Information Media Tier 4 The Week Template instances (i.e, distinct pages) sit in the site in a distinct hierarchy – Tiers 1-4. Page designs (look and feel) must reflect this.

INFORMATION ARCHITECTURE: COMPLETE STRATEGY Home Research Events Information The Week Coverage Our VisionOur PeopleOur WorkInfluenceSupportContactInformation RecentHealthEconomyEducationWelfareGovtJustice Up coming Recent Health EconomyEducationWelfareGovtJustice Annual Party Conferences Round Table ArchivePodcasts DfR/EfR

home | about us | research | events | contact Legal, privacy, accessibility HOME NAV AND SITE NAVIGATION Our Vision Our People Our Work Influence Recent Health Economy Education Welfare Govt Justice Up Coming Annual Party Conf Round table Archive Podcasts Information Support Jobs Coverage

Logo Box Bar 3: main nav Bar 4: breadcrumbs Box 1: main content, generally paragraphed text with sub- heads - flowing data Bar 6: Legal, privacy, accessibility Bar 2: search TEMPLATE 1: HOME Fun Box animated or static GIF/jpeg/PNG with overlaid text linking to a temporary or news splash page. Hidden from view when not in use Bar 5: Facebook Twitter YouTube AudioBoo Bar 1: Newsfeed (UK political) Box 2: Link to “Most Recent” Research Box 3: Link to “Up- coming” Events Box 4: Subscribe to The Week

Logo Box Bar 2: main nav Bar 3: breadcrumbs Box 1: content categorised into sub-sections with links to specific content Bar 4: Legal, privacy, accessibility Bar 1: search TEMPLATE 2: RESEARCH AND EVENTS Fun Box 1: Fun Box 2: Fun Box 3:

Bar 2: main nav Bar 3: breadcrumbs Box 2: mugshot and/or video and/or newsclip Box 1: main content, generally paragraphed text with sub- heads - flowing data Bar 6: Legal, privacy, accessibility Bar 1: search TEMPLATE 3: INFORMATION AND COVERAGE PAGES Box 4: Link to relevant events Box 3: Link to specialist research area (eg Health) Bar 5: nav to next subheadBar 4: nav to previous subhead Logo Box