FlexoOffice

BrainStation industry project
May 2022 (7 Days)
UX Research, UX Design

FlexoOffice is a mobile-first web app simplifying employees' post-pandemic return to offices through secure booking of onsite sessions and participation in in-office events.

View Final Product

Discover

Post-Pandemic era...

After 777 days, Toronto's Mayor John Tory officially lifted the COVID-19 emergency declaration on May 09, 2022, marking the commencement of a gradual return to normalcy for the city and its thousands of employees.

Back-to-Office concern...

Post-pandemic, companies face the challenge of prioritizing "return to work," with employees hesitant about transitioning back to the office after working remotely for the past two years, underscoring the urgent need for a secure and reassuring solution.

What did employees think about returning?

Due to time constraints, we opted for secondary research over user interviews, directing the team's attention to existing literature and documents pertaining to people's perspectives on the return to the office.

91%

hoped to work from home at least a few days a week

1 in 3

thought return-to-office negatively impacted their mental health

54%

wish to divide their work hours between their homes and offices

Define

Safe and flexible check-in

Our research revealed that employees prefer a hybrid working model to minimize time spent in the office, reducing the risk of infection and work-related stress to prevent burnout.

"As an employee, I want to have a timetable with my in-office working sessions so that I can quickly overview when I need to go to the office"

Pivot 1.0:
Burnout prevention - break planner + online therapy

Despite the availability of digital solutions for booking in-office hours, our research indicated a low willingness among employees to return to the office. Acknowledging the early stage of the project, we decided to shift focus towards a new onto burnout prevention.

Unlike the break-friendly work-from-home setting, the return to the office resulted in burnout from overworking. Our solution involves creating a break planner to remind employees to take breaks during office hours, as well as providing employees access to online therapy sessions during breaks for emotional support.

"As an employee, I want to be reminded to take breaks after hard work so that I won't overwork"

Pivot 2.0:
Safe check-in + flexible booking + In-office events

Finally, we decided to make a combination of results from both of the brainstorming sessions we had previously.

Employees would be asked to submit their health status before getting to offices to ensure people's safety. Then they could flexibly book their in-office working hours.

In addition, the online therapy booking feature was expanded into in-office event booking feature where more different kinds of events were involved.

Design

Wireflow

To transfer our design decisions into a tangible framework, I helped the team build a set of wireframes and connected them into a wireflow, which was used for an initial handoff.

Handoff 1.0:
Lo-fidelity framework

Extra design considerations shortened our design and development timeline. So we initiated an early handoff, involving developers for a basic understanding of the main workflow, facilitating their preparation.

Deliver

Handoff 2.0:
Hi-fidelity deliverables

Our second handoff, aimed at assisting developers to fulfill a pixel-perfect user experience via high-fidelity UI.

Final Product

Retrospective

Handoff early and often...

Handing off the high-fidelity prototype isn't the sole interaction point with developers in the design process. In fact, involving developers early on is a best practice, particularly in projects with tight schedules.

Other Featured Works

Articious

UX Research
UX/UI Design
Branding

Bulk Upload Product

UX Research
UX/UI Design
Back to Top