What if your food delivery app knew the weather? I explored this concept — integrating live weather data into Zomato's UI to surface contextually relevant suggestions. Rainy day? Here's soup. Heatwave? Cold drinks up front.
Food choices are deeply contextual. Weather is one of the strongest signals — people crave different things when it's cold versus hot, raining versus sunny. But no delivery app uses this. The menu stays the same regardless.
I created a concept where weather data subtly influences the entire UI — not just recommendations, but the visual mood of the app. A rainy evening gets warmer tones, steaming food photography, and comfort food categories promoted to the top.
Ambient animation — Rive handles the weather visualization in the header. Rain, clouds, sun — each has a looping animation that cross-fades based on live data. No hard cuts, just gentle transitions.
Play prototype — the full flow was prototyped in Play to test how the contextual suggestions feel in a real scrolling experience. Does it feel helpful or intrusive? Testing said helpful.
The tricky part isn't the animation — it's the information hierarchy. Weather-based suggestions have to feel like a natural part of browsing, not a separate feature demanding attention.
Rive — weather animations with blendable states Play — full-flow interactive prototype Figma — UI design and component exploration