Year
2025 I 2026
Industry
Yachting
Client
Callegari
Callegari · Website
Overview
The project began at a pivotal moment in Callegari Yachts’ evolution. The challenge was to create a digital presence that preserved the brand’s heritage while embracing innovation, building on its established identity to reflect a renewed vision of technological advancement and contemporary design.
Project Goals
The Callegari 48 is the main entry point to the website and the focal point of its content hierarchy. As a reflection of the brand’s new direction, the model brings together technological innovation, engineering expertise, and yachting heritage. The range is completed by the 9 and 7 models, all grouped under Models, a top-level section in the website’s navigation. The navigation is organized into three main content areas alongside Models: Brand Identity, with Heritage and Technology; Editorial Content, with News and Press; and Engagement, with Contact and Careers. These sections provide distinct paths to explore the brand, its content, and opportunities to connect. Together, this structure guides users from product discovery to a deeper understanding of Callegari Yachts, while keeping product information, brand storytelling, editorial content, and contact options clearly separated within the navigation.
Brand Identity
Following its recent rebrand, Callegari Yachts embraces a refined, understated visual identity defined by a careful use of color, typography, and space. A palette of navy blue and gray creates a sense of depth and texture, drawing on both nautical and aerospace aesthetics to reflect the brand’s connection to these two worlds. The Nord typeface, already featured in the logo, carries this visual identity into the digital experience. Used for headings and to highlight key sections, it is paired with a more neutral typeface for body text, creating a balance between distinctive character and readability.
UI Foundations
The visual identity translates into a cohesive set of UI components that establish visual hierarchy and support intuitive navigation. The header, CTAs, model cards, and toggle bar help users move through the website, discover the yacht range, and explore configuration options. Each component has been designed to serve a clear purpose, balancing navigation, content discovery, and product exploration while maintaining consistency across the interface.
Product Experience
Users can access the Product section either from the homepage or directly through the “Models” item in the main navigation menu. The Models page presents the full yacht range in a card-based layout, allowing users to browse the available models at a glance and access each yacht’s dedicated product page. From there, they can explore each model in greater detail, including its key features, technical specifications, and distinctive characteristics.
The Callegari 48, the flagship of the new range, provides a reference point for exploring the product page structure. The page opens with a front-facing hero image of the yacht, accompanied by key technical details such as dimensions, draft, capacity and engine power. The page then introduces the design concept and vision behind the yacht, highlighting the use of aerospace technologies and processes. Further sections showcase the onboard spaces, exterior and interior design, and available configurations. Technical specifications and engine options provide a more detailed overview of the model, while dedicated calls to action allow users to request further information or download the brochure, completing the product exploration journey.
Responsive Experience
A selection of screens illustrates how the design system adapts across different breakpoints while maintaining visual consistency and a clear content hierarchy. The website is designed to accommodate different browsing behaviours across devices. Mobile offers a streamlined experience, particularly suited to exploring editorial content such as News and Press, while desktop and tablet provide a more immersive experience for discovering the yacht range, exploring individual models and engaging with Callegari’s brand story.
Outcome & Learnings