RoomMe project, UX UI design and web development case study
RoomMe project, UX UI design and web development case study

UX/UI May, 2022

RoomMe


Team

Business analyst
Project Manager
UX/UI Designer


Scope

UX Research
UI Design


Duration

2 months

RoomMe project, description

About the project

As the world is becoming more and more flexible, and the workers are more and more fluid in their workspace selection, there is a need to support coworking spaces and their managers with an easy-to-use system for shared spaces management. Our client came up with the idea of making the tedious process of offline office booking as quick as possible in real-time, combining it with automation of administrative tasks and assisting with membership, license, and contract management for coworking employees.

About the project

Challenge and solution.

Our team’s biggest challenge was creating a solution that would ease the online booking, reducing the number of clicks to a few to achieve the task.

We implemented a simple and functional filter that lets users find the room based on all desired criteria. Then, our users can check the essential details and book a room right from the list view of the available offices. Thus, after filtering the list, users book rooms in two clicks.

timeline time timeline time timeline time

Project Timeline

Implementation Roadmap

RoomMe project, implementation roadmap
Discovery pha Discovery pha Discovery pha

STAGES

01/ Discovery Phase

RoomMe project, Discovery Phase
RoomMe project, Discovery Phase
information information information

information architecture

The structure of the app

information architecture

01/ Discovery Phase


Wireframes

UI/UX Design UI/UX Design UI/UX Design

STAGES

02/ Product Design

RoomMe project, product design
RoomMe project, product design
Blue

#4162ff

Grey

#c3c7d9

Green

#2db8ca

Pink

#fd3a84

White

#ffffff

Black

#222234

Aa
Raleway Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Easy Booking

RoomMe project, booking page design

Users can change the time of booking in the field by selecting available time slots or dragging a blue rectangular.

There is also a possibility to specify the meeting agenda, add a meeting title & description, indicate a list of topics to cover during the meeting, or create a quick note.


Room location

Building, floor


Description and Amenities


Photo gallery


Booking form

Date, time, meeting title and description

RoomMe project, small meeting room page design

Manage Your Booking

RoomMe project, manage bookings page design
RoomMe project, finish your booking page design
RoomMe project, manage bookings page design

AWARDS & HONORS

Upwork Logo

Top rated company since 2015

Clutch top companies recognition emblem

Top mobile app development 2018

Clutch top companies recognition emblem

Top B2B company 2019

Say hello

Contact us to build the right product with the right team

    Message sent! Thank you!

    Send another message

    Other Projects

    See all
    FlowMSP, UX UI design case study

    FlowMSP – Water

    Read More
    My day, UX UI design case study

    My Day

    Read More
    Fleetsu post

    Fleetsu

    Read More