What I'm listening to:

Some Boots by Karate

Find me here
an image prtraying several steps in an invite flow

Iterating on a touchless check-in experience

TL;DR

We spent a couple of sprints integrating new brand guidelines and touchless features into the product. Making it easier for folks to use the touchless sign in feature during the early days of COVID-19 lockdowns.

Role

UX Design, UI Design, Interaction Design

Year

2020

Team

1 Product Designer, 2 Engineer

Responsibilities

Spec creation and facilitation, UI Design, testing, client and leadership work presentation

Overview

If you visit an office in San Francisco, you'll probably be asked to check in via Envoy. An ipad usually sits on a desk (they call it a kiosk) and you type in some info and are granted access (hopefully) to the building.

Challenges

I collaborated closely with our iOS and Android engineers to tackle the challenge of updating the ux and interaction design of Envoy's invitation info cards and iterating on the touchless sign-in feature.

Challenge 1: Making the invite card fit in with the latest mobile platform version, which required a stylistic change and update to the app interactions.

Challenge 2: Designing the touchless experience and addressing potential edge cases where a visitor might not have necessary access.

Challenge 1: Making the invite card fit in with the latest mobile platform version, which required a stylistic change and update to the app interactions.

Challenge 2: Designing the touchless experience and addressing potential edge cases where a visitor might not have necessary access.

placeholder

Our team of product designers took on the role of product owners and worked closely with the lead product designer to define the needs of our brand, customers, and visitors. We also switched to Figma from Sketch, which supercharged our workflow and helped us build a usable pattern library.

placeholder

To create a user-friendly experience for visitor invites, we opted for a custom modal that kept with our updated branding. The invite cards lived in the profile tab, making it easy for visitors to check-in, view visit details, and see their scheduled visits.

placeholder

The Presence Required feature was more complex and required a robust workflow that addressed several edge cases. We used Bluetooth Low Energy (BLE) beacons to ping the phone and designed alerts to prompt visitors to enable location services or get closer to the Envoy kiosk if necessary.

placeholder

Overall, we spent two sprints working on these projects. While we're still measuring the net effect and usage, we found it rewarding to work on projects that protect employees and visitors as the world struggles to reopen.

Updates to previous invite UI moving it into a more traditional modal
UI updates to the Visitor Invite
The workflow with edge cases
The workflow for presence required with the two main edge cases
screens checking for location services
Enable Location Services
An alert for a user to get closer to the Envoy Kiosk
UI updates to the Visitor Invite

More of My Work

Discord Activities Desktop Launch

Building a communication platform from scratch

Multi-day booking & health checks

Techdegree office hours

Tools for Home Cooks