Usebeautiful logo

news

Wanna be the first to know about new projects? Wanna be an early beta tester for our apps?

Fun Toons Stickers: we have a message for you!

usebeautiful.co  |  All rights reserved 2017 ©

Nine Winds

Track your winds in real time.

A top destination for windsurfing

How to empower surfers with an app?

Nautical inspired with a bold identity

The product has a strong identity and the color palette as well as the UI are clearly inspired by the nautical world. Being “nautical” doesn’t only mean color combinations and graphics, it primarily means simplicity, immediacy and key information available to the user like on a boat’s dashboard.

Nine Winds - Color palette

Winds in real time

Adapt your skills to the environment.

Nine Winds - Close up 1

Animations that provide useful information

Garda lake can have some powerful winds blowing through the day. Generally they are constant, but their characteristics change every day. Strong winds go with big waves, and even if this is a lake, waves here can be very dangerous.

 

On the home’s background, a subtle animation immediately alert you about the waves strength, with three levels: calm, moderate and strong. This allows you to better understand what to expect once in the water.

Nine Winds - Wind illustration 1

A wind sock says more than numbers

Nine Winds - Wind illustration 2

Submitting Form...

The server encountered an error.

Awesome. See you soon!!!

Hero device
Hero Screen - Nine Winds

Home screen — Open the app and everything you need is just there: weather conditions, water temperature, wind strength and direction.

Garda lake has nine unique winds that blow regularly and surfers need to know exactly how strong they are at any given moment. They also want to be able to check other key weather conditions before going out for a ride.

The app tracks winds in real time. For a safer practice you should always know the weather conditions you are dealing with. The app just does that using open APIs to connect to a real time tracking system.

Handy animations — The wind sock animation offers capital info about the wind strength as soon as you open the app.

web.app

sports

mobile

Logo web app Nine Winds
Nine Winds - Illustration
Nine Winds - Close up 2

Even if a surfer usually knows how to read the numbers, a wind sock is a more convenient way to judge winds strength. That’s why we came up having a wind sock animation on the app’s home screen, knowing that some people are more comfortable with that than numbers.

2 / 5

2 / 5

Usebeautiful logo
Nine Winds - Color palette
Nine Winds - Close up 1
Nine Winds - Wind illustration 1
Hero device
Hero Screen - Nine Winds
Nine Winds - Wind illustration 2
Nine Winds - Illustration
Nine Winds - Close up 2
Hero device
Hero Screen - Nine Winds
Logo web app Nine Winds
Nine Winds - Color palette
Nine Winds - Illustration
Nine Winds - Close up 1
Nine Winds - Close up 2
Nine Winds - Wind illustration 1
Nine Winds - Wind illustration 2

2 / 5

Nine Winds - Close up 1
Fun Toons Stickers: we have a message for you!
Hero device
Hero Screen - Nine Winds
Nine Winds - Color palette
Nine Winds - Illustration
Nine Winds - Wind illustration 1
Nine Winds - Wind illustration 2
Nine Winds - Close up 2
Nine Winds - Illustration
Nine Winds - Close up 1
Fun Toons Stickers: we have a message for you!
Hero device
Hero Screen - Nine Winds
Nine Winds - Wind illustration 1
Nine Winds - Wind illustration 2
Nine Winds - Close up 2
Nine Winds - Illustration
Nine Winds - Close up 1
Nine Winds - Color palette
Nine Winds - Wind illustration 1
Nine Winds - Wind illustration 2
Nine Winds - Close up 2
Nine Winds - Illustration
Nine Winds - Close up 1
Fun Toons Stickers: we have a message for you!
Hero device
Hero Screen - Nine Winds
Nine Winds - Color palette
Nine Winds - Wind illustration 1
Nine Winds - Wind illustration 2
Nine Winds - Close up 2