Harbour & Coast Construction
Redefining Luxury Construction in Cornwall. A premium, cinematic experience that reflects the prestige and craftsmanship of high-end architectural builds.
Interactive Preview
The Challenge
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.
The Solution
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.
Technology
Performance
Project Gallery
Visual highlights and interface details.
