UX/UI CASE STUDY

2023

safeVisit

OOP

It’s time to

Identify yourself

by answering to the questions.

Help center

Reset your check-in credentials here.

Get support

Powered by

safeVisit

Please provide your

Basic personal details

First name

Last Name

Email

Mobile number (optional)

Company

Host (optional)

Reason for visit (optional)

I have read and agree to TVNZ’s Privacy Policy.

Continue

OOP

It’s time to

Identify yourself

by answering to the questions.

Help center

Reset your check-in credentials here.

Get support

Powered by

safeVisit

Please provide your

Basic personal details

First name

Last Name

Email

Mobile number (optional)

Company

Host (optional)

Reason for visit (optional)

I have read and agree to TVNZ’s Privacy Policy.

OOP

It’s time to

Identify yourself

by answering to the questions.

Try mobile check-in

Powered by

safeVisit

Let us help you checking-in

What brings you here today?

I’m a visitor

I’m a contractor

OOP

Welcome to our facility!

Let's get your check-in started

Start check-in

Powered by

safeVisit

Problem Statement

safeVisit is one of the products of a company focused on health and safety management. This new product is a visitor management system that aims to be the flagship of the company, bringing safety to their client’s buildings and providing a self check-in method.

THE CONTEXT

Offices have seen a 147% increase in guest visits since January of 2023 *

When the experience of visitors is managed well, visitors add to the company productivity.

Having visitors roaming around may even compromise security and productivity.

* https://robinpowered.com/blog/office-trends-report-h1-2023

BUSINESS OPPORTUNITY

Self-service kiosks are getting more and more familiar. We see them everywhere: restaurants, airports, hotels and several other places.

These kiosks increase the staff productivity, enhance the office security, and elevate the brand identity.

A visitor management kiosk is a secure device designed to streamline registration, visitor access, and the tracking of office visitors.

THE CHALLENGE

One of the clients of safeVisit wants to bring the product to their company since the company building gets a lot of new contractors and visitors coming over. Moreover, their onboarding and training process is still paper-based and they want to embed the contractor sign up, onboarding and training process inside the check-in flow.

Expected outcomes

Check-in

Sign-up

Health & Safety notices

Security section

Automated training

The process behind

Designing an user-centered experience

Emphatise

Immersion in the users' world to deeply understand their needs, emotions, and challenges through research and observation.

Define

Formulate a precise problem statement and user personas by synthesizing gathered insights to establish a clear direction for design.

Ideate

Encourage creative brainstorming to generate a diverse range of potential solutions to the defined problem.

Prototype

Develop tangible representations based on user feedback and iterate towards an user-centered solution.

Creating Empathy

To create empathy for the users of the app, firstly it is necessary to understand who they are. In order to do so, I performed an extensive research though articles regarding kiosk’s applications, the visitor management sector and their design and usability patterns.

Main findings

💬

Transitioning from a receptionist to a self-service method requires a conversational design to provide a friendly and efficient check-in.

🌍

The design needs to take into consideration users from any age and technology knowledge.

🎨

A modern kiosk can be customized with a company's branding and the "look and feel" of its corporate offices.

😟

Not providing proper feedback in the check-in process might make the user feel insecure.

OOP

It’s time to

Identify yourself

by answering to the questions.

Help center

Reset your check-in credentials here.

Get support

Powered by

safeVisit

Please provide your

Basic personal details

First name

Last Name

Email

Mobile number (optional)

Company

Host (optional)

Reason for visit (optional)

I have read and agree to TVNZ’s Privacy Policy.

Continue

OOP

It’s time to

Identify yourself

by answering to the questions.

Help center

Reset your check-in credentials here.

Get support

Powered by

safeVisit

Please provide your

Basic personal details

First name

Last Name

Email

Mobile number (optional)

Company

Host (optional)

Reason for visit (optional)

I have read and agree to TVNZ’s Privacy Policy.

Continue

DEFINE AND SYNTHESIZE

Gather insights and elaborate user journeys

To create a delightful user experience, how the user identification is performed and each step and action they need to perform is fundamental. Therefore, based on the analysed pain points and user needs I was able to create the userflow and wireframes to support on the app elaboration.

IDEATE

