Product & brand design

  • Identity systems
  • Interaction design
  • Physical products
01

FullInfill

Project study ↗

Brand development · work at RAM

A gyroid surface becomes a projected mark, a two-tone identity and a working loading animation.

SELECT A STAGE ↓
Original gyroid geometry projected along a cube diagonal
Projection source
02 / the viewpointpython
view = np.array([1,1,1.0]) / np.sqrt(3)
u = np.array([1,-1,0.0]) / np.sqrt(2)
v = np.cross(view, u); v /= np.linalg.norm(v)

P2 = np.column_stack([verts @ u, verts @ v])
Projection from the original brand script
FullInfill wordmark and gyroid symbolTHE IDENTITY / FULLINFILL
Original development assets, presented together as a form study.
Motion & implementation
++The FullInfill gyroid mark rotating as a loading indicatorX ↗   Y →   Z ↑
Behind the work

The geometry, projection, material studies and animated loader are original development assets. The same form carries from the brand into small interface states.

02

RAM Studio

The product flow ↗

Product identity & interaction · work at RAM

A family of frames works across four physical shapes, with photo placement and lettering composed around each object.

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.
Behind the work

The customer changes the object directly: fit a photo, place a callsign, inspect relief and review a complete set. These examples use the Studio’s original frames, sample photos and shared artwork renderer.

03

RNIB tactile products

Tactile design study ↗

Accessible physical design · work at RAM

A clock and a street have to communicate through touch as well as sight. Keyed tiles, different hand shapes and raised surfaces make those distinctions physical.

Prototype render: Braille clock with removable blue numeral tiles and distinct red and yellow hands
Braille clock · prototype render
Prototype render: individual zebra-crossing tile with kerbs and tactile paving
Zebra crossing · prototype render
Behind the work

Prototype work for RNIB at RAM. The clock has removable Braille tiles, distinct hour and minute hands, and indexed or free-motion options. Street tiles deliberately separate kerbs, tactile paving and road markings at model scale. Images are prototype renders, not evidence of learning outcomes.