UI/UX Design & Full-Stack Development for the Leading Yacht Manufacturer
UI/UX Design
Front-end
Back-end
About the Client
iYacht GmbH is one of the leading creative partners in the maritime industry with
more than 20 years of experience, known for providing an entire yacht production
cycle from conception to completion of complex and exclusive yachts, including
sports boats.
Industry:
Shipbuilding
Client:
iYacht GmbH
Country:
Germany
Time Frame:
10 weeks
Team:
Creative Project Manager
UI/UX Designer
Full-time Developer
QA Engineer
Business Goal
Revamp the outdated website into a comprehensive and sophisticated one, showcasing bespoke craftsmanship in crafting exquisite yachts for discerning UHNWIs while reflecting the brand’s identity to elevate the digital presence to sell multi-million yachts, foothold in the yacht market as an undisputed leader, and attract yacht enthusiasts appreciating the pinnacle of luxury yacht construction.
About
the Project
Challenge
We had to revamp the outdated and ineffective website while closely collaborating with the client’s marketing team, ensuring alignment with the brand’s niche market position and resonating with its target audience of high-net-worth individuals. It was crucial to precisely pinpoint the discerning clientele’s pain points to effectively address them, driving the yacht acquisitions. The challenges we faced were to collect extensive target audience data to successfully respond to their needs and to reflect the luxury brand identity through a minimalistic approach.
Solution
Yacht websites play a pivotal role in shaping the connection between brands and ultra-high-net-worth individuals. Hence, we took a deep dive into the yachting niche, identifying the discerning clientele’s pain points and unique needs. By leveraging this information, we established a competitive brand identity and conveyed the company’s gist. This also involved crafting the visuals, developing the color palette, selecting typography, and using original, high-quality images throughout the website. As a result, we crafted a website that seamlessly blends minimalism with high-end aesthetics, considering the ultra-high-net-worth individuals’ preferences and effectively addressing their concerns. This, in turn, fueled the conversion rates for our client.
Design & Development Process
Color Palette and Typefaces
Sidebar menu
We believe the side menu highlights the website's modernity and interactivity.
Hence, we offered to create an unusual header menu design tailored to the
client's specific needs.
Secondary Navigation Bar
The client asked us to integrate the four main services across multiple pages while
adhering to the minimalistic visual style. As a result, we implemented a
supplementary navigation bar with an interactive hover effect within the hero section,
allowing users to effortlessly navigate to the desired service and explore it in detail.
Instagram Feed
Leveraging Instagram feeds allows companies to attract more UHNWIs not only for
product discovery and familiarization but also to engage them with the brand’s
Instagram page, resulting in gaining new followers and increasing client acquisition.
Projects & Categories Page
The projects & categories pages, focusing on yachts, should be appealing and clean, allowing clients to easily choose the right category or browse all projects at once. We used the parallax effect with real layout drawings on the background, overlaying them with captivating photos of completed projects. Additionally, a laconic hover effect using a gradient from our palette of emerald shades further improves the user experience
For the categories page, we decided to focus on a simple page layout with a white background and tabs for selecting the category you need. This is convenient because when clicking, it instantly displays projects belonging to a specific category.
Single Project Page
Each project page is organized into distinct sections: general information, technical
data, interior layout, and technology, along with photos and videos. In this way, you
can observe the whole process of yacht creation and 3D modeling and dive into
specifications, and exterior and interior views.
Mobile Version
Our primary objective was to create a user-centric, easy-to-navigate, and
straightforward interface while retaining key desktop UX elements and minimalistic
style combined with luxurious aesthetics adapted to mobile UX to ensure smooth
integration between platforms.
Key Outcomes
Conducted profound target audience and yachting niche research, precisely identifying the discerning clientele’s pain points and unique needs.
Revamped the website design by combining a minimalistic approach with luxurious aesthetics to ensure exceptional user-friendliness and convey the brand’s essence.
Developed the color palette, typography, and visual elements perfectly reflecting the brand’s identity.
Created the well-thought sitemap, providing
a seamless and intuitive navigation.
Enhanced the user experience resulting in
converting discerning clientele into yacht owners.
Clutch proves we craft outstanding digital products.
"Feedback was always taken seriously, and requests were implemented."
Tim Schöllkopf Head of Performance, Data & Tech, Rocket X GmbH
"Everyone at Altum was always timely in responding and completing the required actions."
John Laskowsky Founding Partner, Granie Street Partners
They deliver the best quality in no time.
Dominik Gasser Founder & Creative Director, Reach Partners AG
"I highly value their can-do attitude, skills, friendliness, discretion, and on-time deliveries of top projects."
Natalie Koller Senior Account Director, Branding Agency
"Feedback was always taken seriously, and requests were implemented."
Tim Schöllkopf Head of Performance, Data & Tech, Rocket X GmbH
"Everyone at Altum was always timely in responding and completing the required actions."
John Laskowsky Founding Partner, Granie Street Partners
They deliver the best quality in no time.
Dominik Gasser Founder & Creative Director, Reach Partners AG
"I highly value their can-do attitude, skills, friendliness, discretion, and on-time deliveries of top projects."
Natalie Koller Senior Account Director, Branding Agency
We’re 100% satisfied with their work.
Kyle Watson Director Of Marketing & Business Development, Entrinsik
"The Altum team is professional, talented, fast, and very dedicated to their work."
Meghan Tucker Director of Operations, Grounded World
"The team was very friendly and communicated well."
Adam Cajkler Head of Design at SaaStock
"I was most impressed by their adaptability and responsiveness."
Jared Roberts Brand Design Director at Pearl Health
We’re 100% satisfied with their work.
Kyle Watson Director Of Marketing & Business Development, Entrinsik
"The Altum team is professional, talented, fast, and very dedicated to their work."
Meghan Tucker Director of Operations, Grounded World
"The team was very friendly and communicated well."
Adam Cajkler Head of Design at SaaStock
"I was most impressed by their adaptability and responsiveness."
Jared Roberts Brand Design Director at Pearl Health