CoSpaces

Duration

1 month

My Role

Research, Logo & Branding, Wireframe & Prototyping, Interface Design

Tools

Figma

Adobe Illustrator

Adobe After Effects

PhoneMockup.PNG

Project Brief

Create a compelling project and solution, addressing one or more of the following wellness aspects: physical, emotional, intellectual, social, spiritual, environmental, and occupational. The design should be unified across the interior, industrial, and digital experience. 

This project was a collaborative effort between myself (digital design student), an interior design student, and an industrial design student. 

Wellness Problem

Occupational Wellness

The COVID-19 pandemic has caused a lot of people to work from home. Switching to remote workplace was a necessity, but ended up being a favorable work model due to the cost savings and time saved during commutes. However, people may face a variety of distractions while working from home. People are hesitant in returning to offices due to the risk of getting sick. Coworking spaces have become a place to work for displaced workers who crave more of a work/home separation. 

Icons-01.png

CoSpaces: A Coworking Space of the Future

Mission

CoSpaces aims to provide a safe workspace to its community. Ensuring that all occupants feel safe, while still being in a workspace that feels somewhat “normal”. Extending the coworking community beyond the physical space into the virtual.

User Persona

Group 381.png

"Will freelancers trade the comfort of their home for a . . . coworking space?

 

" We're creatures who want to be surrounded by people."

- Nick Jones Founder of Soho House 

User Journey Map

userjourneymap.png

Abigail needs a space that is safe to use during the pandemic. She wants the space to also provide virtual amenities like workshops, podcasts, or an online community. While searching she finds a CoSpaces location near her home. She decides to book a individual room at the coworking space. She sees that they require a health check-in before occupants enter the space and that they utilize contact tracing to ensure occupant safety. She loves that everything for the coworking space is accessible from her phone. She can access the space and her room by scanning her member pass at designated kiosks to minimize in-person contact and even leave a review of her experience. 

User Flow Diagram

userflowdiagram.PNG

Wireframes

wirehome.png

Home

Access upcoming bookings, virtual content, and content tracing 

wiresearch.png

Search

wirebooking.png

Bookings

Access upcoming and past bookings or book a space

Search for a type of room to book or change the CoSpaces location

wirechats.png

Chats

Chat with other members

wiregroups.png

Groups

Join professional networking groups

wireworkshops.png
wireblog.png

Blog

Read blog posts from professionals

Workshops

Explore professional and social workshops

wirepass.png

Pass

Access member pass and change information

wirepodcasts.png

Podcasts

Listen to curated podcasts from professionals

High Fidelity Mockup

MockupsHome3.png

Search

Set your CoSpaces location and then search between different room types. Those excluded from your membership plan and which require additional costs are indicated with a dollar symbol

Booking Confirmation

After booking a room, receive confirmation. Access the booking at corresponding date and time with your member pass. Users are notified when the room was last cleaned.

Home

Access upcoming bookings, profile settings, virtual content: workshops, podcasts, chats, and blogs, and contact tracing features. 

MockupsContactTracing.png
MockupsVirtual.png

Workshops

Workshops

Podcasts

Chats

Virtual Amenities

Contact Tracing

Each member has a unique secure code stored in the CoSpaces database. If a member at CoSpaces tests positive for COVID-19, then their unique code is shared with individuals who have come in contact and they are notified to quarantine. After confirming a booking and prior to entering the space, occupants are required to fill out a health check-in to determine their health.  

Final Prototype

CoSpaces Demo Storyboard 

CoSpaces Demo

Storyboard-01.png

Scene 1

Scene 2

Scene 3

Scene 4

Scene 5

Scene 6

Scene 7

Scene 8

Scene 9

Scene 10

CoSpaces logo animation and slogan.

User scans into the space with their member pass using the CoSpaces App on their phone.

Walk through the lobby area and show the lounge area.

Using the member pass scan to access the reserved room. Receive notification from kiosk to enter room.

Walk through individual rooms and show modular desk design.

Walk through team rooms and show the flexibility of rooms. 

Walk through client station area. Show table with flexible dividers for safety.

Walk through conference room and show conference table design.

Show basement level, highlighting the kitchen amenities, including refrigerator design. 

CoSpaces logo animation.

Branding

Color Palette

Branding.PNG

Logo

Branding.PNG
Branding.PNG

Font

Branding.PNG