DIGITAL PROTOTYPE

AMENITY BOOKING AND CONFIGURATION

This project was my white whale at cohesion. The longest running feature by far, Amenities (or Space Management) involved countless design rebirths, workshop sessions, development releases, and Adobe XD files. In part because it was so long running, Amenities also shows my design growth throughout the iterations. The initial designs for the feature are noticeably less attractive than the final designs!

This feature allows tenant users to reserve building amenities, such as meeting spaces or lounge areas. These amenities are the ones available to all building tenants, rather than internal meeting spaces available only for that tenant (Think rooftop bar, rather than the conference room on a tenant's floor).

A complex feature that evolved into easily 200+ XD artboards, Amenities includes building-side configuration and management as well as tenant-facing mobile and web views.

USER FLOWS

MicrosoftTeams-image-5

ORIGINAL WIREFRAMES (ADOBE XD)

View-Amenities

List of amenities, with relevent details

Detail-View

Amenity detail page

Reserve-Amenity-1-–-1

Reserve amenity - select date and time

Reserve-Amenity-2.1

Reserve amenity - details and summary

MID-ITERATION (ADOBE XD)

Amenity-Booking-Desktop-Amenities-List

List of amenities, with relevent details

Amenity-Booking-Desktop-Amenity-Details

Amenity detail page

Amenity-Booking-Desktop-Choose-Screen

Reserve amenity - select date and time

Amenity-Booking-Desktop-Reservation-Details

Reserve amenity - details

Amenity-Booking-Initial-Screen

Mobile - begin reservation

Amenity-Booking-Choose-Amenity

Mobile - select amenity

Amenity-Booking-Available-Times-Free-Select-Selected

Mobile - select date and time

ALTERNATIVE DESIGNS (ADOBE XD)

Initial-Booking-Screen-–-3
Amenity-List-–-1
Initial-Booking-Screen-–-2

I wan't kidding when I said we went through multiple design iterations! These were alternative design styles we considered to make mobile a little more exciting.

FINAL DESIGNS (ADOBE XD)

Amenity-Booking-Desktop-Amenities-List-1

Amenity list

Amenity-Booking-Desktop-Amenity-Details-1

Amenity details

Amenity-Booking-Desktop-Choose-Time-Slot-–-1

Reserve amenity - select date and time

Amenity-Booking-Desktop-Catering-and-Notes-Not-Selected

Reserve amenity - details

Amenity-Booking-Desktop-Review-and-Payment-–-4-1

Reserve amenity - confirmation page

Building-Manager-Amenities-Reservation-Table

View amenity reservations

Amenity-List-–-1-1

Mobile - amenity list

Amenity-List-–-1-1

Mobile - amenity list

Select-Available-Space

Mobile - reserve amenity

FINAL DESIGNS - UPDATED STYLE (ADOBE XD)

Amenities-_-Browse-–-1

Mobile - amenity list

Amenities-_-Reservation-_-Confirmation

Mobile - confirm reservation

Selected Works

Color Me HappyWeb Design

AmenitiesWeb | Mobile

Visitor ManagementWeb | Mobile

Beans.Mobile

WerkOutMobile App