Project

Trabonato

A high-end listings platform with Directus CMS and dynamic category pages.

Trabonato

Case study

Trabonato

A high-end listings platform with Directus CMS and dynamic category pages.

Trabonato is a premium listings platform built for luxury villas, hotels, and experiences. The goal was a fast, elegant UI with CMS-driven pages that scale.

CMS-driven categories and listings

Optimized media delivery

Reusable listing components

Visit website Back to projects
Role
Full-stack
Type
Web Application
Timeline
4 weeks
Client
Trabonato
Date
Jan 2026
React Next.js TypeScript Directus Tailwind
Step 01

Problem

  • Content updates required developer input.
  • Listings needed flexible templates by category.
  • Performance had to stay strong with large media.
Trabonato
Homepage hero and category navigation
Step 02

Goals

  • Build CMS-driven pages for each category.
  • Keep the UI premium and minimal.
  • Optimize media delivery and Core Web Vitals.
Trabonato
Listing detail layout with tabs and inquiry
Step 03

Approach

  • Modeled content types in Directus for flexible structure.
  • Built reusable components for listing data and UI.
  • Optimized images and video embeds for performance.
Step 04

Solution

  • Dynamic category pages with shared structure.
  • Reusable listing detail layout with tabs, icons, and inquiry form.
  • Performance-focused rendering and media strategy.

Results

Concrete outcomes and wins from the work.

Directus
CMS-managed structure
Optimized media
Faster page loads
Component-driven UI
Scales with content

Want something like this?

Tell me what you’re building and what success looks like. I’ll reply with a clear plan and next steps.

Contact More work