Obok
A desktop that lives with the weather outside your window.
2026 · personal project · design, assets, code, deployment
In short
Problem
Weather sites and dashboards all look the same: tables and icons. I wanted to see whether everyday information could be an experience rather than a list.
Solution
An OS-style desktop over a living lighthouse landscape that changes with the real weather and time of day. Everyday things – weather, reminders, shopping, markets, news, music – as apps in windows.
My role
Everything: concept, mockups, visual assets, frontend, integrations, deployment.
The challenge
Build a site that looks like a scene from a film and still works like a tool: it loads fast, doesn't hang when an API stops answering and is comfortable on a phone. Every effect needed a reason and had to fit in 60 frames per second.
Most interesting solutions
01A world driven by the weather
Five scenes (sun, clouds, rain, clear night, cloudy night) as looping video, picked by the real weather and time of day where the user is. Scenes change without a jump, and a poster is the first frame so nothing flickers while loading.
02Live data that doesn't break
Weather, currency and crypto rates, news and music from several public APIs. Every source has a cache and a fallback provider, and the data is validated before it reaches the interface. When something doesn't answer, the window shows the last data instead of an error.
03Apps in windows
Windows like in an operating system: opening, moving, stacking order, keyboard shortcuts, and bottom sheets on a phone. Reminders with a calendar, a shopping list, markets with a chart and price alerts, news split into Poland and World.
04Spotlight with quick commands
One field where you type “add milk and eggs to the list” or “remind me about the dentist tomorrow at 8”, and Obok turns it into an action in the right app.
Assets
I made the landscapes and scene animations myself: first the frame, then the animation, then the web pass – seamless loops, a poster from the first frame, compression for fast loading. One base frame for every layer, so the scenes match to the pixel.
Sun 
Clouds 
Rain 
Clear night 
Cloudy night
Technologies
Next.js · TypeScript · Tailwind · Motion · Zustand · Zod · REST · Vitest · Playwright · Vercel
Numbers
- 95Lighthouse performance (desktop)
- 5weather scenes
- 6apps
- several live data sources with fallback providers
- 60 fpsinterface animation on a typical laptop
What I learned
That “wow” lives in details nobody notices until they're missing: a poster that doesn't flicker, a window that doesn't vanish on an API error, a loop without a jump. And that the hardest part of a striking site is keeping it fast.