How I work · 3D · Product design

3D and product design, augmented by Astra.

The method behind RIPS, in three tools: a 3D pack modelled in Blender that runs live in the browser, a real prototype built with GPT6 Astra to test every gesture in hand, and Figma for the detail.

Project
RIPS · App concept
Pipeline
Blender · GPT6 Astra · Figma
3D
One foil model, live in the browser
Tested
In hand, at iPhone size
The same 3D pack in the live prototype, in its three tiers: NFL Starter, Soccer Pro, Basketball Elite

One model

01

One foil pack, modelled in Blender, dresses every tier and every universe.

The pack you tilt in the prototype is the 3D model itself, loaded live in the browser, not a rendered video. Each tier and each universe is an artwork mapped on that same foil, so a change to the model reaches every pack at once.

12
pack artworks on one 3D model: three tiers across four universes.
  • The modelA foil laminate, in its third version, loaded live by the prototype.
  • The skinsTwelve artworks, one per tier and universe, swapped on the same foil.
  • The atmosphereEach tier brings its own backdrop behind the pack: a blue haze, a fire glow, a violet sky.

The gestures

02

The rip is a sequence of gestures, and each one was tried in hand before it stayed.

  • Drag to tiltOn the pack screen, the 3D pack follows the finger.
  • Slide to openPaying for a pack is a slide, not a button.
  • Pull the tab to ripThe tear starts at the seal, where a real pack opens.
  • Release to settleThe card arrives in its graded slab, then settles.

The detail

03

Between rounds, Figma took the UI down to the fine print, the part that keeps the excitement honest.

  • ValuesIllustrative · not a guaranteed or live market value
  • CheckoutOnly prototype credits are used. No banking details are requested.
  • First ripThis practice reveal is on us — no credits used.
  • OddsFixed demo reveals — no live odds, real purchases or guaranteed value.

Augmented by Astra

04

Astra turns each round into a working build. What gets tested, and what stays, is my call.

Astra
The working prototype: the live 3D pack, the gestures, the demo credits, the checkout, the binder and the exchange.
Me
The 3D in Blender, the gestures worth testing, the UI detail in Figma, and every call on what stays.
The loop
Test in hand, refine in Figma, rebuild with Astra, test again.
Next in How I work
Learning as a new media, augmented by Astra.
All of how I work