Deprecated: Return type of Requests_Cookie_Jar::offsetExists($key) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /www/uncommon_565/public/wp-includes/Requests/Cookie/Jar.php on line 63

Deprecated: Return type of Requests_Cookie_Jar::offsetGet($key) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /www/uncommon_565/public/wp-includes/Requests/Cookie/Jar.php on line 73

Deprecated: Return type of Requests_Cookie_Jar::offsetSet($key, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /www/uncommon_565/public/wp-includes/Requests/Cookie/Jar.php on line 89

Deprecated: Return type of Requests_Cookie_Jar::offsetUnset($key) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /www/uncommon_565/public/wp-includes/Requests/Cookie/Jar.php on line 102

Deprecated: Return type of Requests_Cookie_Jar::getIterator() should either be compatible with IteratorAggregate::getIterator(): Traversable, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /www/uncommon_565/public/wp-includes/Requests/Cookie/Jar.php on line 111

Deprecated: Return type of Requests_Utility_CaseInsensitiveDictionary::offsetExists($key) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /www/uncommon_565/public/wp-includes/Requests/Utility/CaseInsensitiveDictionary.php on line 40

Deprecated: Return type of Requests_Utility_CaseInsensitiveDictionary::offsetGet($key) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /www/uncommon_565/public/wp-includes/Requests/Utility/CaseInsensitiveDictionary.php on line 51

Deprecated: Return type of Requests_Utility_CaseInsensitiveDictionary::offsetSet($key, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /www/uncommon_565/public/wp-includes/Requests/Utility/CaseInsensitiveDictionary.php on line 68

Deprecated: Return type of Requests_Utility_CaseInsensitiveDictionary::offsetUnset($key) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /www/uncommon_565/public/wp-includes/Requests/Utility/CaseInsensitiveDictionary.php on line 82

Deprecated: Return type of Requests_Utility_CaseInsensitiveDictionary::getIterator() should either be compatible with IteratorAggregate::getIterator(): Traversable, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /www/uncommon_565/public/wp-includes/Requests/Utility/CaseInsensitiveDictionary.php on line 91
Vela Boatworks - Uncommon Design

Vela Boatworks

The Tesla of boats. Vela is the new generation of boats: they’re 3D printed (yes—you read that right), built with sustainable materials, light, fast, and overall incredibly incredible.

The challenge was to create an identity, UX and UI that steers miles away from the often lackluster boat industry, crafting an engaging, exciting, and easy dream-come-true experience—you’re buying a boat after all. There shouldn’t be anything boring or complicated about it.

Colors were all about simplicity, as well. We went for elegant white and light grey combinations.

Following Vela’s innovative lead, we took old, rusty, familiar nautical items and completely reimagined them. Our main inspiration came from good old navigation charts.

Building navigation for navigation.

Inspired by compasses and nautical charts, we designed custom UI elements that bring the concept, typography, and photography in holy visual matrimony. We believed the most engaging particles of the experience were in the little things. Little things like rounded corners, clean yet warm backgrounds, yellow accents that made the product and its luxurious details the center of attention, always.

The website had to smooth sail from topic to topic and page to page, from home to boat details to customization to tech & innovation to the VR feature. Our goal was to keep scrollers curious and engaged, following a narrative that storytells what Vela is, why it’s different than other boat brands, and how to start customizing and building your dream boat—all with seamless, intuitive interaction.

tags —

UI/UX — Branding — Creative Direction — Web Design — Animation — Marketing & Advertising

Next Project -
Closer