State Web Site Redesign

1
State Web Site Redesign

2
Key Topics

• What are we doing?
• Why are we doing it?
• What Is required? minimum standards
• Timing
• Additional Web site features available
• Migration path options
• Toolsets provided and available support

3
Arizonas State Web Site

• Front door for Arizona state government on the
  Web www.AZ.gov
• Over 6,000,000 page views per month on www.AZ.gov
• Over 30 of transactions occur during
  non-business hours 24 x 7 availability
• New portal vendor (NIC, Inc) new capabilities

4
Why a New Design?

• Current design eight years old
• Improved look and feel
• Improved technology capabilities
• Improved customer service with new features
• Diversification of agency Web sites

5
New Site Design

• New design offers advanced features and
  functionality
• Many features of www.AZ.gov site will be
  available for inclusion in agency sites
• Opportunity to present consistent look and feel
  across all executive branch agency Web sites

6
(No Transcript)
7
Minimum Standards
8
What is Required?Minimum Standards Overview

• The new standards are designed to be as simple as
  possible to implement. The minimum requirements
  include
• Notice of Intent (NOI) - Prior to development of
  the new site, the agency must submit the NOI and
  receive approval letter
• Banner swap Each agency will have a consistent
  new banner with flexibility to select from a
  variety of colors and add unique images that
  relate to the agency
• Navigation - Update current navigation colors
  based on chosen color palette
• Policies - Follow website accessibility and
  privacy policies
• Contact Each agency must link to their contact
  page in the footer

9
What is Required?Minimum Standards Overview
What is the Notice of Intent NOI? This
directive is intended to ensure that agencies
are 1. Employing cost efficient means in
deploying all web-related services, 2. Evaluating
the services offered through the AZ.GOV
Portal, 3. Adhering to statewide P350 NOI policy
as published and 4. Maintaining a consistent
look and feel in their website designs.
10
Minimum Standards
Minimum Standards

• Select State approved color palette
• Header banner consistent with State
  standards

11
Color Palettes
12
Color Palettes
13
Minimum Standards
Minimum Standards
Header Banner

• Approved Header
• Agency branding Left
• AZ.GOV logo Right
• Height 75px, Width 100
• Color Based on color palette
• Font Arial in white, black, grey or color
  palette
• Middle Images or from color palette

14
Minimum Standards
Navigation

• Top Navigation (Optional)
• Site map reconfiguration may be needed
• One drop down menu, 12 sub links
• Static links may be used
• Height 21px, Width 100
• Color 333333

15
Minimum Standards
Minimum Standards
Search

• Header - Region 3
• Height 21px, Width 100
• Optional agency slogan - left
• Search box right
• Color 333333

16
Minimum Standards
Minimum Standards
Agency Content Area

• Left Hand Navigation
• Agency current code may be used
• Color based on template scheme choice
• Solid colors only
• No gradients
• No background images
• Layout 1, 2, or 3 columns
• Footer
• Contact Info
• Privacy Policy
• Accessibility Policy

17
Agency Participation

• Deadline Extended! By September 1, 2009 all
  agency web sites must be converted to match the
  new State design standards to achieve a
  consistent look and feel across all State
  agencies.
• Information regarding process, minimum design
  requirements, forms, templates, color palettes
  and policies can be found on the GITA website 
  http//www.azgita.gov/digital_gov/az_gov/. 
• GITA assistance will be available to develop the
  new banner consistent with the templates if
  requested, or more advanced edits are offered by
  ADOA, ISD.

18
Agency Web Site Migration Paths and Toolsets

• Four migration path options
• Option 1A
• Option 1B
• Option 2
• Option 3 Not yet available

19
Migration Path / Toolset Options

• Option 1A
• HTML Banner Transfer Package To be used with
  agencys current Left Navigation
• Option 1B
• HTML Banner Transfer Package Top Navigation

20
Option 1A, 1B Overview

• Ideal for small agency / simple web site
• Simple update of HTML banner template content
  and navigation remain same as current
• Agency can develop on their own -- OR -- AZ.gov
  staff will assist agency by preparing a new
  banner consistent with new design

21
Migration Path / Toolset Options

• Option 2
• Entire Layout HTML, Custom CSS, Global Template
  and Global CSS Package
• Option 3 Not Yet Available
• Everything offered with Option 2
• Additional features available at the launch of
  AZ.GOVLive help and calendar
