Frame 1: Invitation into the community leaderboard for swimmers
Frame 2: Leaderboard in full show with toggles to see previous winners
1
12
During the ideation process of Surge, i made the decision to match each activity to a color
This color then embodies that activity.
Here is another example of the community group chat for Cycling, users can start an event giving other member the options to accept or ignore
2
32
Cycle session tracking on Surge
Yellow was designed as the identity of cycling
Here, it is serving a functional purpose through the individual states of the session
During the default and active state, the session is colorful
During the paused and stopped state, color drains
2
26
Swimming session tracking on Surge
Blue was designed as the Swimming identity
Here, it is serving a functional purpose through the individual states of the session
During the default and active state, the session is colorful
During the paused and stopped state, color drains
1
19
Motion design on Figma
2
2
49
Basketball session tracking on Surge
Purple was designed as it's identity
Here, it is serving a functional purpose through the individual states of the session
During the default and active state, the session is colorful
During the paused and stopped state, color drains
1
37
Frame 1: Invitation into the community leaderboard for cyclists
Frame 2: Leaderboard in full show with toggles to see previous winners
3
66
Continuation of Surge
These screens are part of the onboarding and edit goals userflow
Throughout these flows, you will notice a consistent visual direction that is intense and welcoming at the same time. This was achieved through the use of red as primary color and well rounded corners
5
67
Surge is a super app for active people.
It helps them discover, track and connect with a community all in one.
Flexing my design muscle on this one
Product section for refined wilderness. A modern Outdoor brand built for hikers hiking for clarity and bliss.
Read the full case study here https://contra.com/p/BMeRPmmA-refined-wilderness-landing-page-design?referralExperimentNid=DEFAULT_REFERRAL_PROGRAM&referrerUsername=oluwatobi_adetunji_0cs3ux65