City of Dreams Mediterranean: Premier UX & UI Elegance for a Luxury Resort

Project Overview

City of Dreams Mediterranean marks the fourth time Melco Resorts & Entertainment (‘Melco’) has entrusted DigiSalad with the revamp of one of its resort websites, extending our long-standing collaboration to an international destination.

For this project, DigiSalad delivered a comprehensive website redesign and development, covering UX strategy, information architecture, user flow planning, responsive interface design, front-end development and CMS enhancement. The website brings the resort’s accommodation, dining, entertainment, casino, meetings and leisure experiences together under one cohesive digital presence, making it easier for visitors to explore the resort and move directly to relevant booking or enquiry platforms.

To maintain consistency across Melco’s portfolio, the website follows the established digital framework used by its other properties while introducing a visual direction tailored to the distinctive character of City of Dreams Mediterranean.

Challenges 

Today's travellers expect a resort website to be as smooth and inspiring as the stay itself. For a destination like City of Dreams Mediterranean in Cyprus, the old website no longer met that standard. Its visual style, UX and UI felt dated, with crowded layouts, unclear navigation and inconsistent design elements. Exploring dining, events, casino and accommodation took more effort than it should, and important offers were easy to miss.

The booking journey faced a similar hurdle. The booking calendar showed no room rates, so visitors had to click into the booking engine and try dates one by one just to compare prices. The extra steps slowed down decisions and made it easier for potential guests to drop off before booking.

The challenge was to bring the website up to the resort's premium positioning while making the path to booking faster and clearer. DigiSalad redesigned the experience with a modern look, a clear structure and a unified design system. We also integrated the booking engine so the lowest rate appears directly on the website calendar, much like an airline booking system. Visitors can now scan the month, spot the best-value dates and book with confidence, without extra clicks.

Key Features

Explore Personalized What’s On with Ease

The enhanced “What’s On” page turns event discovery into a smooth and intuitive experience, allowing visitors to explore upcoming activities and plan their stay with ease.

Presented in an agenda-style weekly view, events can be browsed across the entire week or filtered by a specific day. When visitors select their preferred date, the corresponding weekly schedule appears automatically, allowing them to quickly compare available activities, organize their plans and discover more experiences without browsing each event individually.

Each event card brings essential details together at a glance, including the event name, date, time, availability and a brief introduction. Visitors can then select “Learn More” to explore the full event details, making it effortless to compare options and find experiences that suit their plans.

All Casino Experiences in One Place

Casino-related content is consolidated on a dedicated page accessible directly from the main navigation. This central hub brings together casino facilities, games, promotions, Melco Club membership, gaming information and more, allowing visitors to find relevant content without navigating across multiple sections.

The page uses image-led, widget-based columns to organize different categories clearly. As visitors swipe or scroll through the page, the columns move up and down, progressively revealing new visuals and content while creating layered, dynamic transitions between sections.

This interactive effect encourages visitors to explore more content while keeping the journey clear, engaging and easy to follow.

Navigation Designed for Effortless Exploration

The redesigned header transforms the resort’s diverse offerings into a visually guided gateway. When expanded, key categories are displayed across the top, supported by a contextual submenu on the left and an eye-catching visual panel on the right that brings featured services into focus.

This layered structure allows visitors to explore Accommodation, Dining, Casino, Meetings & Events, and other hotel facilities with ease, while giving signature experiences and timely promotions greater visibility.
For visitors ready to take action, the prominently placed “Book Now” CTA provides an instant shortcut to the booking panel. Consistent with Melco’s other property websites, the familiar interface allows users to switch effortlessly between Accommodation, Dining and Entertainment before making a reservation.

Solutions Implemented by DigiSalad

Seamless UX & UI from Discovery to Action

DigiSalad restructured the UX to create a clear journey from discovery to action, designed to improve conversion at every step. Category filters and flexible viewing options help visitors quickly find relevant experiences, while structured event cards present key details such as dates, times and descriptions at a glance. A dedicated entertainment agenda also brings daily activities into one concise view, making it easier to compare options and plan a visit. Prominent CTAs, including "Learn More," "Buy a Ticket" and "Book a Table," guide visitors seamlessly towards their next step, turning more browsers into bookings, ticket purchases and enquiries.

To create a cohesive UI, DigiSalad developed a comprehensive design system with consistent typography, colours, imagery, icons, spacing and reusable interface components. Full-width visuals create an immersive first impression, while clear content cards and generous spacing keep information easy to scan and navigate. Responsive layouts and subtle motion effects deliver a polished experience across desktop, tablet and mobile, enabling visitors to explore and take action with ease on any device, which further supports a higher conversion rate.

Modular Widgets for Smarter Content Management

Aligned with Melco’s other property websites, the widget-based Content Management System (CMS) gives the Melco team greater flexibility to build, update and rearrange pages with ease, without requiring complex coding.

The system brings together modular building blocks for text, buttons and page layouts, alongside versatile widgets for lists, grids, cards and horizontal carousels. Dedicated information widgets also present key details such as dates, times, categories and event information in a clear and consistent format.

For example, an event page can seamlessly combine an eye-catching visual banner, schedule details, promotional cards and a carousel of related experiences. These reusable widgets can be applied across dining, entertainment and casino pages, helping the team keep events, promotions and seasonal highlights fresh while maintaining a cohesive experience throughout the website.

Integrated SEO, GEO & Analytics to Boost Exposure

Following the proven approach applied across Melco's other property websites, DigiSalad implemented SEO (Search Engine Optimization), GEO (Generative Engine Optimization), front-end optimization and Google Analytics 4 for City of Dreams Mediterranean.

SEO and GEO work together to boost the website's exposure. SEO improves visibility on traditional search engines, while GEO helps the resort's content surface in AI-powered search and answer platforms, so more people can find the website wherever they search. Optimized front-end assets support faster loading and smoother browsing. Google Analytics 4 also provides insights into website traffic, visitor locations and on-site interactions. By identifying the interests and browsing patterns of different audience segments, the Melco team can better understand regional preferences and tailor relevant promotions, activities and events to each market.

Conclusion

The revamped City of Dreams Mediterranean website transforms the resort’s diverse offerings into a sophisticated and immersive digital experience. Visitors can now discover relevant content more intuitively, access essential information with fewer steps and move seamlessly from exploration to booking.

Backed by a flexible CMS and integrated analytics capabilities, the new website also enables faster content updates and continuous optimization. This successful transformation strengthens Melco's digital presence and marks another significant milestone in DigiSalad’s long-standing collaboration with Melco Resorts.