Mycapa.City

Client
Thomas Vles
Date
March 2020
Based In
The Netherlands
Scroll Down



Preparation

Duration

Design Strategy



Targeted Audience


Problem research

Due to the COVID-19, businesses were required to write down the details of their visitors in case of an COVID-19 outbreak, in order to be able to contact them, and advice on self-isolation procedure. Businesses were also required to ask health related questions about the well-being of the visitor to make sure that everyone who enters their location does not have any COVID-19 symptoms.

Business owners tried to solve this problem, by putting a pen and paper at the entrance where visitors wrote down their contact details such as name, phone number and e-mail address. However, this approach caused frustration among the visitors because their private data was exposed, and such approach is also not compliant with GDPR. Furthermore, there was no process in place that could safely remove the private data after a certain period (two weeks) to become GDPR compliant, which caused frustration for the business owners. On top of that, the visitors shared the same pen while writing down their contact information, which only increased the chance of Covid-19 spread.

User Interviews

To learn and understand the real problems of the audience I will be designing the solution for, I decided to conduct user interviews. Because the research needed to be done quickly and with a limited budget I decided in collaboration with Product Manager that Guerilla Research would be the most suitable approach.

I interviewed 5 location owners and 5 visitors, 30 minutes each to understand their problems better.

Empathy Map

Based on the data collected during user interviews, I broke down my notes into four main categories: what the user thinks, feels, says, and does. The mapping process helped me synthesise my research observations and reveal deeper insights into our user’s needs.

Data analysis

The analysis of the data collected by the interviews and the identification of the pain/gain points led me to the ideation phase. Starting from the worst possible idea, I in collaboration with the team created as many solutions as possible to question the obvious and reformulating my previous hypotheses. In the end, a brainstorming session led us to the most efficient solutions.

The goal was to find an innovative solution to the problem. As a designer, I had to compete with pen and paper, so what we would offer, needed to be substantially better than the existing solution. Because if you would offer something which is slightly better than pen and paper, the business owners wouldn’t change their flow, because they already got used to that workflow and it was easy for them to continue. So what we had to offer, needed to be substantially better and worth convincing them to change their old habit and workflow to work with this new system, which offers a better solution.


Sitemap

The sitemap is a visual representation of the many steps that can be taken while using the web-application. It helps me understand and determine how many user journeys are needed and in what order they should appear.

Concept

The first steps were rough sketches to validate the concept in collaboration with Product Manager. After that I went on with wireframes and involved Developers for their input on feasibility of the design. And finally I tested the final design with both business owners and their visitors.

Product 1: Check-in

Business owners can print and hang the QR-poster at the entrance of their location, and in such way offer an efficient and GDPR-compliant digital check-in for their visitors.

Product 2: Reservation

Business owners can place the QR-poster at their location entrance to offer an instant digital reservation system to visitors.

Colors

Visual design is not only about aesthetics. Visual design aims to improve the design, interaction, and usability of the product. I used typography, layout, colors, space, and images to create interfaces that optimize the user experience for mycapa.city

Typography

Visual design is not only about aesthetics. Visual design aims to improve the design, interaction, and usability of the product. I used typography, layout, colors, space, and images to create interfaces that optimize the user experience for mycapa.city

Logo

Icons

Grid System

Media Exposure

We've got lots of media exposure: