3D phone-on-a-desk portfolio: tap the phone and a working mini OS opens inside it, with apps for projects, services, reviews and contact. Built with React Three Fiber. Live: https://usama.legalwebagency.com
And before I bring it to the live version, I need an honest opinion from someone who hasn't been staring at these screens for hours:
Does it feel better?
Busywork brings customer data, conversations, AI, and workflows together.
The design challenge was therefore less about showing everything the product can do and more about creating a clear narrative around why the product matters.
The result is a concept focused on progressive storytelling, helping visitors move from problem → product → capabilities → value → action.
I've been quietly building landing page templates. Six are out today, each with its own brand, its own type pairing and one interaction it's built around:
→ Aurel: a skincare brand with a WebGL serum drop that bulges toward your cursor
→ Ferro Type: a type foundry where the hero word bends its weight and width under the pointer
→ Meridian Expeditions: contour maps that redraw themselves as you switch routes
→ Oda: an architecture studio whose timber cabin draws itself, with a live sun study
→ Relay: a dev tool where the editor types a workflow and the run graph executes it live
→ Signal: a mission-control SaaS with a live infrastructure graph that contains threats as they flare
Built to be edited with AI. Every template ships with a README, a DESIGN.md and an AGENTS.md, so Claude, Cursor or whatever assistant you use changes it the way it was built, not the way it guesses.
Ferro Type is the one I would open first. Bending a variable font under the pointer re-lays out the text every frame, which is a much bigger bill than it looks, and stepping the weight in a few fixed increments is usually what keeps it smooth on a laptop that is not plugged in....