SlideShare a Scribd company logo
1 of 20
Download to read offline
RESPONSIVE WEB DESIGN
CASE STUDY
PROJECT BACKGROUND
• Victoria Online launched 2003
• Name, rebrand and redesign vic.gov.au
    to maximise discoverability and recognition
•   Improve usability, loyalty
•   Incorporate latest web technologies
•   Present vic gov information and services
    in a way that end users prefer
•   Launching January 2013
UNDERSTANDING
OUR AUDIENCE
MOBILE TRAFFIC
                 Access to vic.gov.au from mobile devices
                             (VIEWS PER MILLION)

  1.5



1.125



 0.75



0.375



   0
        2010 2nd Qtr      2010 4th Qtr       2011 2nd Qtr   2011 4th Qtr
MOBILE TRAFFIC
      Access to mobile site m.vic.gov.au from mobile devices
                     (VIEWS PER HUNDRED THOUSAND)

400



300



200



100



 0
      2012 1st Qtr      2012 2nd Qtr     2012 3rd Qtr   2012 4th Qtr
DEVICE POPULARITY

                    7%
               8%

            8%
                                     50%


            27%




   iPhone   iPad    iPod Touch   Galaxy    HTC Desire
INTERIM MOBILE SITE
“
I think of responsive design as
an alternative to mobile sites.
               —ETHAN MARCOTTE
vic.gov.au : case study in responsive web design
CHALLENGES
CONTENT
  Title Text
“
Responsive design should be
[an] approach that delivers
elegant visual experiences
regardless of display size and
the limitations or capabilities
of the device.
               -—JEFFREY ZELDMAN
vic.gov.au : case study in responsive web design
vic.gov.au : case study in responsive web design
vic.gov.au : case study in responsive web design
ACCESSIBILITY
CONCLUSIONS
LESSONS LEARNT
• Realistic project scheduling
• Allow plenty of time for testing
    (different browsers and platforms)
•   Regular communication between stakeholders
“
The web’s moved beyond the
desktop, and it’s not looking
back. The number of devices
we’re designing for is growing
just as quickly as mobile
traffic.         —ETHAN MARCOTTE
vic.gov.au : case study in responsive web design

More Related Content

More from eGovernment Resource Centre

Information Victoria - online developments for and with citizens
Information Victoria - online developments for and with citizensInformation Victoria - online developments for and with citizens
Information Victoria - online developments for and with citizenseGovernment Resource Centre
 
The Customer is Always Right - Service Ontario Webcast
The Customer is Always Right - Service Ontario WebcastThe Customer is Always Right - Service Ontario Webcast
The Customer is Always Right - Service Ontario WebcasteGovernment Resource Centre
 
Co-Production by Design – embracing digital society makes for smarter services
Co-Production by Design – embracing digital society makes for smarter servicesCo-Production by Design – embracing digital society makes for smarter services
Co-Production by Design – embracing digital society makes for smarter serviceseGovernment Resource Centre
 
Customer Satisfaction - recent updates in measurement and performance across ...
Customer Satisfaction - recent updates in measurement and performance across ...Customer Satisfaction - recent updates in measurement and performance across ...
Customer Satisfaction - recent updates in measurement and performance across ...eGovernment Resource Centre
 
Service Delivery - Directions and Changes at the Commonwealth Level
Service Delivery - Directions and Changes at the Commonwealth LevelService Delivery - Directions and Changes at the Commonwealth Level
Service Delivery - Directions and Changes at the Commonwealth LeveleGovernment Resource Centre
 
Web Analytics: The past, present and future - Victoria Online Seminar Series ...
Web Analytics: The past, present and future - Victoria Online Seminar Series ...Web Analytics: The past, present and future - Victoria Online Seminar Series ...
Web Analytics: The past, present and future - Victoria Online Seminar Series ...eGovernment Resource Centre
 
8 emerging technology trends that will impact Government in 2011
8 emerging technology trends that will impact Government in 20118 emerging technology trends that will impact Government in 2011
8 emerging technology trends that will impact Government in 2011eGovernment Resource Centre
 
Teaching old sites new tricks: Transforming the Better Health Channel into a ...
Teaching old sites new tricks: Transforming the Better Health Channel into a ...Teaching old sites new tricks: Transforming the Better Health Channel into a ...
Teaching old sites new tricks: Transforming the Better Health Channel into a ...eGovernment Resource Centre
 
Achieving best practice in delivering government information and services online
Achieving best practice in delivering government information and services onlineAchieving best practice in delivering government information and services online
Achieving best practice in delivering government information and services onlineeGovernment Resource Centre
 

More from eGovernment Resource Centre (20)

Online Engagement in the Public Sector
Online Engagement in the Public SectorOnline Engagement in the Public Sector
Online Engagement in the Public Sector
 
