AGLG Responsive Web Redesign
UX, UI & Web Design
Create a Multi-device Experience for AGLG Website
This was an initial website redesign daft for AGLG at the discovery phase. At the time, 2015, Google was undergoing algorithm updates for their SEO, making mobile-responsive sites rank higher than the none responsive site.
The project kickstarted when prompt attempting to make the AGLG site better with a redesign.
Client
Office of the Auditor General for Local Government. BC
Role
Research Analysis, UX, UI, HTML/CSS/JS Prototype, & Responsive Website Redesign
Year
Spring, Summer 2015
Objective & Requirements for the Web.
To increase the visit, and the present of AGLG, the AGLG were looking for responsive updates for their site if possible. The secondary goal is to connect the AGLG site to other major AGLG social media channels expanding the web presence.
Old Design before 2015
Proposed New Design
The Process
After received a Website Review Request from my manager to kick-start the website re-design project, I looked into heuristic evaluation of the old site, identified the target audiences, possible workflow/scenario, some basic precedent studies, and creating IA for reporting, Then, I worked, visual design, and website prototype as part of the design submission. The following shows the various elements that were part of the process for this project.
Discovery
Asking questions and gathering requirements for the possible updates were the starting points. The following questions were identified:
- Who are the AGLG's audiences, what are they expecting from the site? What are their behaviours?
- How is the site currently being used? What are the pages has the most traffic and what are the most downloaded contents?
- What would be stakeholders' suggestions, and pending releases for the site?
Heuristic Evaluation
I looked into few issues for what are the possible strength and weakness of the old site. Here are the brief points:
- Established look and feel
- Having established contents
- Not Responsive for the current web design standard
- Not effective use of meta and title tags
- Navigation is business-centric rather audience-centric
- Some Hidden web complement elements create inconsistently
Target Audiences & Possible Workflow/Scenario
We looked up 3 major possible audiences for the AGLG site: BC Local Government, Citizens of BC who interested in local development, and Media & Publication Organization. As for the scenario, the prompt should be helping our audiences finding the newest publication when a new audit report was being released.
The Full View of the Old AGLG Website.
Navigation IA Update
The old navigation is office-centric. The viewers could have a hard time to find the desired content with old navigation structure. The newly proposed navigation is publication centric, trying to group the documents in a meaningful manner.
Navigation IA before 2015
Proposed Navigation IA
Precedent Studies
For the precedent studies, I looked up 3 other audit offices' websites for learning what they could work best for the new AGLG's redesign and what are some takeaways that could be featured.
Auditor General BC
Provincial Auditor of Saskatchewan
Wales Audit Office
Wireframe + Design Evaluation
The wireframes presented here are trying to implement the user workflow identified in the early phase of the project for the website redesign. Social Media channels are added as part of the navigation based on the objective & requirements.
Visual Design & Website Prototype
For the design hand off, I worked 2 variations of the possible visual designs of the new AGLG website design with photoshop on both desktop and mobile screen. I also worked an actual html & CSS home landing page to see how the responsivness behave for the end of this submission.
About Office of the Auditor General for Local Government. BC
AGLG was established by the Province of BC, conducting performance audits. AGLG provide local governments with objective information and advice to help them be accountable to their communities for their stewardship of public assets and their achievement of value for money in their operations.