Aston Hotels International — Multi-Brand Hotel Website & Booking Discovery Platform

Aston Hotel Branding Website (Nuxt 3 Multi-Brand Platform)

I led development of a multi-brand hotel web platform that helped improve online discoverability, support booking growth, and reduce maintenance overhead by running six brand websites from a single Nuxt 3 codebase.
The result was faster campaign rollout, more consistent user experience across devices/languages, and stronger SEO foundations for long-term organic traffic.

I built this as part of Archipelago International’s multi-brand web platform, where one Nuxt 3 codebase powers multiple hotel brands (Aston, Alana, Favehotel, Harper, Neo, and Quest) with brand-specific layouts, themes, and tracking configs.

Business Outcomes

Improved organic visibility with SSR-first pages, structured data, multilingual SEO, and sitemap automation.
Supported higher booking intent through faster page loads, optimized media delivery, and clearer content architecture.
Reduced operational complexity by consolidating 6 brand sites into one maintainable platform.
Enabled faster marketing execution with shared components and brand-level configuration instead of separate codebases.
Increased reliability at scale through server-side API proxying, caching, and a production CI/CD pipeline.

What I Built

A Nuxt 3 multi-brand architecture for Aston, Alana, Favehotel, Harper, Neo, and Quest.
Brand-specific layouts, themes, GTM setups, and runtime configuration.
Multilingual routing (EN/ID), SEO metadata handling, and dynamic sitemap rules.
Secure API integration via Nuxt server routes (`/server/api`) with token protection and consistent error handling.
Centralized state management with Pinia and persistence for session and UX continuity.

Stack

Nuxt 3, Vue 3, TypeScript
Vuetify 3, SCSS theming
Pinia (persisted state)
Nuxt server API layer + caching
AWS CodeBuild, S3, CloudFront

Rendering Strategy

SSR-first for SEO-critical and frequently updated pages.
Static generation for stable, high-traffic content.
Hybrid rendering with caching to balance speed, freshness, and infrastructure cost.

Key Engineering Challenges Solved

Prevented cross-brand regressions while keeping each brand visually distinct.
Maintained consistency across multilingual routes, responsive breakpoints, and shared components.
Optimized performance for image/video-heavy pages without sacrificing design quality.
Preserved SEO quality on dynamic routes with structured metadata and hreflang handling.
Managed CI build constraints for large static generation workloads and avoided stack combinations that increased OOM risk.