logo-faro

Faro

PERIOD    1 week - June 2016

TEAM       T.Lalanne, T.Herbreteau

SKILLS     Prototyping, UI design

FARO is a connected poster for surfers who want to know the weather forecast of their favorite surf spot. Informations such as tide, wind direction and waves, period between waves and their height are shown in real time. The poster is controlled by an app that let the user choose his spot and change some personal settings. The poster has been created thanks to weather API and arduino technology.

a5

Brief

During a 1 week workshop, each team had to create a connected device that solve a daily problem.

Problem & Idea

Checking surf forecast is not always easy and takes a lot of time. Because I practice bodyboard, I heard a lot of surfer who were struggling with understanding surf forecast. Sometimes they think it is the perfect session but it is not and sometimes they think it is a flat day but it is not. So, what if surfers could have a new way to check the surf forecast and know if it's the right time to put the wetsuit? What if we could find a new way to display surf forecast?

What if we could find a new way to display surf forecast?

Research

Process

The first step of this workshop was to find existing connected devices for weather forecast, but of course not only for the surf. Also we looked for visual inspirations.

b4

Ideation

Process

We spent a lot of time thinking about what are the most important features and informations for surfers when they check forecasts.
We also thought about a different way to display the information, should it be a watch, a companion or should it completely different… What kind of device would be the more efficient to read and understand for the user?

Concept

Process

Our concept FARO is a connected poster with the forecast of the favorite spot of the user. The user choose the room to put it and take a look at it to understand it.

poster4
magasine

Prototyping

Process

Once we had the idea, we started the prototype. We created the poster using wood and LED. We used API from a weather website. Then we coded it with JS and Particle.io. To be honest: it was hard.

proto

App & identity design

Process

Because we took a lot of time for the prototype, we had to move very fast to design the app and create a visual identity. The app works as a remote. The user choose his favorite spot and set his preferences.

faro-screen1a

SEARCH AND CHOOSE YOUR SPOT

SEARCH AND CHOOSE YOUR SPOT

Select your favorite spot thanks to the map
or the list.

Select your favorite spot thanks to the map or the list.

faro-screen2a

SPOT DETAILS

All the informations summarised to know
if it is the right spot.

All the informations summarised to know if it is the right spot.

faro-screen3a

 YOUR SPOT

Once you have selected your spot, you can also directly check the forecast here.

Once you have selected your spot, you can also
directly check the forecast here.

faro-screen4a

SETTINGS

Control your poster from here. For example you can select the maximum wave height you want to display.

Control your poster from here. For example you can select
the maximum wave height you want to display.

Test

Process

We ask to surfers (6 users) and non-surfers (10 users) to try to understand the informations displayed on the poster. 
What happened: 
- Surfers quickly understood how it was working and we received great feedbacks from them.
- Non-surfers took more time to understand the poster and even if they are not our users target, they could help us to improve our work. 

Outcome

One hour before the end of the workshop and the presentation, the poster was working great. And then, we had a LED issue and the half of the poster was not working anymore.
On the first hand, we learned how to work fast and efficiently. On the second hand, we are now prepared to every situation and to adapt our work if there is an issue.

 Copyright © 2018 Gaël Hillion — Made with

Copyright © 2018 Gaël Hillion — Made with