Bringing weather forecast to the map with a twist of fun

Product Design
“ Let’s build the most delightful weather experience for our users through a dedicated lens on top of the Zenly map ”
Ahmed D.
Senior Product Manager @ Zenly

In a nutshell

Project type
Social app B2C

Our team
1 lead designer

Release
2021 — iOS, Android

Zenly (a Snap company) is a map-first social network used by millions of users worldwide. We partnered with them to design a few map lenses — think of it as "mini-apps" — users can turn on from the home.

The team assumption was that building a weather lens could be a powerful addition to the main map and spark users interest in checking the weather forecast alongside seeing their friends whereabouts.. and that's how we got started on this project!

Our approach

Weather apps tend to be very functional and lack a bit of spice, so we designed this new lens to be as exciting and engaging as the rest of Zenly. We defined 3 main drivers: unified with the map, valuable & delightful.

Our plan was to deliver a beautiful weather experience, very well integrated within the app ecosystem, with the goal of boosting map lenses engagement.

Giving the prime spot to visuals

First, we wanted the main pictural element showcasing the current conditions to stand out. The idea was to convey a candy-like look & feel and integrate vibrant yet informative 3D assets — embodying the Zenly vibe perfectly.

We listed all the weather conditions we wanted to cover then turned over to Julien Martin & Makata Studio to help us craft amazing weather illustrations.

Making it unique and snappy

We designed the weather card component as a sharable item generated with a unique background based on the daytime, weather condition, and temperature.

This card can be triggered from the main view and we reused this visual concept to show the recent cities section.

When map & weather make one

Time to put the pieces together and articulate all the most useful weather information into one single page which can be accessed from the map.

We gave the top hierarchy to the current weather condition then we show the hourly forecast slider. It also felt important to let the user see the next days forecast right below.

Nailing down the details

We iterated with the design team on visual details so the feature naturally expands the app overall design language.

For the most part we followed brand & design system guidelines. We also brought the experience further by creating new components dedicated to the weather lens.

Topping off with fun ingredients

Zenly brings delight and optimism into their users life, so ultimately we had to come up with some sort of subtile and unexpected twists to complete the experience.

With the comparison feature we pointed users at big contrasts in weather conditions comparing their current location VS others, resulting in a simple yet fun mechanic.

Creative ideas we didn't keep

We explored a few ideas we ultimately set aside as we collectively agreed it would be hard to scale properly for a v1.

With Feel the weather we wanted to trigger a strong emotional connection using humor to link a given weather forecast to the various moods it can provoke.

We also went further in designing various comparison cards to boost friends interactions and discovery.

Project impact

We are honored to have been able to work with the Zenly team on their core product. Our contribution allowed the  team to ship up to 3 lenses in public releases all strategic to the product roadmap.

While we can't share specific metrics around feature adoption for confidentiality reasons, we were proud to see this joint outcome of great quality used by many.

3
full lenses shipped in 2021
(weather, gas stations, bike sharing)

The team has overdone itself with the in-app weather. much better than the native iOS one.
Dennis, on Twitter
(Co-founder @ Amie)
Communication from
Zenly Marketing team
Weather on Zenly
See tweet
“ The Design Crew brilliantly delivered on this challenge as they helped us design and ship multiple map lenses with a velocity and a quality that met Zenly’s first-class design standards ”
Ahmed D.
Senior Product Manager @ Zenly