Yacht company website

Yacht company website - Showcasing Tramontana's luxury yachts - Represents the excellence of Croatian craftsmanship and bespoke services
Project overview

Tramontana is a luxury yacht company based in Croatia that constructs their super yachts and offers bespoke services.

Our aim was to craft the brand that represents the excellence of the Croatian craftsmanship and engage users with a high level of web presence.

Tasks
  • Create a brand from scratch, including logo, typography, color palette to make the brand recognizable
  • Consider logo's versatility and adaptability to various applications and contexts
  • Build up guidelines for a website’s content – photos, videos, moodboards, etc.
  • Design a clean and user-friendly website that highlights the exquisite luxury yacht brand
  • Create animations and interactions to engage user experience
  • Implement the design via Webflow and provide easy content management
  • Consider a website's SEO, speed, and adaptability for various devices using best practices
Tools
Figma
Figma
Webflow
Webflow
Solutions
Outcome

Thoroughly crafted brand's web presence and its in-person representation.

Solutions

Visual style

We started the project by creating mood boards to kickstart a visual story that captures the essence of the company, the idea, and the very vision of a luxurious yacht brand.

Visual style - Mood board highlighting opulence and elegance - Sets the tone for Tramontana's visual identity
Visual style - Mood board highlighting opulence and elegance - Sets the tone for Tramontana's visual identity

Visual style

We started the project by creating mood boards to kickstart a visual story that captures the essence of the company, the idea, and the very vision of a luxurious yacht brand.

Visual style

We started the project by creating mood boards to kickstart a visual story that captures the essence of the company, the idea, and the very vision of a luxurious yacht brand.

Visual style - Mood board highlighting opulence and elegance - Sets the tone for Tramontana's visual identity

Visual style

We started the project by creating mood boards to kickstart a visual story that captures the essence of the company, the idea, and the very vision of a luxurious yacht brand.

Visual style - Mood board highlighting opulence and elegance - Sets the tone for Tramontana's visual identity

Visual style

We started the project by creating mood boards to kickstart a visual story that captures the essence of the company, the idea, and the very vision of a luxurious yacht brand.

Visual style - Mood board highlighting opulence and elegance - Sets the tone for Tramontana's visual identity

Branding

The logo design was the next step to finalize a new brand identity. We found the prominent features of the company, which formed the basis for all subsequent stages.

Branding

The logo design was the next step to finalize a new brand identity. We found the prominent features of the company, which formed the basis for all subsequent stages.

Branding

The logo design was the next step to finalize a new brand identity. We found the prominent features of the company, which formed the basis for all subsequent stages.

Branding - Logo and brand elements - Establishes a cohesive identity for the luxury yacht company

Branding

The logo design was the next step to finalize a new brand identity. We found the prominent features of the company, which formed the basis for all subsequent stages.

Branding - Logo and brand elements - Establishes a cohesive identity for the luxury yacht companyBranding - New Tramontana logo design - Finalizes the brand identity, highlighting the company's prominent featuresBranding - Finalized brand logo - Represents Tramontana's new identity and vision

Branding

The logo design was the next step to finalize a new brand identity. We found the prominent features of the company, which formed the basis for all subsequent stages.

Branding - Logo and brand elements - Establishes a cohesive identity for the luxury yacht companyBranding - New Tramontana logo design - Finalizes the brand identity, highlighting the company's prominent featuresBranding - Finalized brand logo - Represents Tramontana's new identity and vision

Socials

We crafted engaging social visuals as they are now one of the primary keys to making a memorable impact in the digital realm.

Socials - Engaging social media visual for Tramontana - Captures attention and reinforces brand identity
Socials - Engaging social media visual for Tramontana - Captures attention and reinforces brand identity

Socials

We crafted engaging social visuals as they are now one of the primary keys to making a memorable impact in the digital realm.

Socials

We crafted engaging social visuals as they are now one of the primary keys to making a memorable impact in the digital realm.

Socials - Engaging social media visual for Tramontana - Captures attention and reinforces brand identity

Socials

We crafted engaging social visuals as they are now one of the primary keys to making a memorable impact in the digital realm.

Socials - Engaging social media visual for Tramontana - Captures attention and reinforces brand identity

Socials

We crafted engaging social visuals as they are now one of the primary keys to making a memorable impact in the digital realm.

Socials - Engaging social media visual for Tramontana - Captures attention and reinforces brand identity

Information Architecture

At this stage, we build an IA to understand effective content organization and form the project vision.

Information Architecture - Diagram of content organization - Ensures efficient and intuitive content organization
Information Architecture - Diagram of content organization - Ensures efficient and intuitive content organization

Information Architecture

At this stage, we build an IA to understand effective content organization and form the project vision.

Information Architecture

At this stage, we build an IA to understand effective content organization and form the project vision.

Information Architecture - Diagram of content organization - Ensures efficient and intuitive content organization

Information Architecture

At this stage, we build an IA to understand effective content organization and form the project vision.

Information Architecture - Diagram of content organization - Ensures efficient and intuitive content organization

Information Architecture

