ContactKyiv, Ukraine
(08 / Selected work)Web design

Superyachts take centre stage.

Desktop and mobile website design for Lazzara Yachts, a superyacht builder. The Lazzara logo belongs to the client.

Client
Lazzara Yachts
Role
Web design
Formats
Desktop · Mobile
Year
2026
Lazzara — interface in motion
Lazzara home page on a laptop on limestone
01 / Home

From first impression to enquiry.

Large photography opens the site. Yacht series, interiors, production, awards and news follow. Each section has its own pace while leading towards a conversation with the shipyard.

Home page
Home page

↑ Upper half: up · Lower half: down ↓ · Closer to the edge: fasterSwipe inside the frame to explore ↕

02 / Yachts

From a series to a specific model.

The LPC 300 page reveals the model through its character, exterior and interior photography, deck plans and technical specifications.

LPC 300 model
LPC 300 model

↑ Upper half: up · Lower half: down ↓ · Closer to the edge: fasterSwipe inside the frame to explore ↕

03 / The shipyard

The brand in detail.

Production and the shipyard’s history have dedicated pages. News and awards extend the same visual language: deep blue, light spaces, serif headlines and restrained gold accents.

Production
Production

↑ Upper half: up · Lower half: down ↓ · Closer to the edge: fasterSwipe inside the frame to explore ↕

Our legacy
Our legacy

↑ Upper half: up · Lower half: down ↓ · Closer to the edge: fasterSwipe inside the frame to explore ↕

04 / Mobile

The same story. A different scale.

The home page keeps its sequence on mobile, while photography, series cards, navigation and the enquiry form are composed for a narrow screen. Explore the complete mobile home page by scrolling inside the frame.

Three phones showing different Lazzara sections on pale limestone
Home — mobile
Home — mobile

↑ Upper half: up · Lower half: down ↓ · Closer to the edge: fasterSwipe inside the frame to explore ↕

Lazzara — logo animation

(Design decisions)

04
01

Photography sets the scale

Large yacht images lead the composition and keep the product at the centre of attention.

02

Typography with accents

Serif headlines and gold italics create a hierarchy alongside the photography.

03

From overview to detail

Yacht series lead to a model page with key specifications in the opening section.

04

Composed for mobile

Mobile layouts adapt navigation, copy and photography to a narrow screen.

Screen formats
02
Interface design
UI
Website layouts
Figma
(Next project) 09 / 11 ↗

(Have a similar project?)