All Projects

Revamp Veranda Hotels Website

Grapiku redesigned the Veranda Hotels website ecosystem to reflect a four-star hotel experience, unifying the corporate site and the two properties.

Client

Veranda Hotels

Service

Website Revamp

Industry

—

About the Client

Veranda Hotels

Veranda Hotels is a hospitality company that operates two accommodation brands in Jakarta. Veranda Hotel Pakubuwono is a four-star hotel in South Jakarta, while Veranda Serviced Residence Puri in West Jakarta offers serviced residences for both short- and long-term stays.

Both offer distinct experiences. Veranda Pakubuwono prioritizes a modern hotel experience for both business and leisure guests, while Veranda Puri provides more flexible, home-like accommodations.

Website Revamp

Objective

Strengthen the Veranda Hotels brand experience and direct bookings

When choosing accommodations, prospective guests consider more than just price and location. They also evaluate the atmosphere, room types, amenities, overall experience, and available offers before making a reservation.

Veranda Hotels needs a website ecosystem capable of showcasing the distinct characteristics of Veranda Hotel Pakubuwono and Veranda Serviced Residence Puri, while still maintaining a unified brand identity. Each journey must guide potential guests from the exploration stage to booking through the booking engine.

Primary Objective

To build a multisite ecosystem that enhances the brand experience for each property and makes it easier for prospective guests to make direct reservations.

Challenges

Guiding prospective guests from discovery to reservation

The website serves as the starting point for prospective guests to get a feel for the hotel, compare room options, and make a reservation. On the previous website, this journey was not adequately supported by brand representation, comprehensive information, a booking system, and sufficient content channels.

The 4-Star Hotel Experience Isn’t Yet Apparent

The previous website design felt stiff and failed to tell a story that conveyed the quality and guest experience at Veranda.

Hotel Information Is Incomplete

There are no dedicated pages for each room type yet. Information about offers, dining, facilities, experiences, and activities is also not yet fully available.

Reservation UX Is Not Yet Optimal

The reservation UX does not yet meet guests’ needs. Room bookings are not yet supported by a booking engine, and event reservations do not yet include a direct CTA to WhatsApp.

Insights Channel Not Yet Available

Veranda does not yet have an article channel to share information about hotels and destinations while building organic visibility on search engines.

Solution

A multisite website from exploration to reservations

Grapiku redesigned verandahotels.com as a corporate site and directory linked to the websites for Veranda Hotel Pakubuwono and Veranda Serviced Residence Puri. Each property was developed with a structure and narrative that reflects the distinct character of its experience within the unified Veranda Hotels brand.

Content was expanded through dedicated pages for each room type, dining options, facilities, experiences, offers, and insights. Prospective guests can explore accommodations in greater detail before deciding on the right room, activities, or services.

For room reservations, Grapiku designed a search form as a gateway to the D-EDGE booking engine. Meanwhile, inquiries regarding weddings, meetings, and other events are directed via a WhatsApp CTA so that each prospective guest is connected to the appropriate reservation channel.

Proses

Proses dalam proyek ini

Positioning & Goal Alignment
Website & Technical Audit
Competitor & Content Gap Analysis
Sitemap & User Flow
UX Wireframe
UI Design & Visual Direction
Development
Content Implementation
QA, UAT & Deployment
Positioning & Goal Alignment
Website & Technical Audit
Competitor & Content Gap Analysis
Sitemap & User Flow
UX Wireframe
UI Design & Visual Direction
Development
Content Implementation
QA, UAT & Deployment
Positioning & Goal Alignment
Minggu 1

Aligning the goals of the three websites (verandahotels.com, verandahotels.com/pakubuwono, and verandahotels.com/puri), their target audiences, and lead generation needs.

Brief DocumentProject Goals
Website & Technical Audit
Minggu 2

Evaluate the design, information architecture, content completeness, mobile experience, technical performance, SEO, and booking process on the previous website.

Website Audit ReportContent InventoryTechnical & SEO Audit
Competitor & Content Gap Analysis
Minggu 2

Comparing the digital experiences of four-star hotels and serviced residences to identify industry standards, opportunities for differentiation, and key information that is currently unavailable.

