Bluecat modern website
.svg)
BlueCat operates in two distinct industries: high-end luxury yacht charters and general contracting.
Our task was to design a website that solves a dual-purpose problem. We needed to build an interface that highlights high-quality marine photography to attract boat renters while simultaneously providing straightforward, grounded information for potential contracting clients.
Challenge
Combining luxury lifestyle services with practical construction services on a single URL is a structural challenge. If the layout is not handled deliberately, the user gets a disjointed experience.
BlueCat’s specific hurdles were:
- Users interested in yachts were getting distracted by contracting text
- The company lacked a strict visual system to tie the two different services
- They needed a digital foundation that could scale into physical assets
Solution
We approached this by establishing a rigid design system first, then mapping out separate user journeys.
UX Design
Instead of mixing the services randomly on the homepage, we created distinct pathways. The main navigation clearly separates "Yacht Rentals" from "General Contracting." A user looking for a boat never has to read about construction, keeping the experience clean and focused on their specific goal.
UI Design
The interface relies heavily on negative space and large, high-resolution imagery. We used photographs of white yachts against open water as the primary visual anchors. By keeping the actual interface elements minimal, the focus remains entirely on the visual appeal of the boats.
Brand Identity
To bridge the gap between a luxury brand and a construction brand, we needed a neutral but strong typeface. We selected "Neue Haas Grotesk Display Pro," a modern Helvetica variant. Its clear, objective appearance scales perfectly from large web headers down to small print on a business card.
Color System
We stripped the palette down to three core elements: an ocean blue (#2EC1DF), pure white, and deep black. This limited color palette prevents the site from looking chaotic, providing a consistent visual thread across both the luxury and the contracting sections.
Outcome
The structured design process kept the project on an exact timeline. And it resulted a flexible brand system that works across mediums.
- Dual-navigation structure eliminated cross-service confusion for users
- A strict blue, white, and black palette created a recognizable standard
- Typography and layout rules allowed for instant adaptation into large-format prints
- The website launched within the planned 8-week window
Got a project in mind? Let's build it
.avif)
.svg)
.svg)
.svg)
