ART 337R | Redesigning a Website
Project Objective
To make a more interactive, functional and modern website for the Nebraska Loup County: https://loupcounty.nebraska.gov/
The new website will include:
1. The Loup County home page
2. A voter information page that helps users learn where their voting precinct is located
3. A drivers test page showing the hours and place to take the written drivers test, and any materials that might be needed to do so
4. A photo history page showing a photo history of the county, in the form of a visual gallery
5. A building permit page where county residents can apply for a building permit, see a county zoning map, and download information and permits
Important note: This new website will be designed for mobile and desktop users.
Actual Website
Inspirational Websites
Wireframes | Flow Chart
Paper proposals | Website & Mobile versions
Personas | Scenarios
Scenario 1:
You recently turned 18 years old and would like to know how to vote by mail in your area (Almeria, Loup County). Use this website to learn how to vote by mail for the next election.
You recently turned 18 years old and would like to know how to vote by mail in your area (Almeria, Loup County). Use this website to learn how to vote by mail for the next election.
Scenario 2:
You are an US citizen and are getting your driver’s license this month. Use this website to find out the general requirements for obtaining a first time original Nebraska Non-Commercial driver license.
You are an US citizen and are getting your driver’s license this month. Use this website to find out the general requirements for obtaining a first time original Nebraska Non-Commercial driver license.
Scenario 3:
You are doing homework about the upcoming 140-year Loup County foundation anniversary. Use this website to download three (3) photos from 1883 Loup County pioneers.
You are doing homework about the upcoming 140-year Loup County foundation anniversary. Use this website to download three (3) photos from 1883 Loup County pioneers.
Scenario 4: You and your business partner are planning to build a 3 floor building in the downtown area next year. Use this website to find out about commercial building permit requirements in the Loup County area.
Digital Prototypes | Grayscale: Mobile
Scenario 1:
Scenario 2:
Scenario 3:
Scenario 4:
Digital Prototypes: Full Color |Desktop & Mobile
Usability Tests
There were a total of 2 rounds of usability testing implemented through this process. Each time I worked with 4 different users (2 mobile and desktop users) who provided me with their feedback using the app to accomplish the 4 different scenarios:
Round 1:
I worked with the digital grayscale prototypes.
I adjusted element size, text alignment and palette color per users requests.
I worked with the digital grayscale prototypes.
I adjusted element size, text alignment and palette color per users requests.
Round 2:
I worked with the digital full color prototypes.
I worked with the digital full color prototypes.
I changed and simplify the steps to accomplish each scenarios per users requests.
Final Prototypes
Desktop version
Mobile version
Final Summary
This project helped me to understand how to use typography, images, and information architecture to present all information in a more clear and visual way.
I focused more on making an effective presentation of information than creating complex layouts.
I focused more on making an effective presentation of information than creating complex layouts.
I enjoyed the process of usability testing because it helped to identify issues with my design, navigation, and hierarchy. Also, the users feedback helped me to make more visible what needed to be visible or to hide any visual element that was distracting their eyes. I believed my final prototypes flow very well and have clear and logical information architecture.
