Source: https://daphnislabs.com/case-studies/hotel-sea-port

Web & Digital Experiences

# Hotel Sea Port

A hotel experience that starts before arrival

An animated, multi-page website that connects room discovery, dining, events and reservations across desktop and mobile.

[Visit live website (opens in a new tab)](https://hotelseaport.co.in/) [Watch the experience](https://daphnislabs.com/case-studies/hotel-sea-port#website-animations)

![Hotel Sea Port — desktop homepage](https://daphnislabs.com/images/projects/hotel-sea-port/home-desktop-current.webp)

![Hotel Sea Port — mobile homepage with booking and menu controls](https://daphnislabs.com/images/projects/hotel-sea-port/home-mobile-current.webp)

## The project

Daphnis developed the property website with Strapi content administration and SEO support. Eleven public pages give guests distinct routes to compare accommodation, explore the hotel and plan their visit.

**Industry**

Hospitality

**Our role**

Website & CMS development SEO

**Technology**

Strapi

**Experience**

Desktop & mobile 11 public pages

## The website in motion

Arrival and room discovery

Live desktop recording of the homepage introduction and the scroll into two room cards.

The headline reveals word by word, then fades as the visitor scrolls. Room cards enter along a curved path, with moving accents guiding the eye from Premium to Oriental.

## A complete property website, page by page

![Premium Room — photography and reservation details](https://daphnislabs.com/images/projects/hotel-sea-port/premium-details-depth.webp)

### Room selection through to booking

Premium and Oriental have dedicated pages with image previews, guest capacity, amenities and reservation panels. Room and availability buttons lead to the hotel's external booking provider.

[Explore this page (opens in a new tab)](https://hotelseaport.co.in/rooms/premium)

![Hotel gallery — Pool filter selected](https://daphnislabs.com/images/projects/hotel-sea-port/gallery-filter-current.webp)

### A gallery visitors can narrow down

Category controls filter the masonry gallery into property, pool, rooms, dining and events. A separate 360° tour link lets guests inspect the space through Google Maps.

[Explore this page (opens in a new tab)](https://hotelseaport.co.in/gallery)

![Restaurant — food menu open in the PDF viewer](https://daphnislabs.com/images/projects/hotel-sea-port/restaurant-menu-current.webp)

### Menus that open within the dining page

Food and bar menus open in an overlay, keeping the restaurant page underneath. Dining photography, signature dishes and private-dining information give this part of the property its own browsing experience.

[Explore this page (opens in a new tab)](https://hotelseaport.co.in/restaurant)

![Events — animated opening and occasion categories](https://daphnislabs.com/images/projects/hotel-sea-port/events-desktop-current.webp)

### An event journey with its own visual identity

Floating Celebrate lettering introduces the event page. Scroll reveals lead into venue imagery, occasion types and past setups, with a contact route for dates, guest counts and arrangements.

[Explore this page (opens in a new tab)](https://hotelseaport.co.in/events)

![Nearby attractions — destination cards and travel context](https://daphnislabs.com/images/projects/hotel-sea-port/attractions-desktop-current.webp)

### Help guests plan beyond the hotel

The Andaman guide pairs destinations with travel context and interest tags. Dedicated amenities, about and contact pages complete the site, with an enquiry form, directions and WhatsApp access.

[Explore this page (opens in a new tab)](https://hotelseaport.co.in/nearby-attractions)

[All case studies](https://daphnislabs.com/case-studies) [Next project**Hotel Ambika Residency**](https://daphnislabs.com/case-studies/hotel-ambika-residency)

## What are you building?

Bring us your idea. We’ll shape the next step together.

[Talk about your project](https://daphnislabs.com/contact?intent=plan-build)