PORTFOLIO

Tracovid : Corona

Tracking Website

Project Overview

The milestone project is centered around providing a solution that will users find useful information about Covid-19, track cases around the world and also help identify when they are at high risk or monitor potential exposure to the virus. This will help provide information and aid in stopping the spread of the virus amongst everyone.

Client Details

Company: Stutern LTD

Category: Product Design, UI/UX, Productivity, Health, Covid 19

Device: Web app, Web design

Duration: 1 Month

Tools: Figma, Adobe Illustration, Whimsical, Google docs

Date: December 2020

Project Link

Research Summary

To achieve proper understanding of the problems that people face when finding reliable information about the virus, we sourced for feedback on people’s experiences when trying to find information about the virus and when trying to keep track of the progression of the virus in the world.

 

Due to the relatively unknown nature of the virus, there has been a lot of misinformation and uncertainty surrounding the nature of the virus and its effect. Many people are skeptical that the virus even exists, this is evident in how they respond to guidelines or protocols as many people do not think these precautions are necessary because the virus is ‘fake’. This nonchalance not only affects the spread of the virus but also affects other people who take precautions seriously as they have no control over the actions of others.

 

Competitive Landscape

Covid 19 information and case tracking platforms have become very popular during this period because people are on the lookout for more information about the virus and how to survive during the pandemic. Due to the initial phase of the pandemic that was marked by misinformation, many Nigerians are distrustful about information regarding the platform, hence, they need a reliable source of information and a way to stay up to date with the progression of the virus and the pandemic itself.

 

There are existing platforms such as Trackcorona.live Reportcorona.ng (itoju app)

Coronatracker.com that help people keep track of the virus and provides them with further information throughout the pandemic. The problem with these existing platforms lies in the attitude of most people regarding the platform; many people end up not making use of these digital solutions in regards to Covid 19 information and tracking because they do not really believe in the existence of the virus or its potency.

 

Common misconceptions some Nigerians have surrounding the virus:

  • Corona virus only affects rich people
  • Corona virus cannot survive in very hot weather
  • Corona virus isn’t real, the government is only trying to scare us
  • If you use enough Vitamin C, you cannot get corona virus

Insights

The Why:

  • Users need accurate information about the virus so they can take the right precautions
  • People need reliable information in order to gain their trust so that they follow precautions

The Who:

The users consist of wary and information overwhelmed people who are seeking for more information about the virus and want to stay updated about its progress.  They are typically tech savvy or are familiar with using digital tools. They are of different socio economic backgrounds. These group of people are typically from the age bracket of 18-40 years. 

The How:

  • Creation of a platform that enables individuals to report their health status
  • Creation of an information website that displays graphical information on the potential spread of the virus in their immediate area
  •  A platform that helps users stay abreast on recent development about the crisis across the world.

The What:

The users will be able to do the following with the information website and tracking platform:
  • Get real time update about the progression of the virus
  • Check if they are in high risk of getting infected
  • Monitor their symptoms
  • Get access to emergency services if needed.
  • Get helpful tips and precautions to take to prevent the spread of the virus.
  • Also get relevant information with regards to the vaccine, its testing, usage and possibly distribution.

My Role:

It was a team work of 4 UI designers so we shared the the task and my role was to design the Web App UI as well as the Wireframes and the High Fidelity Prototype, Part of the Research which includes User persona and the user story

User Persona

Style Guide

User Story

Information Website

Homepage:

I want to be able to:

  • See graphic information about COVID-19 in my area so I can stay safe
  • Access emergency services if I need to
  • View Covid-19 symptoms if I need to
  • See helpful tips about Covid-19 that can help me stay safe

Symptoms Page:

I want to be able to:

  • View the COVID-19 common symptoms so I can watch for them in others around me

Prevention Page:

I want to be able to:

  • Have access to prevention tips so I can stay safe from the virus

News Page:

I want to be able to:

  • Read all about COVID-19 so I can be properly informed
  • Get more about COVID-19 case tracking

 

Web Dashboard

Home Page:

I want to be able to:

  • Get real time update about the virus in my selected location
  • See map view of corona affected areas
  • Each State on map should be clickable to view the data on them which includes the Location, and Corona Information.
  • To change to full screen mode vise versa
  • See the Overall Infected, Death, Recovered Numbers.
  • Users to Sort by countries
  • View All Appropriate Corona Emergency Center locations
  • Read Information on how to be protected against corona
  • Read information about corona virus
  • Access emergency services if I need to
  • View Covid-19 symptoms if I need to

Symptoms Page:

I want to be able to:

  • View the COVID-19 common symptoms so I can watch for them in others around me
  • Monitor my symptoms

Prevention Page:

I want to be able to:

  • Have access to prevention tips so I can stay safe from the virus

 

Mobile Version

Home Page:

I want to be able to:

  • Get real time update about the virus in my selected location
  • See map view of corona affected areas
  • Each State on map should be clickable to view the data on them which includes the Location, and Corona Information.
  • To change to full screen mode vise versa
  • See the Overall Infected, Death, Recovered Numbers.
  • Users to Sort by countries
  • View All Appropriate Corona Emergency Center locations
  • Read Information on how to be protected against corona
  • Read information about corona virus
  • Access emergency services if I need to
  • View Covid-19 symptoms if I need to

Symptoms Page:

I want to be able to:

  • View the COVID-19 common symptoms so I can watch for them in others around me
  • Monitor my symptoms

Prevention Page:

I want to be able to:

  • Have access to prevention tips so I can stay safe from the virus

User Flow

Have a Project for Me?

GET IN TOUCH!