Gijs Bakker

This is a portfolio/blog of Gijs Bakker, UX (interaction and UI) designer from Amsterdam.
Read more about me, filter work by tags or mail me at .

Weeronline weather photos

What is it A feature for the Weeronline app that allows people to view and upload photos of the weather in their city
Client MeteoVista
Platform iOS (iPhone), Android
Role Interaction design
NOTE: The original overall Weeronline app design and structure is not done by me

Nothing is as variable as the weather, even more so here in Holland and the Dutch often talk (read: complain;) about the weather. This fact was the inspiration for MeteoVista to add a little extra to their existing Weeronline weather app: Share a photo of the current weather in your city.

I did the interaction design for the feature and based on that, a visual rendition that fitted within the already existing design.

Paper prototyping
I used the POP app for some paper prototyping to determine what would be a conventient layout and flow for the weatherphotos feature. The original paper prototype can be viewed below (or here)
(these sketches are lo-fi, drawn fast and sloppy – they were just for myself)

Below are some of the UI designs.

Weatherphotos screen

Weatherphotos grid

When scrolled down, the nav- and tab bars are hidden

When scrolled down, the nav- and tab bars are hidden

Upload photo UI

The meta-data for a weatherphoto: Uploaders name, photo title, description and location.

Weatherphoto upload progress

Weatherphoto upload progress

Weatherphoto detail 1

Weatherphoto detail 1

Weatherphoto detail 2

Weatherphoto detail 2

Weatherphotos in weather tab

Weatherphotos in weather tab, showing the 3 most recent weatherphotos of the location as thumbnails

Post navigation