APARTMENTS TRAPULA — Šibenik Seafront Apartments

The Challenge

Apartments Trapula is a family-run boutique accommodation in the heart of Šibenik's Old Town — set in a cluster of buildings dating back to the 15th century, protected as a cultural treasure. The family needed a professional website to:

• Showcase four unique apartments — three in the historic old town and one beachside studio in Jadrija
• Convey the heritage story and emotional connection to the property
• Present local attractions, restaurants, and the Šibenik experience to potential guests
• Stand out from generic Booking.com and Airbnb listings with a branded, direct presence

The Solution

We designed and built a clean, performance-first static website using Tailwind CSS and vanilla PHP — no WordPress, no heavy frameworks. Every design decision was made to reflect the boutique character of the apartments: elegant typography, warm color tones, and full-bleed imagery that lets Šibenik's beauty speak for itself.

What We Built

• 8 content pages — homepage, apartments overview, 4 individual apartment pages with detailed descriptions and amenities, attractions guide, and a local eats & drinks recommendations page
• Lightbox image galleries — each apartment features 12+ high-quality photos with Lightbox2 integration for immersive browsing
• Responsive hero sections — full-viewport background images with overlay text, hero image preloading for fast first paint
• Component-based architecture — reusable PHP includes for navigation, footer, buttons, and head elements — maintainable without a CMS
• Google Maps integration — embedded maps in the footer and individual apartment pages showing exact locations
• Self-hosted typography — Playfair Display for headings and Open Sans for body text, served as WOFF2 with latin-ext support for Croatian characters
• Decorative design elements — large semi-transparent typography overlays, accent bars, and SVG architectural icons that give the site a boutique editorial feel
• Mobile-first responsive design — adaptive layouts that restructure content across breakpoints, with different image placement strategies for mobile vs. desktop
• Optimized WebP images — all photography in WebP format with lazy loading for fast page loads
• SEO-optimized meta tags — unique titles and descriptions per page targeting Šibenik apartment search queries

Preview

Performance

No framework overhead, just clean HTML and Tailwind CSS. Here are the actual Lighthouse scores for sibeniktrapula.com:

Results

Apartments Trapula now has a professional online presence that captures the heritage and character of this family-run accommodation:

• Direct booking channel — a branded website that stands apart from generic listing platforms, giving guests a richer sense of the property before they book
• Heritage storytelling — the about section connects guests to the family's 15th-century roots, turning a stay into a cultural experience
• Local guide built in — attractions and restaurant pages add real value for guests, positioning Trapula as a knowledgeable local host
• Near-perfect Lighthouse scores — 99/100/100/100 proving fast loads and technical excellence
• Zero maintenance overhead — static architecture means no CMS updates, no plugin vulnerabilities, no database to manage