Harbour & Coast Construction

The primary challenge was to balance immersive, high-resolution imagery with perfect readability and conversion. High-end architecture sites often suffer from text being lost against complex photographic backgrounds.

1. Readability: Ensuring 'Building Legacies' stayed prominent across all devices.

2. Brand Consistency: Unifying disparate pages (About, Services, Contact) into a singular 'Luxury' aesthetic.

3. Tactile Interaction: Moving beyond static elements to create a feeling of quality through micro-interactions.

We took inspiration from modern architectural monographs and high-end minimalism to create a digital gallery experience.

1. Cinematic Experience: Using full-screen layouts and 100dvh viewport heights to treat the website like a digital gallery.

2. Glassmorphism (Frosted Glass): Implementing translucent, blurred elements (frosted glass buttons) to suggest 'transparency' and 'modernity', common themes in luxury architecture.

3. Bronze & Navy Palette: Using a deep Cornwall Navy for stability and authority, contrasted with a refined Bronze to signal craftsmanship.

4. Magnetic CTA System: Buttons that physically 'pull' toward the cursor, mimicking the gravitational pull of high-quality craftsmanship.