CASE STUDY
Idea
Create a platform for residents to report damages on public objects or buildings and a backend which displays and allocates the damages to construction workers. Implement a design system.
Services
Category
Client
Project Goal
Create an easy-to-use interface for residents to report damages.
Provide an intuitive and efficient app for construction workers to locate, view, and comment on damages, as well as distribute upcoming tasks.
Implement a design system with a component library that can be reused for different purposes.
Challenge
Design Decisions
Colors
We chose a strong blue as the primary color and used it in different shades to create a hierarchy. Red and green were used to signal success and error. For the structure, we used a neutral grey palette. All contrasts comply with the WCAG standards.
Typography
We did choose Nunito as a Typeface. It is an easy-to-read Typeface to ensure maximum accessibility.
Frontend
Residents have the opportunity to report damage on public objects by uploading a description of the problem, location, and pictures. Each municipality can decide which information is mandatory and which is optional. The primary focus for the frontend was the mobile version.
Challenge
Users don't want to spend a lot of time reporting damages, so the process should be as fast and intuitive as possible.
Solution
Use of clear screens that only display necessary questions.
Including a progress bar in the header to support the feeling of approaching completion, and offer a reward at the end in the form of a small illustration.
Backend
Construction workers can view reported damages, comment on them, edit them, and allocate them. They can quickly find nearby tasks, check their status, and assign them to themselves or a coworker. The main focus for the backend was the desktop version, but we also designed templates for mobile and tablet devices, with the understanding that they might become relevant in the future.
Challenge
Construction workers require a clean and efficient platform that provides only relevant information to ensure the best possible job.
Solution
The platform should provide clear visibility of upcoming tasks, be easy to use, offer reliable information, enable easy communication about tasks, and include a map showing the location of damages.
