Web applications & commerce

  • JavaScript / TypeScript
  • 3D product flows
  • Checkout & fulfilment
01

FullInfill

Explore the live Studio ↗

Customer-facing web platform · work at RAM

A storefront, a parametric product library and an order journey, connected to the manufacturing decisions behind each object.

FullInfill dark storefront and gyroid identity
Actual FullInfill website · dark mode.
Full resolution ↗
  1. Choose
  2. Configure
  3. Estimate
  4. Enquire / checkout
Behind the work

The Studio generates geometry and exposes dimensions, material and manufacturing estimates. Custom Studio designs currently go to enquiry; eligible catalogue goods use the basket, delivery and Stripe-hosted payment flow. The backend prices items on the server and checks payment events against the order amount and currency.

02

RAM Studio

Try the live editor ↗

Personalisation, proof & production · work at RAM

A browser-based relief engine previews the raised UV print before manufacture. The same design becomes the approval proof and production artwork.

LIVE 3D PREVIEW
Drop Trooper keychain design; interactive raised-surface preview loads when available
Colour artwork becomes a height field, softened and tapered at cut edges. This scene uses the Studio’s relief recipe and blank geometry.
Design collection
Drop Trooper custom keychain example in the dogtag shape
Drop TrooperDogtag
Moon Guardian custom keychain example in the round shape
Moon GuardianRound
Monster Trainer custom keychain example in the wide shape
Monster TrainerWide
Ancient Order custom keychain example in the tall shape
Ancient OrderTall
Web Slinger custom keychain example in the dogtag shape
Web SlingerDogtag
Bounty Hunter custom keychain example in the wide shape
Bounty HunterWide
Six customisation examples · Studio artwork, photos, lettering and four blank shapes.
Editor & proof
RAM Studio photo and callsign editor in dark mode
Actual customer interface · built-in illustrated sample; NOVA is sample lettering.
Full resolution ↗
  1. Compose the artwork
  2. Simulate the relief
  3. Approve the proof
  4. Print & collect
Behind the work

One renderer supplies the editor, approval proof and 600 DPI print artwork. Drafts remain on the customer’s device. A station collects orders, reserves stock after payment and tracks batching, inspection, reprints and collection. Online ordering reflects whether the station is open and the shape is available.