Information Victoria - online developments for and with citizens
Information Victoria - online developments for and with citizensInformation Victoria - online developments for and with citizens
Information Victoria - online developments for and with citizens
 
The Customer is Always Right - Service Ontario Webcast
The Customer is Always Right - Service Ontario WebcastThe Customer is Always Right - Service Ontario Webcast
The Customer is Always Right - Service Ontario Webcast
 
Northern Territory Business Centres
Northern Territory Business CentresNorthern Territory Business Centres
Northern Territory Business Centres
 
South Australian Government ICT Strategic Plan
South Australian Government ICT Strategic PlanSouth Australian Government ICT Strategic Plan
South Australian Government ICT Strategic Plan
 
Service SA - Channel Management
Service SA - Channel ManagementService SA - Channel Management
Service SA - Channel Management
 
Using social media to improve service delivery
Using social media to improve service deliveryUsing social media to improve service delivery
Using social media to improve service delivery
 
Social Media in the Government
Social Media in the GovernmentSocial Media in the Government
Social Media in the Government
 
Co-Production by Design – embracing digital society makes for smarter services
Co-Production by Design – embracing digital society makes for smarter servicesCo-Production by Design – embracing digital society makes for smarter services
Co-Production by Design – embracing digital society makes for smarter services
 
Customer Satisfaction - recent updates in measurement and performance across ...
Customer Satisfaction - recent updates in measurement and performance across ...Customer Satisfaction - recent updates in measurement and performance across ...
Customer Satisfaction - recent updates in measurement and performance across ...
 
Service Delivery - Directions and Changes at the Commonwealth Level
Service Delivery - Directions and Changes at the Commonwealth LevelService Delivery - Directions and Changes at the Commonwealth Level
Service Delivery - Directions and Changes at the Commonwealth Level
 
Smart Service Queensland
Smart Service QueenslandSmart Service Queensland
Smart Service Queensland
 
Service SA
Service SAService SA
Service SA
 
Service Tasmania
Service TasmaniaService Tasmania
Service Tasmania
 
Web Analytics: The past, present and future - Victoria Online Seminar Series ...
Web Analytics: The past, present and future - Victoria Online Seminar Series ...Web Analytics: The past, present and future - Victoria Online Seminar Series ...
Web Analytics: The past, present and future - Victoria Online Seminar Series ...
 
8 emerging technology trends that will impact Government in 2011
8 emerging technology trends that will impact Government in 20118 emerging technology trends that will impact Government in 2011
8 emerging technology trends that will impact Government in 2011
 
Accessibility and PDFs
Accessibility and PDFsAccessibility and PDFs
Accessibility and PDFs
 
Open Government - The State of Play - 2010
Open Government - The State of Play - 2010Open Government - The State of Play - 2010
Open Government - The State of Play - 2010
 
Teaching old sites new tricks: Transforming the Better Health Channel into a ...
Teaching old sites new tricks: Transforming the Better Health Channel into a ...Teaching old sites new tricks: Transforming the Better Health Channel into a ...
Teaching old sites new tricks: Transforming the Better Health Channel into a ...
 
Achieving best practice in delivering government information and services online
Achieving best practice in delivering government information and services onlineAchieving best practice in delivering government information and services online
Achieving best practice in delivering government information and services online
 

vic.gov.au : case study in responsive web design

  • 2. PROJECT BACKGROUND • Victoria Online launched 2003 • Name, rebrand and redesign vic.gov.au to maximise discoverability and recognition • Improve usability, loyalty • Incorporate latest web technologies • Present vic gov information and services in a way that end users prefer • Launching January 2013
  • 4. MOBILE TRAFFIC Access to vic.gov.au from mobile devices (VIEWS PER MILLION) 1.5 1.125 0.75 0.375 0 2010 2nd Qtr 2010 4th Qtr 2011 2nd Qtr 2011 4th Qtr
  • 5. MOBILE TRAFFIC Access to mobile site m.vic.gov.au from mobile devices (VIEWS PER HUNDRED THOUSAND) 400 300 200 100 0 2012 1st Qtr 2012 2nd Qtr 2012 3rd Qtr 2012 4th Qtr
  • 6. DEVICE POPULARITY 7% 8% 8% 50% 27% iPhone iPad iPod Touch Galaxy HTC Desire
  • 8. “ I think of responsive design as an alternative to mobile sites. —ETHAN MARCOTTE
  • 12. “ Responsive design should be [an] approach that delivers elegant visual experiences regardless of display size and the limitations or capabilities of the device. -—JEFFREY ZELDMAN
  • 18. LESSONS LEARNT • Realistic project scheduling • Allow plenty of time for testing (different browsers and platforms) • Regular communication between stakeholders
  • 19. “ The web’s moved beyond the desktop, and it’s not looking back. The number of devices we’re designing for is growing just as quickly as mobile traffic. —ETHAN MARCOTTE