Contessa Villas (rework)

Rework of the website and CMS for better management of luxury vacation rentals.

In this project, we didn’t just focus on improving the existing system – we decided to build a completely new platform from the ground up to ensure a better user experience and a more efficient way of managing reservations.

Main Project Goals:

  • Create an intuitive and visually appealing user experience through a completely new website design.

  • Simplify and accelerate the reservation process so that users can easily find and confirm their desired accommodation.

  • Provide administrators with advanced tools for managing reservations, payments, and reviews through a modern CMS system.

  • Improve the payment system by integrating a more secure and efficient payment gateway that ensures transparent financial transaction tracking.

Through a combination of innovative design, advanced functionalities, and the latest technologies, we have developed a powerful and flexible digital system, tailored to the needs of both modern users and administrators.

A Completely New Website Design – Simple, Fast, and Intuitive Experience

With ever-growing user expectations, we redesigned the website to provide a better user experience and greater efficiency in the reservation process.

What does the new design offer?

  • A modern and visually appealing look, aligned with the latest UX/UI trends.

  • A simplified reservation process, with clear steps and an intuitive guide that helps users quickly select and confirm their accommodation.

  • Optimized page load speed, ensuring a seamless experience across all devices.

  • SEO optimization, improving search engine rankings and attracting more potential guests.

  • Advanced search filters, allowing users to find accommodations more easily based on their preferences.

  • Full responsiveness, ensuring an optimal experience whether using a mobile phone, tablet, or desktop computer.

This redesign not only enhances the visual appeal of the website but also ensures higher user engagement, lower bounce rates, and an increase in reservations.

New CMS System – Advanced Functionality for Complete Business Control

Alongside the website redesign, we developed a new, more flexible and functional CMS system, allowing administrators to manage reservations, payments, and user interactions more efficiently.

Key Advantages of the New CMS:

  • Detailed tracking of reservation payments, giving administrators a clear overview of financial transactions.

  • Optimized reservation and property management, with a simplified interface and faster data entry.

  • Automated tracking of the entire reservation lifecycle, from creation and confirmation to payment and final guest review.

  • Advanced review management tools, allowing administrators to view, filter, and respond to user comments.

  • Simplified addition and editing of accommodation units, with a better overview of availability and pricing settings.

This new CMS system provides administrators with complete control over operations, eliminating the need for external tools and simplifying daily tasks.

New Payment System – A More Secure and Efficient Transaction Process

To ensure a reliable and straightforward payment method, we integrated the Viva payment gateway, an advanced solution for financial transactions that enables:

  • Faster and more secure payment processing, supporting multiple payment methods (credit/debit cards, online transfers).

  • Automated payment linking with reservations, eliminating manual errors and ensuring accurate financial reports.

  • Easy tracking of payment status, allowing administrators to see which reservations are paid, pending, or canceled at any time.

  • The highest security standards, ensuring user data and transaction protection.

By implementing this payment system, we have ensured faster payment processing, greater reliability, and easier revenue tracking.

Technical Aspects of the Project – Stability, Speed, and Scalability

To ensure top-tier stability, performance, and long-term scalability, we selected the latest technologies that enable fast data processing, development flexibility, and secure integration between all system components.

  • Flutter – Used to develop modern and responsive user interfaces, ensuring high performance, a consistent look, and a smooth user experience across all devices.

  • Hasura + PostgreSQL – A combination that enables fast processing of large data volumes, dynamic GraphQL API generation, and advanced filtering and analytics, significantly improving data handling.

  • Node.js (API) – The backend application is based on Node.js architecture, allowing fast request processing, stable and scalable API integration, and efficient database and external service connections.

  • Qwik (frontend) – Using the Qwik framework ensures extremely fast web content delivery, reducing page load times and optimizing performance through intelligent loading and rendering of only necessary application parts.

This technological combination makes the system highly efficient, reliable, and adaptable to future upgrades, providing users with a fast and seamless experience, while allowing administrators to securely and easily manage all business aspects.

Conclusion

By developing a completely new website and CMS system, we have ensured better functionality, a simpler management process, and optimized reservation and payment processes.

This system delivers a top-tier user experience, enhances business operations, and allows for precise financial transaction tracking, making it the ideal solution for companies looking to optimize their operations and improve their digital presence.

Frequently asked questions

Why did you rebuild the Contessa platform from scratch instead of upgrading the old one?
The old system had reached a point where patching it would have cost more time than it was worth, and it still would have carried the same limits around reservations, payments, and reporting. Building fresh let us design the reservation flow and the CMS around how Contessa actually runs the business day to day, rather than working around decisions made years earlier. It also meant we could pick a technology stack that handles growth, so the platform has room to add units and features without another full rebuild.
How does the Viva payment gateway change the way Contessa handles bookings?
Viva lets guests pay by credit or debit card and online transfer, and every payment is automatically linked to its reservation. That removes the manual matching that used to cause errors, and it gives the team a live view of which bookings are paid, pending, or canceled. In practice it means faster checkout for guests and far less reconciliation work for the administrators, plus cleaner financial reports at the end of the month.
What can administrators actually do in the new CMS?
They manage the whole reservation lifecycle in one place, from the moment a booking comes in through confirmation, payment, and the guest review afterwards. They can add or edit accommodation units, set pricing and availability, track payment status, and read, filter, and reply to guest reviews. The goal was to remove the need for separate spreadsheets or external tools, so the daily work happens inside a single interface.
Will the website work properly on phones and tablets, not just desktop?
Yes. The site is fully responsive, so the layout and the booking steps adapt to whatever device a guest is using. Since a lot of vacation rental searches happen on a phone, we paid particular attention to keeping the reservation process quick and clear on smaller screens, with fast load times so people do not drop off before they finish booking.
Why did you choose Flutter, Hasura, Node.js, and Qwik for this build?
Each piece does a specific job. Qwik powers the public website and keeps load times very low by sending only what each page needs. Flutter handles the interface work where we wanted a consistent, smooth experience across devices. Hasura with PostgreSQL gives us a fast GraphQL data layer for filtering and analytics on large amounts of booking data, and Node.js runs the backend API that ties everything together and connects to outside services like the payment gateway. Together they keep the platform fast today and straightforward to extend later.

Key Results

Intuitive website design
modern UX
Simplified reservation process
Advanced CMS management
comprehensive control
Reservations, payments, reviews
Secure payment gateway
Viva integration
Multiple payment methods
Multi-device optimization
responsive experience
Seamless across all devices

Technologies

Figma
Figma
Hasura
Hasura
Flutter
Flutter

Projects from the category