Following the definition of user journeys, the subsequent step was the elaboration of low fidelity wireframes. I took the listed main findings into account, emphasizing the importance of a conversational design. Additionally, I focused on organizing the inputs and adding the training process in the check-in flow.

  • Company Logo

    Welcome to our facility!

    Let's get your check-in started

    Start check-in

    Powered by

    ecoPortal Logo

  • Company Logo

    It’s time to

    Identify yourself

    by answering to the questions.

    Powered by

    ecoPortal Logo

    Let us help you checking-in

    What brings you here today?

    I’m a visitor

    I’m a contractor

  • Company Logo

    It’s time to

    Identify yourself

    by answering to the questions.

    Powered by

    ecoPortal Logo

    We are glad to have you here

    Have you previously created an account?

    It’s my first time

    I have an account

  • Company Logo

    It’s time to

    Identify yourself

    by answering to the questions.

    Powered by

    ecoPortal Logo

    Please provide

    Your basic personal details

    First name

    Last name

    Email

    Mobile number (optional)

    Company

    Host (optional)

    Reason for visit (optional)

    Continue

  • Company Logo

    It’s time to

    Identify yourself

    by answering to the questions.

    Powered by

    ecoPortal Logo

    Please provide

    Your basic personal details

    First name

    Last name

    Email

    Mobile number (optional)

    Company

    Host (optional)

    Reason for visit (optional)

    Continue

  • Company Logo

    Perform your

    Safety & Security Training

    by following the instructions.

    Health and Safety Notices

    Security Acknowledgment

    Check-in Completed

    Powered by

    ecoPortal Logo

    Read carefully the current

    Health & Safety Notices

    and select them to mark as read:

    There have been two recorded cases of COVID at this location. Use facemasks where required and sanitise hands as needed.

    The elevator on L4 is undergoing maintenance and it will be completed by the end of the business day.

    Continue

  • Company Logo

    Perform your

    Safety & Security Training

    by following the instructions.

    Health and Safety Notices

    Security Acknowledgment

    Check-in Completed

    Powered by

    ecoPortal Logo

    Pay close attention to perform the

    Security Acknowledgment and Responsibilities

    and select them to mark as read:

    I acknowledge that i reviewed the security awareness presentation.

    I understand that I am responsible for protecting electronic information as follows:

    Locking and logging off (or powering off) my assigned workstation when I leave my work area.

    Not changing settings assigned to my workstation (desktop or laptop) or any other workstation, which disables security features.

    Not loading (or downloading) or creating any software on my assigned workstation that has not been authorised by the agency.

    Following all guidelines regarding the transmission of electronic mail or messaging.

    Reporting any security problems I encounter or observe to my immediate supervisor.

    Continue

  • Company Logo

    Perform your

    Safety & Security Training

    by following the instructions.

    Health and Safety Notices

    Security Acknowledgment

    Check-in Completed

    Powered by

    ecoPortal Logo

    Your training was successfully completed

    Access to the building is granted to you.

    Close

  • Company Logo

    It’s time to

    Identify yourself

    by answering to the questions.

    Powered by

    ecoPortal Logo

    Let’s begin by adding your

    Company Information

    Company name

    Country

    Postcode

    City

    Address

    Suburb

    Industry (optional)

    Number of employees (optional)

    Continue

  • Company Logo

    It’s time to

    Identify yourself

    by answering to the questions.

    Powered by

    ecoPortal Logo

    Please provide your

    Basic personal details

    First name

    Last name

    Email

    Mobile number (optional)

    Host (optional)

    Continue

  • Company Logo

    Powered by

    ecoPortal Logo

    Your check-in was successfully completed

    Access to the building is granted to you.

    Close

prototype

Define style and prototype high detailed design

The design aimed for straightforward visuals with quick iterations and feedback while navigating. Moreover, since it is a product that could be added to other companies business, the final result should be able to be replicated to other companies, just like a white label design.

Typography

Aa

Inter

ABCDEFGabcdefg0123456789/*-+.!@#$%*()=

Regular

Color Palette

#124596

#124596

#030B17

FINAL THOUGHTS

safeVisit is a customable product with a seamless check in process

The product was design to be white label, which means it can be replicated to other companies following their brand guidelines and needs in the check-in moment, guaranteeing safety and personalization in all levels.

Thank you! :)