Competitor Analysis ReportContent Gap Mapping
Sitemap & User Flow
Minggu 3

Developing the architecture for the corporate site and property sites. The user flow is mapped from exploring rooms, amenities, offers, and events to the appropriate reservation path.

SitemapUserflow DiagramFeature BacklogRedirect Mapping
UX Wireframe
Minggu 3

Designing the information hierarchy and layout for each page, including details on room types, dining, facilities, experiences, offers, insights, and the room search form.

Wireframe DesignInteractive Flow
UI Design & Visual Direction
Minggu 4

Developing a warmer and more immersive visual style through photography, typography, color, and composition that reflect the experience of a four-star hotel and serviced residence.

UI KitVisual AssetsPrototype
Development
Minggu 4

Building a multisite ecosystem, including its components and content management. This includes managed RBAC (Role-Based Access Control) for three websites simultaneously.

Website Staging ModeCustom FunctionsSystem Integration
Content Implementation
Minggu 4

Restructuring and implementing content based on the new architecture, including landing pages for each room, amenities, and links to offers. This phase runs parallel to development.

Structured Website ContentRelated Content ConfigurationContent Migration
QA, UAT & Deployment
Minggu 10

Testing multisite functionality, cross-property navigation, responsive design, booking forms, WhatsApp CTAs, performance, and browser compatibility before the entire website goes live. This is followed by migration to the production server and the main domain, verandahotels.com.

QA & UAT ReportServer ReadyDocumentationWebsite Live ProductionMaintenance Handover

Execution

Multisite hotel website

Multisite architecture for each property

Verandahotels.com was developed as both a corporate site and a directory that connects all properties. Meanwhile, Veranda Hotel Pakubuwono and Veranda Serviced Residence Puri each have their own dedicated websites to showcase their unique character, accommodations, and guest experiences.

This structure ensures that all properties remain within the single Veranda Hotels ecosystem while still accommodating their distinct positioning and the varying needs of their guests.

Visual storytelling that captures the experience

The UI is designed with a more dynamic, warm, and photography-oriented visual composition. Each page not only conveys information but also showcases the ambiance of the rooms, the warmth of the service, and the experiences guests can enjoy.

Veranda Pakubuwono’s visuals highlight the character of a modern four-star hotel, while Veranda Puri offers a more comfortable and flexible residential feel.

A dedicated page for each room type

Each room type has a dedicated page featuring a photo gallery, room size, bed options, amenities, and a description of the stay experience. Prospective guests can evaluate and compare room options before proceeding with a reservation.

This structure also transforms rooms from a simple list into individual accommodation products that can be discovered and promoted on their own.

More Comprehensive Hotel Experience Content

Information is no longer focused solely on rooms. The website features pages on dining, facilities, events, experiences, activities, and offers to provide a more comprehensive view of the Veranda experience.

Related content is linked so that prospective guests can continue exploring from rooms to restaurants, activities, offers, and event planning needs.

Reservation Pathways Tailored to Guest Needs

Grapiku designed the room search form as a gateway that directs search data to the D-EDGE booking engine. Users can select a property, check-in dates, and the number of guests before proceeding with the booking process on the D-EDGE system.

For weddings, meetings, and other events, the CTA directs users directly to WhatsApp so that prospective guests can consult with the Veranda team through a more appropriate channel.

Insights for Building Organic Visibility

The Insights feature was developed as an article channel to discuss accommodations, amenities, activities, offers, and destinations near the hotel. Content can be published regularly to reach potential guests through organic search.

Each article can also be linked to related rooms, offers, and experiences so that the content doesn’t just serve as reading material, but also guides users toward making a reservation.

Measurable Results

Improving user experience, visibility, and occupancy rates.

3
Websites Launched

The corporate website, Veranda Hotel Pakubuwono, and Veranda Serviced Residence Puri were launched.

10
+
Monthly Active Users

Consistently reaching potential guests across the entire website ecosystem on average each month.

29
%
Increase in Interaction Time

Encourages users to explore hotel rooms, offers, and experiences for longer.

Team and Technology

Behind This Project

Team Composition

Web DeveloperContent Writer

Technology Used

Your project could be the next story

Contact Us