• Integrates with Adobe Contribute (You can use
  your own CMS)

22
Additional Features

• TabsSaves space on homepage
• Accessible Flash SlidesNo Flash knowledge
  needed!

23
(No Transcript)
24
Option 2 Overview

• Package includes all HTML, CSS, JavaScript, and
  Photoshop files
• Targeted at larger agencies with complex web
  sites
• Intended for expert HTML experience level
• Initial Beta release Available now
• Feedback is greatly appreciated

25
Option 3 Overview

• Package will include all HTML, CSS, JavaScript,
  and Photoshop files, and mockup pages
• Good for smaller agencies that do not have
  technical resources to do everyday HTML updates
• HTML will be integrated to work seamlessly with
  Adobe Contribute CMS (agencies will still have
  ability to adapt code to work with their own CMS.
  Like working with ISDs Modify Content)
• Available after the launch of AZ.gov

26
About Adobe Contribute

• Allows non-technical staff to update Web site
  content
• Basic workflow included in package
• Version control
• Available via State contract for approximately
  150 / seat license
• AZ.gov training sessions will be scheduled
• Tightly integrated with Option 3

27
Next Steps

• Redesign materials can be found at www.azgita.gov
• GITA / AZ.gov can assist agencies with technical
  support during the conversion process, if
  requested
• Additionally, GITA can provide the graphic design
  assistance with developing a new banner with
  agency selected images

28
Examples of Completed Websites

• Approximately 20 Web Sites have already been
  converted to the new look.  Several examples of
  completed web sites are
• Arizona Department of Racing - http//www.azracing
  .gov/
• AHCCCS - http//azahcccs.gov/
• Arizona State Board of Pharmacy -
  http//www.azpharmacy.gov/
• School Facilities Board - http//www.azsfb.gov/
• Department of Water Resources -
  http//www.azwater.gov/azdwr/

29
Arizona Department of Racing - http//www.azracing
.gov/
Old Design
30
AHCCCS - http//azahcccs.gov/
Old Design
31
Arizona State Board of Pharmacy -
http//www.azpharmacy.gov/
Old Design
32
Department of Water Resources -
http//www.azwater.gov/azdwr/
Old Design
33
Minimum Standards

• !!! Prior to designing and launching your
  website
• Submit NOI for review and approval
• Submit minimum design standards checklist
• Test in multiple browsers
• Ensure website is accessible

34
GITA Contact Information

• Andy Miller
• State Web Portal Manager
• [phone]
• amiller_at_azgita.gov
• Technical Support Contact
• Shanna Anderson
• State Portal Webmaster
• [phone]
• sanderson_at_azgita.gov

35
ADOA Information Services DivisionWebsite
Redesign
WWW.ISD.AZDOA.GOV Presented by Buck Forst
36
Charter Schools
37
State Forestry
38
Modify Content (CMS)

• Manage website content, not look and feel
• Uses Y.E.S. authentication (HRIS)
• Insert hyperlinks anchors
• Insert images and PDF/DOC/XLS file types
• Included FREE OF CHARGE for all websites hosted
  with ISD

39
Modify Content
40
Modify Content Video
41
Website Process

• ISD Copies your current content to a testing
  location.
• Creates the website design with the Modify
  Content built into the template
• We create the new pages and copy/paste the
  content into the new pages
• Customer tests the new site and validates the
  content has been moved properly
• Notice Of Intent (NOI) sent to GITA for approval
• ISD changes the DNS to point to the new hosting
  location

42
Whats Included?

• State-wide look and feel
• Modify Content
• Search Functionality
• AWStats (web site statistics)
• Network Intrusion Detection / Tipping Point
• Nightly Backups
• 24/7 Help Desk Support included with ISD
  hosting packages

43
How Much Does It Cost

• How Much Content
• What is the website technologyFront Page,
  Dreamweaver, PHP, ASP, ASP.NET?
• Is there Database Connectivity
• What new features are being added
• Where will the web site be hosted
• Additional Programming

44
Recommended Add-ons

• Subscription Email Service (SES)
• Exchange Email
• SSL Site Security
• Profense Network Security
• Additional Information available at
  www.ISD.AZDOA.gov click Service Rates Catalog

45
Questions?

• Please contact ISDwww.ISD.AZDOA.govorBuck
  ForstBuck_at_ad.az.gov(602) 542-3717