Redesigning a co-working app to simplify bookings and improve user experience
Redesigning a co-working app to simplify bookings and improve user experience
Project name
CO3 Social Office
CO3 Social Office
CO3 Social Office
My role
Mobile app redesign
Mobile app redesign
Mobile app redesign
Timeline
Jan 2024 - Apr 2024
Jan 2024 - Apr 2024
Jan 2024 - Apr 2024
Project type
Client concept pitch
Client concept pitch
Client concept pitch
Introduction
Introduction
CO3 Social Office is a dynamic co-working space designed for digital nomads, freelancers, and remote professionals who value collaboration and productivity.
To enhance the user experience, CO3 offers a mobile app where members can easily book meeting rooms, access essential services like printing, manage membership, and more—all at their fingertips.
In this project, I revamped the user experience and redesigned the UI to pitch to the founders of the company.
CO3 Social Office is a dynamic co-working space designed for digital nomads, freelancers, and remote professionals who value collaboration and productivity.
To enhance the user experience, CO3 offers a mobile app where members can easily book meeting rooms, access essential services like printing, manage membership, and more—all at their fingertips.
In this project, I revamped the user experience and redesigned the UI to pitch to the founders of the company.
The problems
The problems
Problem 1 : Ineffective homepage structure
Problem 1 : Ineffective homepage structure
The homepage is poorly structured, featuring a navigation bar that underutilizes its potential for a feature-rich app. The dual-screen design—where swiping left reveals an announcements page—makes elements hidden and undiscoverable, contributing to a confusing and frustrating user experience overall.
The homepage is poorly structured, featuring a navigation bar that underutilizes its potential for a feature-rich app.
The dual-screen design—where swiping left reveals an announcements page—makes elements hidden and undiscoverable, contributing to a confusing and frustrating user experience overall.
Problem 2 : Confusing credit purchase system
Problem 2 : Confusing credit purchase system
The current credit purchase system is overly complicated, creating unnecessary friction for users. It relies on a 'day pass' model, which feels confusing, and at times, the app also uses a 'points' system, adding to the inconsistency. There’s a clear need to overhaul the credit system to make it simpler, more intuitive, and user-friendly.
The current credit purchase system is overly complicated, creating unnecessary friction for users.
It relies on a 'day pass' model, which feels confusing, and at times, the app also uses a 'points' system, adding to the inconsistency.
There’s a clear need to overhaul the credit system to make it simpler, more intuitive, and user-friendly.
Problem 3 : Unintuitive booking page
Problem 3 : Unintuitive booking page
The booking screen relies too much on text and lacks clear formatting, making it hard to scan and read at a glance. Room availability is unclear, and the time slot selection is poorly presented. Furthermore, the booking flow is confusing and unintuitive, making the user experience feel disjointed.
The booking screen relies too much on text and lacks clear formatting, making it hard to scan and read at a glance.
Room availability is unclear, and the time slot selection is poorly presented. Furthermore, the booking flow is confusing and unintuitive, making the user experience feel disjointed.
Problem 4 : Navigational challenges and inconsistent design
Problem 4 : Navigational challenges and inconsistent design
The original app offered a wide range of features, but poor organization made navigation difficult and overwhelming for users. The visual design was inconsistent, with mismatched icons, clashing colors, and no cohesive design system, resulting in a disjointed and unpolished look. This lack of structure, combined with an undefined user journey, made the app unintuitive and frustrating to use.
The original app offered a wide range of features, but poor organization made navigation difficult and overwhelming for users.
The visual design was inconsistent, with mismatched icons, clashing colors, and no cohesive design system, resulting in a disjointed and unpolished look.
This lack of structure, combined with an undefined user journey, made the app unintuitive and frustrating to use.
Defining the problem
Defining the problem
How might we redesign CO3’s mobile app to create a seamless, intuitive, and trustworthy experience for users booking spaces, managing credits, and accessing services?
How might we redesign CO3’s mobile app to create a seamless, intuitive, and trustworthy experience for users booking spaces, managing credits, and accessing services?
Goals and objectives
Goals and objectives
Business goals
Goal 1 : Increase revenue & service adoption
Goal 1 : Increase revenue & service adoption
Enhance visibility and accessibility of additional services such as printing and “Invite a Friend,” encouraging users to engage with and purchase more offerings directly through the app.
Enhance visibility and accessibility of additional services such as printing and “Invite a Friend,” encouraging users to engage with and purchase more offerings directly through the app.
Goal 2 : Enhance efficiency and engagement
Goal 2 : Enhance efficiency and engagement
Improve app usability by enabling self-service features like meeting room bookings and payments, reducing reliance on front desk assistance, freeing up staff for higher-value tasks.
Improve app usability by enabling self-service features like meeting room bookings and payments, reducing reliance on front desk assistance, freeing up staff for higher-value tasks.
user goals
Goal 1 : Seamless booking and service access
Goal 1 : Seamless booking and service access
Easily book meeting rooms, check availability, and access additional services like printing and event invitations without relying on the front desk.
Easily book meeting rooms, check availability, and access additional services like printing and event invitations without relying on the front desk.
Goal 2 : Intuitive and hassle-free experience
Goal 2 : Intuitive and hassle-free experience
Enjoy a smooth, user-friendly interface with clear navigation, convenient in-app payments, and better visibility of offers, promotions, and membership perks.
Enjoy a smooth, user-friendly interface with clear navigation, convenient in-app payments, and better visibility of offers, promotions, and membership perks.
Redesign approach
Redesign approach
To improve usability and enhance the overall experience, the redesign will focus on the following approaches:
To improve usability and enhance the overall experience, the redesign will focus on the following approaches:
Design process
Design process
User Flow
User Flow
After identifying pain points, business goals, and user needs, I mapped out the steps users take to complete key actions like booking a room and accessing CO3 services. At the same time, I reorganized the information architecture and navigation to make everything easier to find and use.
After identifying pain points, business goals, and user needs, I mapped out the steps users take to complete key actions like booking a room and accessing CO3 services.
At the same time, I reorganized the information architecture and navigation to make everything easier to find and use.
Sketches
Sketches
I sketched several user flows and content structures to explore ideas quickly. At this stage, I’m focusing on experimenting with different layouts first before choosing the best one that meets the business objectives and address user pain points.
I sketched several user flows and content structures to explore ideas quickly. At this stage, I’m focusing on experimenting with different layouts first before choosing the best one that meets the business objectives and address user pain points.
Wireframes
Wireframes
After sketching out the structure and flow, I brought my ideas into Figma and designed low-fidelity wireframes. A lot of these screens changed along the way before reaching the final version.
After sketching out the structure and flow, I brought my ideas into Figma and designed low-fidelity wireframes. A lot of these screens changed along the way before reaching the final version.
Early designs
Early designs
Here’s a look at my early mid-fidelity concepts. The homepage went through many iterations to keep the branding consistent, align business goals, and prioritise key features. Some designs didn’t make the cut because they were cluttered, lacked a clear message, or didn’t fit the brand.
Here’s a look at my early mid-fidelity concepts. The homepage went through many iterations to keep the branding consistent, align business goals, and prioritise key features. Some designs didn’t make the cut because they were cluttered, lacked a clear message, or didn’t fit the brand.
Design system
Design system
I introduced a structured colour system, typography system, grid system and scalable components to ensure a cohesive design that remains flexible as the platform evolves.
I introduced a structured colour system, typography system, grid system and scalable components to ensure a cohesive design that remains flexible as the platform evolves.
Final design
Final design
Before the redesign, the CO3 app was cluttered and lacked a smooth user experience. Now, it has a cleaner look and a more user-friendly design. To improve usability and brand perception, I introduced scalable components, refined design system, and streamlined key features.
Let me take you through a detailed look at the redesigned app.
Before the redesign, the CO3 app was cluttered and lacked a smooth user experience. Now, it has a cleaner look and a more user-friendly design.
To improve usability and brand perception, I introduced scalable components, refined design system, and streamlined key features.
Let me take you through a detailed look at the redesigned app.
Meeting room booking journey
Meeting room booking journey
The process of booking a meeting room is now clearer and more seamless. I redesigned the time and date selector for a more intuitive experience and added key pages like a booking summary with multiple payment options. Once a booking is confirmed, members receive the meeting room passcode in their inbox.
The process of booking a meeting room is now clearer and more seamless. I redesigned the time and date selector for a more intuitive experience and added key pages like a booking summary with multiple payment options. Once a booking is confirmed, members receive the meeting room passcode in their inbox.
Mockups
Mockups
Challenges
Challenges
Designing without real user data
Designing without real user data
Prioritising features was challenging since this project is a concept pitch. Without access to real user data, I had to rely on assumptions, making it difficult to create an app fully grounded in actual user behaviour.
Prioritising features was challenging since this project is a concept pitch. Without access to real user data, I had to rely on assumptions, making it difficult to create an app fully grounded in actual user behaviour.
Limited access to direct competitor references
Limited access to direct competitor references
With no access to direct competitor apps, I had to look beyond coworking platforms for inspiration. I referenced e-commerce apps for their purchasing flow and travel booking apps for their booking experience.
However, I didn’t find it too difficult—it was actually fun! It pushed me to explore different design approaches, think creatively, and use the best parts of different apps to create a seamless booking experience.
With no access to direct competitor apps, I had to look beyond coworking platforms for inspiration. I referenced e-commerce apps for their purchasing flow and travel booking apps for their booking experience.
However, I didn’t find it too difficult—it was actually fun! It pushed me to explore different design approaches, think creatively, and use the best parts of different apps to create a seamless booking experience.
Key takeaways
Key takeaways
Through this project, I learned the importance of designing with clarity and simplicity, especially when users need to complete tasks quickly.
Working without real user data pushed me to think critically about assumptions and find creative solutions by referencing other industries.
I also gained a deeper understanding of structuring user flows, improving content hierarchy, and balancing business goals with user needs.
Most importantly, I realised how small design decisions—like better navigation, clear messaging, and intuitive interactions—can greatly impact the overall experience.
Through this project, I learned the importance of designing with clarity and simplicity, especially when users need to complete tasks quickly.
Working without real user data pushed me to think critically about assumptions and find creative solutions by referencing other industries.
I also gained a deeper understanding of structuring user flows, improving content hierarchy, and balancing business goals with user needs.
Most importantly, I realised how small design decisions—like better navigation, clear messaging, and intuitive interactions—can greatly impact the overall experience.
