Cozyplace: Booking Made Easy
Cozyplace: Booking Made Easy
Cozyplace: Booking Made Easy
Cozyplace: Booking Made Easy
Simplifying Bookings for Private Cinema Experiences.
Simplifying Bookings for Private Cinema Experiences.
Simplifying Bookings for Private Cinema Experiences.
Simplifying Bookings for Private Cinema Experiences.
Classification
Classification
Classification
COZYPLACE
COZYPLACE
COZYPLACE
Year
Year
Year
2025
2025
2025
Skills
Skills
Skills
User Research and Analysis, Interaction Design, UI/UX Design, Prototyping, Information Architecture, Visual Design, Usability Testing, Content Strategy, Mobile-First Design, Design System Creation
User Research and Analysis, Interaction Design, UI/UX Design, Prototyping, Information Architecture, Visual Design, Usability Testing, Content Strategy, Mobile-First Design, Design System Creation
User Research and Analysis, Interaction Design, UI/UX Design, Prototyping, Information Architecture, Visual Design, Usability Testing, Content Strategy, Mobile-First Design, Design System Creation
Service
Service
Service
UI/UX Design
UI/UX Design
UI/UX Design
Visual Design
Visual Design
Visual Design
Information Architecture
Information Architecture
Information Architecture
Information Architecture
Duration
Duration
Duration
1 month — Launching in 1–2 months , Freelance Project
1 month — Launching in 1–2 months , Freelance Project
1 month — Launching in 1–2 months , Freelance Project
Overview
Overview
Overview
Overview
Cozyplace is the market leader for private movie room experiences in Singapore, providing a cozy space to enjoy Netflix and other streaming services. Their existing booking system spanned two separate websites and a 5-page user flow, leading to confusion, high abandonment rates, and a heavy reliance on manual bookings. This case study outlines how I redesigned their experience into a unified, mobile-friendly, one-page booking system, simplifying the process while elevating the brand experience.
Cozyplace is the market leader for private movie room experiences in Singapore, providing a cozy space to enjoy Netflix and other streaming services. Their existing booking system spanned two separate websites and a 5-page user flow, leading to confusion, high abandonment rates, and a heavy reliance on manual bookings. This case study outlines how I redesigned their experience into a unified, mobile-friendly, one-page booking system, simplifying the process while elevating the brand experience.
Cozyplace is the market leader for private movie room experiences in Singapore, providing a cozy space to enjoy Netflix and other streaming services. Their existing booking system spanned two separate websites and a 5-page user flow, leading to confusion, high abandonment rates, and a heavy reliance on manual bookings. This case study outlines how I redesigned their experience into a unified, mobile-friendly, one-page booking system, simplifying the process while elevating the brand experience.
Cozyplace is the market leader for private movie room experiences in Singapore, providing a cozy space to enjoy Netflix and other streaming services. Their existing booking system spanned two separate websites and a 5-page user flow, leading to confusion, high abandonment rates, and a heavy reliance on manual bookings. This case study outlines how I redesigned their experience into a unified, mobile-friendly, one-page booking system, simplifying the process while elevating the brand experience.
The Challenge
The Challenge
The Challenge
The Challenge
Cozyplace’s booking experience was fragmented and confusing — split across two websites and stretched over five pages. Users faced information overload, inconsistent UI, complex package structures, and a mobile-unfriendly design, leading to high drop-off rates and an increase in manual bookings via WhatsApp.
Cozyplace’s booking experience was fragmented and confusing — split across two websites and stretched over five pages. Users faced information overload, inconsistent UI, complex package structures, and a mobile-unfriendly design, leading to high drop-off rates and an increase in manual bookings via WhatsApp.
Cozyplace’s booking experience was fragmented and confusing — split across two websites and stretched over five pages. Users faced information overload, inconsistent UI, complex package structures, and a mobile-unfriendly design, leading to high drop-off rates and an increase in manual bookings via WhatsApp.
Cozyplace’s booking experience was fragmented and confusing — split across two websites and stretched over five pages. Users faced information overload, inconsistent UI, complex package structures, and a mobile-unfriendly design, leading to high drop-off rates and an increase in manual bookings via WhatsApp.
Understanding The Problem
Understanding The Problem
Understanding The Problem
Understanding The Problem
Fragmented User Journey — Two separate websites (one for info, one for bookings) disrupted the user flow. Complex 5-Page Booking Flow — Dense content, unclear navigation, and package confusion led to booking abandonment. Complex Package Information and Pricing — The dynamic pricing, variable pax options, and numerous add-ons created a confusing landscape, making it difficult for customers to decipher and select suitable packages. Manual Bookings — Frustrated users then booked via WhatsApp, increasing staff workload. Poor Mobile Usability — Unresponsive layouts and small tap targets hindered mobile conversions. These resulted in higher support load (unnecessary inquiries) and decreased booking rates from confused customers.
Fragmented User Journey — Two separate websites (one for info, one for bookings) disrupted the user flow. Complex 5-Page Booking Flow — Dense content, unclear navigation, and package confusion led to booking abandonment. Complex Package Information and Pricing — The dynamic pricing, variable pax options, and numerous add-ons created a confusing landscape, making it difficult for customers to decipher and select suitable packages. Manual Bookings — Frustrated users then booked via WhatsApp, increasing staff workload. Poor Mobile Usability — Unresponsive layouts and small tap targets hindered mobile conversions. These resulted in higher support load (unnecessary inquiries) and decreased booking rates from confused customers.
Fragmented User Journey — Two separate websites (one for info, one for bookings) disrupted the user flow. Complex 5-Page Booking Flow — Dense content, unclear navigation, and package confusion led to booking abandonment. Complex Package Information and Pricing — The dynamic pricing, variable pax options, and numerous add-ons created a confusing landscape, making it difficult for customers to decipher and select suitable packages. Manual Bookings — Frustrated users then booked via WhatsApp, increasing staff workload. Poor Mobile Usability — Unresponsive layouts and small tap targets hindered mobile conversions. These resulted in higher support load (unnecessary inquiries) and decreased booking rates from confused customers.
Fragmented User Journey — Two separate websites (one for info, one for bookings) disrupted the user flow. Complex 5-Page Booking Flow — Dense content, unclear navigation, and package confusion led to booking abandonment. Complex Package Information and Pricing — The dynamic pricing, variable pax options, and numerous add-ons created a confusing landscape, making it difficult for customers to decipher and select suitable packages. Manual Bookings — Frustrated users then booked via WhatsApp, increasing staff workload. Poor Mobile Usability — Unresponsive layouts and small tap targets hindered mobile conversions. These resulted in higher support load (unnecessary inquiries) and decreased booking rates from confused customers.
'Normally I just Whatsapp Cozyplace, as there are too many packages to digest' - Regular at Cozyplace
'Normally I just Whatsapp Cozyplace, as there are too many packages to digest' - Regular at Cozyplace
'Normally I just Whatsapp Cozyplace, as there are too many packages to digest' - Regular at Cozyplace
'Normally I just Whatsapp Cozyplace, as there are too many packages to digest' - Regular at Cozyplace
The Solution
The Solution
The Solution
The Solution
To solve Cozyplace’s disjointed booking flow and usability issues, I focused on simplifying the user journey, unifying the experience, and optimizing for clarity and mobile use. The result is a seamless, intuitive system built around four core improvements:
To solve Cozyplace’s disjointed booking flow and usability issues, I focused on simplifying the user journey, unifying the experience, and optimizing for clarity and mobile use. The result is a seamless, intuitive system built around four core improvements:
To solve Cozyplace’s disjointed booking flow and usability issues, I focused on simplifying the user journey, unifying the experience, and optimizing for clarity and mobile use. The result is a seamless, intuitive system built around four core improvements:
To solve Cozyplace’s disjointed booking flow and usability issues, I focused on simplifying the user journey, unifying the experience, and optimizing for clarity and mobile use. The result is a seamless, intuitive system built around four core improvements:
Fit
Fit
Fit
Fit
Merged the two separate platforms (informational and booking) into a single cohesive website. This improved brand consistency and reduced user confusion by offering all essential content — from room details to booking — in one place.
Merged the two separate platforms (informational and booking) into a single cohesive website. This improved brand consistency and reduced user confusion by offering all essential content — from room details to booking — in one place.
Merged the two separate platforms (informational and booking) into a single cohesive website. This improved brand consistency and reduced user confusion by offering all essential content — from room details to booking — in one place.
Merged the two separate platforms (informational and booking) into a single cohesive website. This improved brand consistency and reduced user confusion by offering all essential content — from room details to booking — in one place.
Comfort
Comfort
Comfort
Comfort
By transforming Cozyplace's complex 5-step booking system, featuring over 30 different packages, into a clear, one-page layout with just 4 distinct options, we significantly improved the user experience. This, combined with intuitive navigation and transparent pricing breakdowns (including peak/off-peak rates, discounts, and totals), empowers users to make informed decisions quickly, reducing drop-offs and improving overall satisfaction.
By transforming Cozyplace's complex 5-step booking system, featuring over 30 different packages, into a clear, one-page layout with just 4 distinct options, we significantly improved the user experience. This, combined with intuitive navigation and transparent pricing breakdowns (including peak/off-peak rates, discounts, and totals), empowers users to make informed decisions quickly, reducing drop-offs and improving overall satisfaction.
Ease of Use
Ease of Use
Ease of Use
Ease of Use
By transforming Cozyplace's complex 5-step booking system, featuring over 30 different packages, into a clear, one-page layout. Users can now browse room options, select a date/time, and confirm their booking without leaving the page. The design uses visual hierarchy, color coding, and live summaries to guide users seamlessly from start to finish.
By transforming Cozyplace's complex 5-step booking system, featuring over 30 different packages, into a clear, one-page layout. Users can now browse room options, select a date/time, and confirm their booking without leaving the page. The design uses visual hierarchy, color coding, and live summaries to guide users seamlessly from start to finish.
By transforming Cozyplace's complex 5-step booking system, featuring over 30 different packages, into a clear, one-page layout. Users can now browse room options, select a date/time, and confirm their booking without leaving the page. The design uses visual hierarchy, color coding, and live summaries to guide users seamlessly from start to finish.
By transforming Cozyplace's complex 5-step booking system, featuring over 30 different packages, into a clear, one-page layout. Users can now browse room options, select a date/time, and confirm their booking without leaving the page. The design uses visual hierarchy, color coding, and live summaries to guide users seamlessly from start to finish.
The Result
The Result
The Result
The Result
The redesign is expected to streamline booking, leading to increased conversion rates and reduced manual bookings, while enhancing user satisfaction through improved navigation and mobile optimization. Consolidating the website will strengthen brand cohesion and simplify back-end management. Ultimately, the one-page booking system is designed to boost online booking conversions by providing a clear and efficient user experience. 🚀 The new platform is set to launch in 1-2 months, marking a major step forward in digital transformation for Cozyplace.
The redesign is expected to streamline booking, leading to increased conversion rates and reduced manual bookings, while enhancing user satisfaction through improved navigation and mobile optimization. Consolidating the website will strengthen brand cohesion and simplify back-end management. Ultimately, the one-page booking system is designed to boost online booking conversions by providing a clear and efficient user experience. 🚀 The new platform is set to launch in 1-2 months, marking a major step forward in digital transformation for Cozyplace.
The redesign is expected to streamline booking, leading to increased conversion rates and reduced manual bookings, while enhancing user satisfaction through improved navigation and mobile optimization. Consolidating the website will strengthen brand cohesion and simplify back-end management. Ultimately, the one-page booking system is designed to boost online booking conversions by providing a clear and efficient user experience. 🚀 The new platform is set to launch in 1-2 months, marking a major step forward in digital transformation for Cozyplace.
The redesign is expected to streamline booking, leading to increased conversion rates and reduced manual bookings, while enhancing user satisfaction through improved navigation and mobile optimization. Consolidating the website will strengthen brand cohesion and simplify back-end management. Ultimately, the one-page booking system is designed to boost online booking conversions by providing a clear and efficient user experience. 🚀 The new platform is set to launch in 1-2 months, marking a major step forward in digital transformation for Cozyplace.
Business Impact
Business Impact
Business Impact
Business Impact
1. Increased Booking Rates Streamlining the booking process into a unified, mobile-friendly, one-page system reduced user confusion and abandonment, leading to more completed bookings. Key metric to track: Booking conversion rate 2. Reduced Manual Workload The intuitive design decreased the need for customers to book via WhatsApp, lessening staff intervention and operational overhead. Key metrics to track: Number of manual booking requests, volume of support inquiries 3. Stronger Revenue Potential A smoother booking experience encouraged users to explore more offerings and complete higher-value transactions and allows the business to scale. Key metrics to track: Revenue per booking, to measure upsell potential from an improved user flow These enhancements collectively bolstered Cozyplace’s operational efficiency and customer engagement, while also setting a foundation for future growth.
View Prototype:
View Prototype:
View Prototype:
View Prototype:
Branding
Branding
Branding
Branding
A dark mode color palette was intentionally chosen to evoke the ambiance of a cinema or movie theater. This aesthetic enhances the user's immersion and aligns with Cozyplace's core offering of private movie screenings. While Cozyplace's primary brand colors are green and orange, the design strategically utilizes a vibrant orange for call-to-action (CTA) buttons. This choice ensures that key interactive elements stand out prominently against the dark background, guiding users through the booking process. To maintain brand recognition, the brand's green color is subtly incorporated into the website's footer, providing a consistent visual link to Cozyplace's established branding. The use of a limited color palette ensures visual harmony and prevents overwhelming the user.
A dark mode color palette was intentionally chosen to evoke the ambiance of a cinema or movie theater. This aesthetic enhances the user's immersion and aligns with Cozyplace's core offering of private movie screenings. While Cozyplace's primary brand colors are green and orange, the design strategically utilizes a vibrant orange for call-to-action (CTA) buttons. This choice ensures that key interactive elements stand out prominently against the dark background, guiding users through the booking process. To maintain brand recognition, the brand's green color is subtly incorporated into the website's footer, providing a consistent visual link to Cozyplace's established branding. The use of a limited color palette ensures visual harmony and prevents overwhelming the user.
Brand Colors
Brand Colors
Brand Colors
Brand Colors
A cohesive design system was established to ensure consistency across the entire website. This system encompasses reusable UI components, typography styles, color palettes, and spacing guidelines, promoting efficiency in design and development. The system emphasizes clean, minimalist elements to facilitate easy information consumption. The design system is created to be scalable, allowing for future expansion of the website with new features and content.
A cohesive design system was established to ensure consistency across the entire website. This system encompasses reusable UI components, typography styles, color palettes, and spacing guidelines, promoting efficiency in design and development. The system emphasizes clean, minimalist elements to facilitate easy information consumption. The design system is created to be scalable, allowing for future expansion of the website with new features and content.
A cohesive design system was established to ensure consistency across the entire website. This system encompasses reusable UI components, typography styles, color palettes, and spacing guidelines, promoting efficiency in design and development. The system emphasizes clean, minimalist elements to facilitate easy information consumption. The design system is created to be scalable, allowing for future expansion of the website with new features and content.
Typography
Typography
Typography
Typography
A dark mode color palette was intentionally chosen to evoke the ambiance of a cinema or movie theater. This aesthetic enhances the user's immersion and aligns with Cozyplace's core offering of private movie screenings. While Cozyplace's primary brand colors are green and orange, the design strategically utilizes a vibrant orange for call-to-action (CTA) buttons. This choice ensures that key interactive elements stand out prominently against the dark background, guiding users through the booking process. To maintain brand recognition, the brand's green color is subtly incorporated into the website's footer, providing a consistent visual link to Cozyplace's established branding. The use of a limited color palette ensures visual harmony and prevents overwhelming the user.
A dark mode color palette was intentionally chosen to evoke the ambiance of a cinema or movie theater. This aesthetic enhances the user's immersion and aligns with Cozyplace's core offering of private movie screenings. While Cozyplace's primary brand colors are green and orange, the design strategically utilizes a vibrant orange for call-to-action (CTA) buttons. This choice ensures that key interactive elements stand out prominently against the dark background, guiding users through the booking process. To maintain brand recognition, the brand's green color is subtly incorporated into the website's footer, providing a consistent visual link to Cozyplace's established branding. The use of a limited color palette ensures visual harmony and prevents overwhelming the user.
A dark mode color palette was intentionally chosen to evoke the ambiance of a cinema or movie theater. This aesthetic enhances the user's immersion and aligns with Cozyplace's core offering of private movie screenings. While Cozyplace's primary brand colors are green and orange, the design strategically utilizes a vibrant orange for call-to-action (CTA) buttons. This choice ensures that key interactive elements stand out prominently against the dark background, guiding users through the booking process. To maintain brand recognition, the brand's green color is subtly incorporated into the website's footer, providing a consistent visual link to Cozyplace's established branding. The use of a limited color palette ensures visual harmony and prevents overwhelming the user.
A dark mode color palette was intentionally chosen to evoke the ambiance of a cinema or movie theater. This aesthetic enhances the user's immersion and aligns with Cozyplace's core offering of private movie screenings. While Cozyplace's primary brand colors are green and orange, the design strategically utilizes a vibrant orange for call-to-action (CTA) buttons. This choice ensures that key interactive elements stand out prominently against the dark background, guiding users through the booking process. To maintain brand recognition, the brand's green color is subtly incorporated into the website's footer, providing a consistent visual link to Cozyplace's established branding. The use of a limited color palette ensures visual harmony and prevents overwhelming the user.
Spacing
Spacing
Spacing
Spacing
An 8-point grid system was implemented to maintain consistent spacing and alignment throughout the design. This grid system promotes visual balance and ensures a clean, organized layout. This grid system is also implemented on the mobile design, which allows the mobile design to look clean and organised.
An 8-point grid system was implemented to maintain consistent spacing and alignment throughout the design. This grid system promotes visual balance and ensures a clean, organized layout. This grid system is also implemented on the mobile design, which allows the mobile design to look clean and organised.
Learnings & Next Steps
Learnings & Next Steps
Learnings & Next Steps
Learnings & Next Steps
This project reinforced the power of simplicity in user experience design, demonstrating that transforming a complex five-page booking process into a clear, single-page system, coupled with transparent pricing and a mobile-first approach, significantly improves user satisfaction and drives business efficiency. It highlighted the importance of clear visual hierarchy and understanding the user's journey to create intuitive and effective digital solutions. Post-launch, we will focus on rigorous monitoring and analysis of key metrics to assess the project's impact and inform iterative improvements. This includes refining content, exploring additional features like personalization, and continuously optimizing the booking experience based on user feedback to ensure sustained user engagement and business growth.
This project reinforced the power of simplicity in user experience design, demonstrating that transforming a complex five-page booking process into a clear, single-page system, coupled with transparent pricing and a mobile-first approach, significantly improves user satisfaction and drives business efficiency. It highlighted the importance of clear visual hierarchy and understanding the user's journey to create intuitive and effective digital solutions. Post-launch, we will focus on rigorous monitoring and analysis of key metrics to assess the project's impact and inform iterative improvements. This includes refining content, exploring additional features like personalization, and continuously optimizing the booking experience based on user feedback to ensure sustained user engagement and business growth.
This project reinforced the power of simplicity in user experience design, demonstrating that transforming a complex five-page booking process into a clear, single-page system, coupled with transparent pricing and a mobile-first approach, significantly improves user satisfaction and drives business efficiency. It highlighted the importance of clear visual hierarchy and understanding the user's journey to create intuitive and effective digital solutions. Post-launch, we will focus on rigorous monitoring and analysis of key metrics to assess the project's impact and inform iterative improvements. This includes refining content, exploring additional features like personalization, and continuously optimizing the booking experience based on user feedback to ensure sustained user engagement and business growth.
This project reinforced the power of simplicity in user experience design, demonstrating that transforming a complex five-page booking process into a clear, single-page system, coupled with transparent pricing and a mobile-first approach, significantly improves user satisfaction and drives business efficiency. It highlighted the importance of clear visual hierarchy and understanding the user's journey to create intuitive and effective digital solutions. Post-launch, we will focus on rigorous monitoring and analysis of key metrics to assess the project's impact and inform iterative improvements. This includes refining content, exploring additional features like personalization, and continuously optimizing the booking experience based on user feedback to ensure sustained user engagement and business growth.
PORTFOLIO
PORTFOLIO
CHECK OUT SOME MORE
CHECK OUT SOME MORE
CHECK OUT SOME MORE
CHECK OUT SOME MORE
Redesigning Ngee Ann City's Website
Redesigning Ngee Ann City's Website
Redesigning Ngee Ann City's Website
UI/UX
Web Design
Redesigning Ngee Ann City's Website
Redesigning Ngee Ann City's Website
Redesigning Ngee Ann City's Website
UI/UX
Web Design
Redesigning Ngee Ann City's Website
Redesigning Ngee Ann City's Website
Redesigning Ngee Ann City's Website
UI/UX
Web Design
Redesigning Ngee Ann City's Website
Redesigning Ngee Ann City's Website
Redesigning Ngee Ann City's Website
UI/UX
Web Design
Cozyplace: Booking Made Easy
Cozyplace: Booking Made Easy
Cozyplace: Booking Made Easy
UI/UX
Web Design
Mobile Design
Cozyplace: Booking Made Easy
Cozyplace: Booking Made Easy
Cozyplace: Booking Made Easy
UI/UX
Web Design
Mobile Design
Cozyplace: Booking Made Easy
Cozyplace: Booking Made Easy
Cozyplace: Booking Made Easy
UI/UX
Web Design
Mobile Design
Cozyplace: Booking Made Easy
Cozyplace: Booking Made Easy
Cozyplace: Booking Made Easy
UI/UX
Web Design
Mobile Design
HAVE A PROJECT
HAVE A PROJECT
HAVE A PROJECT
HAVE A PROJECT
IN MIND ?
IN MIND ?
IN MIND ?
IN MIND ?