Prototyping
Bringing ideas to life through high-fidelity interaction and motion, wherever the screen lives, in your car, your hand, or your home.
Type
Hi-Fi Prototypes
Role
Tool
ProtoPie · Figma
Ferrari Luce with G29
When Ferrari revealed the Luce, its first EV, designed by Jony Ive and Marc Newson, their stock dropped 7% that same day: a four-door Ferrari with a shell-like, two-tone body that critics said didn't even look like a Ferrari. Everyone was judging it from the videos. I wanted to actually get behind the wheel, and since a $640k Ferrari is a little outside my tax bracket, I built one I could drive. I mapped a Logitech G29 racing wheel to the prototype, so you can control it for real. The Manettino dial, torque, multigraph, startup sequence, and every component across the cluster and control panel. It all responds the way it would in the car.
Explore music by similarity
AI recommends songs well, but they still feel somewhat random. You get a list, with no sense of why these songs or how they connect to what you're hearing. This prototype turns recommendations into a space you can explore. The song playing sits at the center, and similar tracks bloom around it as nodes, the closer the node, the closer the match. You pinch, tap, and drag to move through them. Drag the center onto another node and the map reforms around that song, so finding your next track feels like drifting from one to the next, not scrolling a list.
Bringing pinch-to-zoom to Apple Music
You know you saved the album in your music library. You just can't remember the name or the artist, so you scroll and scroll, waiting to recognize the cover. Apple Music makes you rely on search, even when you'd know the album the instant you saw it. Photos already solved this. You can pinch to zoom out, scan everything at once, pinch back in when you spot it. This prototype brings that gesture to Apple Music. Pinch between a single album, a 2x2, and a 4x4 grid, so you can zoom out to scan your whole library and zoom in the moment you find it.
Multiple images per prompt in ChatGPT
Ask ChatGPT for multiple images and it always gives you one, often a collage. The model can do more, but the chat interface won't let you get to it. This prototype does, built on the latest ChatGPT Images 2.0 API. You write one prompt and get back a set of separate images. It also adds a swipe-to-rate feature, so you can evaludate each image with a quick swipe and shape what comes next.
EA Sports social app
A full social companion app you can actually use, not a set of static screens. It runs the whole experience, a splash intro, live streaming, player stats, an Instagram-style feed, and squad management where you drag one player's card onto another to swap them and reshape your formation. Every screen responds and every gesture feels like a shipped app. Built for a client demo with the EA Sports design team.
ProtoFit
A full e-commerce app you can actually shop, not a happy-path demo. You browse running shoes, pick a pair, and move through cart to checkout, and the prototype handles the parts fake demos skip. Sold-out sizes, real errors when you forget to pick one, prices and quantities updating live, and the full Apple Pay sheet, double-click and all. The point was to show a prototype can behave like shipped app. Built as a Consumer Tech demo for a self-serve PLG education series.
Google Home
A small, playful take on controlling an appliance from your phone. The washing machine and the Google Home app are two separate prototypes, linked with ProtoPie Connect so they talk to each other live. Rotate the dial on the phone to pick a mode, and the machine answers at once, its display and progress ring turning right along with your finger.
CarPlay with CarKey
Three separate prototypes, the CarPlay screen, the instrument cluster, and the phone, linked with ProtoPie Connect so they act like one connected car. Make a call on CarPlay and the cluster updates to match. Receive a CarKey by message, then use it from your phone to start and stop the car. Each piece runs on its own, but together they move as a single system. Built to showcase the capabilities of ProtoPie AI.
From chart image to interactive prototype
Fintech designers want charts you can scrub, where an indicator tracks your finger along the line. Building that normally takes real code, and even writing the formulas by hand turns out to be its own headache. So I made a tool that skips all of it. Drop in an image of any chart and you get back a working prototype, drag across the graph and the indicator follows. Image in, interactive chart out, no formula calculation required. It's live to try at labs.protopie.io.