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 DesignSkip to content
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