Daily UI 037 - Weather

Challenge 037: Design something related to weather. It could be a UI for a mobile app a web app, or something completely different such as a weather alert widget. Consider its elements: city, temperature, forecasts, colors, weather icons/graphics, etc.

I went with a simple weather app for this challenge. When most users choose to open up a weather app, they typically want to know what the weather will be like for that day. So I placed the current temperature top and center, with a warning for what the weather may look like later in the day in referring to light showers in the afternoon.

Below that, a graph depicts what the temperature will look like for the next several hours. This is next since it is likely what the user will likely want to see after viewing the current weather.

Finally, at the bottom there is a section for what the weather will look like for the next few days. Each item is trappable, bringing the user to a similar screen for that day's weather predictions.

This prototype was made in Framer.