BUOY UI Design Monica Shehata
BUOY | UI STRATEGY
The chosen UI direction represents a colorful yet elegant allusion to the ocean and the waves. The UI design is intended to be sleek and attractive to both pro and new users. The data visualization is created using curves and gradients that allude to the deep sea, meanwhile being easy and simple to understand with bright colors used to signify certain important data points on these charts. Curves were also used in the navigation bar to maintain that aesthetic. Simple illustrations were also created to help with quick reads, as well as create an overall linear and clean aesthetic. Color choices were made based on the deep ocean and aquatic bioluminescents which create beautiful contrasts in nature.
BUOY | Moodboard This style route represent a colorful yet elegent allusion to the ocean and the waves. With a contemporary and sleek design, and colorful illustrations, this would present a friendly interface for both pro and new users.
Arboria Medium Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890.,?!$%* Arboria Book Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890.,?!$%*
BUOY | Mobile and Desktop Dashboard Overview
Good Conditions
65° Partly Cloudy 7-9ft waves 10mph winds
Swell
Air and Water Temp.
3:00 PM
Wind
Spooner’s Cove
Wave Height
Swell Height
Good Conditions
Right now
9 ft
Right now
65° Partly Cloudy 7-9ft waves 10mph winds
Spooner’s Cove
Wave Height
5 ft
9ft 5ft
4ft 3ft
3ft
2ft
Best Surf Today
0ft
12pm
1pm
2pm
3pm
4pm
1ft
1pm
2pm
3pm
4pm
5pm
6pm
4pm-6pm
Wave Height
75° Partly Cloudy 9-10ft waves 5mph winds
Right now
9 ft 9ft
Air and Water Temperature
Wind
Right now
Right now
65°
10mph 10mph
Surf Warnings
None
3ft
0ft
12pm
1pm
2pm
3pm
4pm
50°
5mph
0mph
1pm
2pm
3pm
7pm
BUOY | Mobile and Desktop Detail Screen (Swell) Overview
Spooner’s Cove Good Conditions
65° Partly Cloudy 7-9ft waves 10mph winds
Swell Spooner’s Cove Good Conditions
Wave Height
Swell
Air and Water Temp.
3:00 PM
Wind
Swell Direction
Swell Height
5 ft
12pm
NE 3pm
9pm
Swell Height
5 ft
Best Surf Today
4pm-6pm
5ft 4ft 3ft 2ft 1ft
11am
12pm
6pm
1pm
2pm
3pm
4pm
5pm
75° Partly Cloudy 9-10ft waves 5mph winds
5ft 4ft 3ft
Swell Direction 12pm
Surf Warnings
NE 9pm
None 3pm
2ft 1ft
11am
12pm
1pm
2pm
3pm
4pm
5pm
BUOY | UI STRATEGY
BUOY | UI STRATEGY