top of page

Imagining the Future of Yacht Cruises

A Competition Winning Website Design

Previous

A landing Page to Light Users Way

Next

Overview

Sail-Zero was a project to harness the power of Artificial Intelligence to create a cutting-edge website. The year 2022 saw the evolution and adoption of A.I with the release of a number of tools for design and content creation. To keep up with the ever evolving trends, I designed and developed a website project to push the capabilities of A.I and no-code. Inspired by the beautiful blue sea and sustainability, I chose to play around the idea of the future of Yacht Cruises to envision what the perfect tranquil earth would look like as we push towards net-zero.

Role

  • Creative Director

  • Branding

  • Web Design

  • Website Building

Client:​

Portfolio Design Project

Design Direction

To explore the idea of sustainable luxury yacht cruises; envisioning what its future might look like, I designed the Sail-Zero website to reflect "pure luxury" through the use of a clean and visually stunning design, high-quality images, elegant typography, rich color palettes, and a clean and minimal layout. Optimized for various devices, navigating the website is intuitive and easy, allowing users to access information and explore cruise options. The design of the website aims to create a serene and relaxing atmosphere for customers.

Logo & Brand Identity

The Sail-Zero logo is simple and tells of the company's mission; Zero Emission. The logo combines the company's name, in bold text, with an icon of a boat on water, with a leaf as its sails.

#FFFFFF

#40C0E7

#262626

Dark or Light Mode? Choose Your Experience

An integral part of luxury is being able to choose. I designed and built the website to allow users choose how they experience Sail-Zero.

An Interactive Hero...

For the Hero Section, I played around with hover interactions to enhance how information is presented to users.

Responsive = Bespoke Experience

To cater to a wide range of devices from which users may access the Sail-Zero website, the website is fully responsive and scales beautifully on mobile devices.

Site Interactions, Content, & Experience

From how users access the menu to scrolling for information, below are attempts to replay the user experience while browsing through the Sail-Zero website.

Scroll

Scroll

bottom of page