At this stage, we build an IA to understand effective content organization and form the project vision.

Information Architecture - Diagram of content organization - Ensures efficient and intuitive content organization

Website

Additional focus was given to the home page of the website, in order to visually support the main message of the brand.

Website

Additional focus was given to the home page of the website, in order to visually support the main message of the brand.

Website

Additional focus was given to the home page of the website, in order to visually support the main message of the brand.

Website

Additional focus was given to the home page of the website, in order to visually support the main message of the brand.

Website

Additional focus was given to the home page of the website, in order to visually support the main message of the brand.

Yachts

We highlighted main and most significant features of the yacht on each respected page.

Yachts - Highlighted features of the yacht - Showcases the main significant aspects
Yachts - Highlighted features of the yacht - Showcases the main significant aspects

Yachts

We highlighted main and most significant features of the yacht on each respected page.

Yachts

We highlighted main and most significant features of the yacht on each respected page.

Yachts - Highlighted features of the yacht - Showcases the main significant aspects

Yachts

We highlighted main and most significant features of the yacht on each respected page.

Yachts - Highlighted features of the yacht - Showcases the main significant aspects

Yachts

We highlighted main and most significant features of the yacht on each respected page.

Yachts - Highlighted features of the yacht - Showcases the main significant aspects

Heritage

A major ancestor’s impact on the brand development was of high importance to reveal on the website.

Heritage

A major ancestor’s impact on the brand development was of high importance to reveal on the website.

Heritage

A major ancestor’s impact on the brand development was of high importance to reveal on the website.

Heritage - A major ancestor’s impact on the brand development - To showcase the heritage elements that shaped the brand.

Heritage

A major ancestor’s impact on the brand development was of high importance to reveal on the website.

Heritage - A major ancestor’s impact on the brand development - To showcase the heritage elements that shaped the brand.Heritage - Modern-day Tramontana - To illustrate the contemporary state of Tramontana, emphasizing its long-standing family-owned heritage

Heritage

A major ancestor’s impact on the brand development was of high importance to reveal on the website.

Heritage - A major ancestor’s impact on the brand development - To showcase the heritage elements that shaped the brand.Heritage - Modern-day Tramontana - To illustrate the contemporary state of Tramontana, emphasizing its long-standing family-owned heritage

Related pages

Within the scope of the project, we've crafted design & engineering, our approach, services, blog and many more pages that seamlessly conform to the brand's vision.

Related Pages - Design and engineering section preview - To give a general overview of the design and engineering pages
Related Pages - Design and engineering section preview - To give a general overview of the design and engineering pages

Related pages

Within the scope of the project, we've crafted design & engineering, our approach, services, blog and many more pages that seamlessly conform to the brand's vision.

Related pages

Within the scope of the project, we've crafted design & engineering, our approach, services, blog and many more pages that seamlessly conform to the brand's vision.

Related Pages - Design and engineering section preview - To give a general overview of the design and engineering pages
Related Pages - Additional pages overview - To represent the various additional pages crafted to support and enhance the brand's vision

Related pages

Within the scope of the project, we've crafted design & engineering, our approach, services, blog and many more pages that seamlessly conform to the brand's vision.

Related Pages - Design and engineering section preview - To give a general overview of the design and engineering pagesRelated Pages - Additional pages overview - To represent the various additional pages crafted to support and enhance the brand's visionRelated Pages - Additional pages overview - To represent the various supplementary pages crafted to support and enhance the brand's vision

Related pages

Within the scope of the project, we've crafted design & engineering, our approach, services, blog and many more pages that seamlessly conform to the brand's vision.

Related Pages - Design and engineering section preview - To give a general overview of the design and engineering pagesRelated Pages - Additional pages overview - To represent the various additional pages crafted to support and enhance the brand's visionRelated Pages - Additional pages overview - To represent the various supplementary pages crafted to support and enhance the brand's vision

Tramontana

Luxurious Croatian marine engineering.

Tramontana - Tramontana website on various devices - To represent the brand's thoroughly crafted web presence
Tramontana - Tramontana website on various devices - To represent the brand's thoroughly crafted web presence

Tramontana

Luxurious Croatian marine engineering.

Tramontana

Luxurious Croatian marine engineering.

Tramontana - Tramontana website on various devices - To represent the brand's thoroughly crafted web presence

Tramontana

Luxurious Croatian marine engineering.

Tramontana - Tramontana website on various devices - To represent the brand's thoroughly crafted web presence

Tramontana

Luxurious Croatian marine engineering.

Tramontana - Tramontana website on various devices - To represent the brand's thoroughly crafted web presence
No items found.

Outcome

Thoroughly crafted brand's web presence and its in-person representation.

Linkedin

We were looking for an agency to create a solid brand and custom website for our luxury yacht company that we can easily support and scale. So we found WebFolks agency through high recommendations and are collaborating on our brand's ongoing support and other projects.

Linkedin
Antonio Ivanišević
Founder @ Tramontana Yachts

More works

Looking for an expert?

Let's discuss how WebFolks can help!

Contact Us
WebFolks logo outline