A lifestyle brand dedicated to design, travel and creative expression.
Surfline.cover2live.png

Surfline iOS App

Surfline keeps surfers (and kiters) safe by informing them of the latest conditions. Knowing the current weather, wind, and swell ahead of time can save your travel time, energy resources, and keep you stoked.

This project is a fun redesign of the Surfline iOS mobile app. The concept was to see all my favorite spots and their conditions more easily in one place. The idea is that the bar shows you conditions in future time based on how many hours far you drag the ball. This project was completed in August 2016.

 Rider Ando frothin' with style during his sunset surf sesh.   My role : user interface, UX design, interaction design, prototyping and animation   My responsibilities : to redesign the Surfline mobile app to allow the user to quickly see the basic conditions of their top 5 spots while having the Premium account   Process  :    • Determine where the menu lives  • Sketch overall user flow of a simple task being performed  • Develop an empathy map  • Sketch wireframes on paper then create mockups in Sketch  • Add interactions and animations for triggers in Pixate  • Build a prototype and record a demo video    Project Goals : to develop a interactive prototype that shows a user performing basic functions like switching between Celsius or Fahrenheit, adding or deleting surf spots, and seeing more details in depth.   Challenges :   • Determining how many tasks and screens can be shown to give a preview of the concept  • Maintaining ease of usability for tasks performed  • Organizing relevant weather information in future time  • Understanding how the Premium feature changes with camera access  • Knowing if surf slang is universal when it comes to wave height

Rider Ando frothin' with style during his sunset surf sesh.

My role: user interface, UX design, interaction design, prototyping and animation

My responsibilities: to redesign the Surfline mobile app to allow the user to quickly see the basic conditions of their top 5 spots while having the Premium account

Process:  
• Determine where the menu lives

• Sketch overall user flow of a simple task being performed

• Develop an empathy map

• Sketch wireframes on paper then create mockups in Sketch

• Add interactions and animations for triggers in Pixate

• Build a prototype and record a demo video 

Project Goals: to develop a interactive prototype that shows a user performing basic functions like switching between Celsius or Fahrenheit, adding or deleting surf spots, and seeing more details in depth.

Challenges:  
• Determining how many tasks and screens can be shown to give a preview of the concept

• Maintaining ease of usability for tasks performed

• Organizing relevant weather information in future time

• Understanding how the Premium feature changes with camera access

• Knowing if surf slang is universal when it comes to wave height

Surfline Demo