Lumnara

Disclaimer
From Outdated to Outstanding – A Fresh Take on Hospitality UI.
Is your resort & casino app delivering a seamless guest experience, or is outdated design holding it back?
Lumnara Resort & Casino is a premier luxury destination in Entertainment City, Manila, Philippines. As one of the largest integrated resorts, it offers world-class accommodations, fine dining, and top-tier entertainment. With over 920 opulent rooms, a grand theater, and a diverse selection of restaurants, Lumnara delivers an unparalleled guest experience. Its expansive casino attracts gaming enthusiasts worldwide, reinforcing its status as a top-tier hospitality brand. Combining luxury, entertainment, and innovation, Lumnara continues to redefine modern hospitality, setting new standards in the industry.
Role

Product Designer

Team

1 Product owner,
1 Business analyst,
1 Project manager,
4 UI engineers,
2 Tester and
me as Product designer

Timeline

6 months

(Sept 2022 to Feb 2023)

Client

Lumnara Resorts & Casino

Lumnara Project Main Mockup Image
Problem Statement
The resort and hospitality chain faces critical challenges regarding the outdated user interface (UI) of its applications (Kiosk & Mobile Applications). Over the time, technological advancements have rendered the existing UI obsolete, resulting in a visually unappealing and functionality deficient experience for customers.
Client wanted to have the same Information Architecture without changing the screen counts and features. The lack of modern design elements and features hinders the client’s ability to provide customers with efficient tools for searching, checking, booking and purchasing products and services. The outdated UI not only compromises the brand’s image but also diminishes the overall user satisfaction and engagement levels.
Therefore, there is an urgent need to reimagine the interface of the client’s application retaining the existing Information Architecture while infusing the design principles and functionalities.
The Solution
To address the Resort and Hospitality chain’s challenge of outdated UI and enhance the overall user experience (UX) for both kiosk and mobile applications, a comprehensive solution is proposed. The solution begins with work around the insights provided by the client (No research work held due to client's budget) to understand the target audience’s needs, preferences, and pain points, followed by clear definition of design goals aligned with business objectives and user needs.
Keeping the idea in mind to not change the existing Information Architecture and to ensure its relevance and intuitiveness, while a modern and visually appealing UI design incorporates contemporary elements, typography, and color schemes, ensuring consistency across various devices. Also incorporating the enhanced features such as advanced search functionality, Light-Dark color modes, more intuitive UI components and end-user usability
My Engagement into seamless UX experience
As a seasoned UX designer, I was entrusted with a pivotal role in shaping the user experience and visual design of a client. My responsibilities includes a hybrid approach, encompassing both UX and visual design aspects. I started with conducting comprehensive UX analysis of the existing system to identify the ux challenges and pain points in the current user interface and experience.
Leveraging this analysis I rectified the visual designs and experience with creation of low-Fi wireframes, engaging ideation sessions and meticulously crafting Hi-Fi designs. Throughout this iterative process. I remain committed to collaborating closely with stakeholders, and product team (including Product owner, Manager, Business Analyst, Developers and tester) seeking their inputs and feedback, and conducting thorough testing to validate design decisions by fostering a user-centric approach and prioritizing usability and aesthetic appeal. I strive to deliver a seamless and engaging user experience for our users elevating the apps functionality and delighting audience.
Lumnara Project - My Engagement-process
My Process
I began by collaborating with stakeholders and product owners to understand the business requirements and user pain points. Since there was no opportunity for extensive user research, I relied on stakeholder insights to identify key challenges.
To kick off the redesign, I analyzed existing kiosk and mobile app screenshots, conducting a UX audit and heuristic evaluation. This helped pinpoint usability flaws, inconsistencies, and areas needing improvement.
With these insights, I structured a user-centric design approach—addressing the flaws through wireframes that streamlined navigation, improved accessibility, and enhanced the overall user experience.
Key insights from stakeholders

67%

of users reported navigation is unintuitive and not easy discoverable, requiring too many steps to complete booking process

81%

users felt that application interface is with low contrast make it difficult for them to scan information quickly and Red/maroon theme is too stress boosting colors for eyes.

42%

Users feel uncertain if their actions have been successfully completed or not? Booking confirmations, reward redemptions, and payment processing do not provide clear success or failure messages.

UX Analysis/Audit ( KIOSK )
While conducting a UX analysis or audit, several key points are covered to assess the overall interface and user experience of the system. Like evaluating the visual appeal, consistency, clarity of design elements such as color scheme, typography, icons, buttons and layout. Assess the ease of navigation and discoverability within the system, reviewing the hierarchy of content and features, content presentation, functionality of key features, user feedback and support and to identify areas for improvement and make informed decisions.
Lumnara Project UX Audit Flow for Kiosk
UX Analysis/Audit ( MOBILE )
Lumnara Project UX Audit Flow for Mobile
After workout
After analyzing all screens based on the UX audits, I've went to solve on some of the key problems with redesigning the interface.
Lumnara Results Before and After Image 1 - Kiosk Lumnara Results Before and After Image 2 - Kiosk
Redesign for mobile
Lumnara Results Before and After Image 1 - Mobile

Final Designs

With a structured solution in place, Started with sketching the rough ideas for KIOSK and app for better clarity and then moved to the final Hi-Fi designs once the wireframes are approved with stakeholder and PO.
For Kiosk
With kiosk new design I've made some new feature and interface improvements:
Kiosk Spash Screen
Splash & welcome screen
Kiosk Light Theme Pin Screen
PIN authentication
Kiosk Light Theme Home Screen
Home
Kiosk Light Theme Home View Details Screen
Draws details
Kiosk Dark Theme Draws Available Screen
Draws available
Kiosk Dark Theme My Shop Screen
My shop
Kiosk Dark Theme My Shop - FIlters Screen
My shop - filters
Kiosk Dark Theme Notifications Screen
Messages & notifications
Kiosk Light Theme My Shop - My Cart Screen
My cart
Kiosk Light Theme Solaire Monopoly Screen
Lumnara Monopoly
Kiosk Light Theme Solaire Offers Not Available Screen
No offers available
Kiosk Light Theme Terms of Use Screen
Terms of use
Kiosk Dark Theme Edit Patron Details Screen
Edit patron details
Kiosk Dark Theme Logout Screen
Logout prompt
For Mobile
After structuring ideas with insights and painpoints, now its time to bring design to life using Hi-fi designs. The approach was to make design minimalistic, clean and easy to use.
Mobile app screens bunch mockups 1 Mobile app screens bunch mockups 2 Mobile app screens bunch mockups 3 Mobile app screens bunch mockups 4 Mobile app screens bunch mockups 5 Mobile app screens bunch mockups 6
Takeaways
Impact on users life
29% increase in bookings!!

This case study reinforced that great UX is a balance between research, business needs, and design principles. Even with limited research, quick heuristic analysis and stakeholder insights can drive meaningful improvements in the users experience.

Client appreciation email screenshot
What I learned?

Designing Travenap was an insightful journey that deepened my understanding of human-centered design, problem-solving in mobility experiences, and the complexities of building a geo-location-based product. Through this project, I gained valuable lessons in user research, iterative design, accessibility considerations, and business impact.

  • Stakeholder Collaboration is Crucial – Insights from stakeholders provided a foundation for identifying pain points, especially when extensive user research wasn’t feasible.
  • UX Audits Uncover Hidden Flaws – Conducting a heuristic evaluation helped pinpoint major usability issues in navigation, visual hierarchy, and system feedback.
  • Optimizing for Touchscreen and Accessibility is Essential – Designing for kiosks requires larger, well-spaced touch-friendly UI elements, ensuring high contrast, readable fonts, and intuitive icons improves accessibility for all users.
  • Visual Hierarchy Drives Engagement – Cluttered screens with too much text overwhelm users, making prioritization of content and actions key.
  • Iterative Design & Validation are Necessary – Continuous testing and refinement ensured an evolving, user-centric product.
Thanks for reading!

Checkout my other works

Have an idea? Let's design the perfect experience! 🚀