Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
RESPONSIVE WEB DESIGNCASE STUDY
PROJECT BACKGROUND• Victoria Online launched 2003• Name, rebrand and redesign vic.gov.au    to maximise discoverability an...
UNDERSTANDINGOUR AUDIENCE
MOBILE TRAFFIC                 Access to vic.gov.au from mobile devices                             (VIEWS PER MILLION)  1...
MOBILE TRAFFIC      Access to mobile site m.vic.gov.au from mobile devices                     (VIEWS PER HUNDRED THOUSAND...
DEVICE POPULARITY                    7%               8%            8%                                     50%            ...
INTERIM MOBILE SITE
“I think of responsive design asan alternative to mobile sites.               —ETHAN MARCOTTE
CHALLENGES
CONTENT  Title Text
“Responsive design should be[an] approach that deliverselegant visual experiencesregardless of display size andthe limitat...
ACCESSIBILITY
CONCLUSIONS
LESSONS LEARNT• Realistic project scheduling• Allow plenty of time for testing    (different browsers and platforms)•   Re...
“The web’s moved beyond thedesktop, and it’s not lookingback. The number of deviceswe’re designing for is growingjust as q...
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
vic.gov.au : case study in responsive web design
vic.gov.au : case study in responsive web design
Upcoming SlideShare
Loading in …5
×

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

2,068 views

Published on

Victoria Online launched 2003. The site is currently undertaking a rebranding exercise with a new name and redesign to vic.gov.au.

This has been done to maximise discoverability and recognition, improve usability and loyalty, incorporate the latest web technologies and present Victorian Government information and services in a way that visitors to the site prefer.

The site is schedule to launch in January 2013.

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

  1. 1. RESPONSIVE WEB DESIGNCASE STUDY
  2. 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
  3. 3. UNDERSTANDINGOUR AUDIENCE
  4. 4. MOBILE TRAFFIC Access to vic.gov.au from mobile devices (VIEWS PER MILLION) 1.51.125 0.750.375 0 2010 2nd Qtr 2010 4th Qtr 2011 2nd Qtr 2011 4th Qtr
  5. 5. MOBILE TRAFFIC Access to mobile site m.vic.gov.au from mobile devices (VIEWS PER HUNDRED THOUSAND)400300200100 0 2012 1st Qtr 2012 2nd Qtr 2012 3rd Qtr 2012 4th Qtr
  6. 6. DEVICE POPULARITY 7% 8% 8% 50% 27% iPhone iPad iPod Touch Galaxy HTC Desire
  7. 7. INTERIM MOBILE SITE
  8. 8. “I think of responsive design asan alternative to mobile sites. —ETHAN MARCOTTE
  9. 9. CHALLENGES
  10. 10. CONTENT Title Text
  11. 11. “Responsive design should be[an] approach that deliverselegant visual experiencesregardless of display size andthe limitations or capabilitiesof the device. -—JEFFREY ZELDMAN
  12. 12. ACCESSIBILITY
  13. 13. CONCLUSIONS
  14. 14. LESSONS LEARNT• Realistic project scheduling• Allow plenty of time for testing (different browsers and platforms)• Regular communication between stakeholders
  15. 15. “The web’s moved beyond thedesktop, and it’s not lookingback. The number of deviceswe’re designing for is growingjust as quickly as mobiletraffic. —ETHAN MARCOTTE

×