Project scope
My role: Lead UX designer, UX researcher, UI designer.
Challenge: How to help get the infrastructure in the city repaired.
Solution: Application that helps citizens report infrastructure damage.
Project duration:
November 2022- November 2022
Understanding the user
I used Government agency’s data on infrastructure damages and repairs to develop interview questions, which were then used to conduct user interviews. Most interview participants reported feeling dissatisfied about infrastructure damages, but they didn't actively try to report and file a notice to their government agencies. The feedback received through research made it very clear that users would be open and willing to report and capture images of the damages if there was an app to help them with that.
User persona Marija
![](https://cdn.prod.website-files.com/6292452e36f7afc20e39820c/63865540a06a77682b5649aa_Google%20UX%20Design%20Certificate%20-%20Portfolio%20Project%203%20-%20Case%20study%20slide%20deck%20%5BTemplate%5D-1.jpg)
User journey map
I created a user journey map of Bojan’s experience using the site to help identify possible pain points and improvement opportunities.
![](https://cdn.prod.website-files.com/6292452e36f7afc20e39820c/63865591a03fc610579ec94f_Google%20UX%20Design%20Certificate%20-%20Portfolio%20Project%203%20-%20Case%20study%20slide%20deck%20%5BTemplate%5D-3.jpg)
Starting the design
- Paper wireframes
- Digital wireframes
- Low-fidelity prototype
- Usability studies
![](https://cdn.prod.website-files.com/6292452e36f7afc20e39820c/638655bcd27f1c4805918261_Google%20UX%20Design%20Certificate%20-%20Portfolio%20Project%203%20-%20Case%20study%20slide%20deck%20%5BTemplate%5D-4.jpg)
![](https://cdn.prod.website-files.com/6292452e36f7afc20e39820c/6386562f32e52f9bcfe68421_Google%20UX%20Design%20Certificate%20-%20Portfolio%20Project%203%20-%20Case%20study%20slide%20deck%20%5BTemplate%5D-5.jpg)
![](https://cdn.prod.website-files.com/6292452e36f7afc20e39820c/638656811695c0d2091de38e_Google%20UX%20Design%20Certificate%20-%20Portfolio%20Project%203%20-%20Case%20study%20slide%20deck%20%5BTemplate%5D-7.jpg)
Usability study findings
These were the main findings uncovered by the usability study:
- Camera: Users reported that they want an option in app to take a photo of the damaged infrastructure.
- Login: Users wanted a simple login procedure with Facebook or Google, since older users have those platforms profiles.
- Navigation: Users wanted a list of government departments they could contact.
Refining the design
![](https://cdn.prod.website-files.com/6292452e36f7afc20e39820c/6386571731662d9dfecf7b32_Google%20UX%20Design%20Certificate%20-%20Portfolio%20Project%203%20-%20Case%20study%20slide%20deck%20%5BTemplate%5D-8.jpg)
![](https://cdn.prod.website-files.com/6292452e36f7afc20e39820c/6386575fed4996759461256a_Google%20UX%20Design%20Certificate%20-%20Portfolio%20Project%203%20-%20Case%20study%20slide%20deck%20%5BTemplate%5D-9.jpg)
![](https://cdn.prod.website-files.com/6292452e36f7afc20e39820c/6386577562805bc142451696_Google%20UX%20Design%20Certificate%20-%20Portfolio%20Project%203%20-%20Case%20study%20slide%20deck%20%5BTemplate%5D-10.jpg)
Responsive website design
![](https://cdn.prod.website-files.com/6292452e36f7afc20e39820c/63865797cd30f0d93123f913_Google%20UX%20Design%20Certificate%20-%20Portfolio%20Project%203%20-%20Case%20study%20slide%20deck%20%5BTemplate%5D-11.jpg)
![](https://cdn.prod.website-files.com/6292452e36f7afc20e39820c/638657a994265e678f085bac_Google%20UX%20Design%20Certificate%20-%20Portfolio%20Project%203%20-%20Case%20study%20slide%20deck%20%5BTemplate%5D-12.jpg)
![](https://cdn.prod.website-files.com/6292452e36f7afc20e39820c/638654039fa4133f5388081b_mockupphones.png)