WALID SODKISay hello
← Back to work

Design & development

What is the f*&cking weather?

What is the f*&cking weather (working title: Vuether, yes really) is a bold and brash weather app built with Vue.js and hosted on Netlify. It grabs your location from ipdata.co and the forecast from OpenWeatherMap and drops in an animated character to match the sky. Every character was drawn in Adobe Illustrator, animated in Adobe After Effects, and played back on the web with Airbnb's Lottie.

What I did

  • Product design
  • Front-end development
  • Illustration & animation

Toolkit

  • Vue.js
  • Axios
  • Lottie
  • After Effects
  • Illustrator
  • OpenWeatherMap API

Year

2019

View it live (opens in a new tab)
What is the f*&cking weather app preview
An animation showing the look and feel of the app, and the various presentations for different weather types.
Six weather states side by side, each with its own angry character and colour scheme: cold, sunny, rain, storm, cloudy and clear
The app changes its characters and colour scheme depending on the current weather.

Say hi

Like this one?

Say hello