Skip to content

Lisbon / remote-first · Full brand engine

We build the interface,
the platform under it,
and the sound it makes.

A four-person studio for real-time product surfaces. WebGL that holds its frame budget, a typed platform behind it, and an audio layer mixed like a record — specified, measured, and handed over with the keys.

Sora Chen, 3D & Interface Lead at DevStudio Hani
Stage live

Sora Chen

3D & Interface Lead

Roster →

0

Shipped engagements

0 wks

Avg. build window

0

Median Lighthouse

0.4%

Retainer renewal

Real-time 3DTyped platformsInterface soundBrand systemsEdge deliveryDesign opsMotion specsPostgres schemasReal-time 3DTyped platformsInterface soundBrand systemsEdge deliveryDesign opsMotion specsPostgres schemas
01The roster

Four people.
No account layer.

You talk to the people building the thing. Every engagement is staffed with the whole studio, which is why we cap it at three live builds at a time.

Select a seat to read the remit

Sora Chen

3D & Interface Lead

Sets the spatial language for every build here — camera choreography, material studies, and the exact moment a scene should stop moving so the copy can be read.

  • Three.js
  • GLSL
  • Rive
  • Figma

02

Full-stack engineering

Platform

One team writes the interface and the service behind it, so the seam between them never becomes your problem. Typed end to end, deployed on every commit, with migrations reviewed like code.

  • TypeScript app + typed data layer
  • Postgres schema with reviewed migrations
  • Edge routing, caching and image pipeline
  • Observability and load-test baseline

03

Brand & real-time 3D

Surface

Identity, type system and the WebGL stage are designed together. Scenes are anchored to content, budgeted for frame time, and degrade to a still frame when a device or a preference asks them to.

  • Identity system and type scale
  • Real-time 3D scenes with frame budget
  • Component library and motion spec
  • Reduced-motion and fallback states

04

Sound & interaction

Signal

Sound is treated as an interface layer, not decoration. Every cue is mixed, ducked and gated behind an explicit user gesture, then measured against the same accessibility bar as the visuals.

  • Interface sound set, mixed and mastered
  • Procedural ambience tied to app state
  • Haptic and pointer feedback mapping
  • Opt-in gating and mute persistence
05Selected work

Three builds, and what they moved.

Orbit Telemetry case study visual
Kestrel Aerospace2026

Orbit Telemetry

A live ground-station console for 38 small satellites. We replaced a desktop-only Java tool with a browser client that renders orbit state in real time and still works on a tablet in a field trailer.

Time to interactive
4.6s → 1.1s
Ops seats migrated
212
Telemetry lag
340ms
  • WebGL
  • Streaming data
  • Design system
Resonance case study visual
Halden Audio2025

Resonance

A marketplace for instrument plugins where every product page auditions itself. Buyers hear a sound before the page finishes loading, which moved the needle on trials more than any copy change had.

Trial activation
+38.4%
Preview start
0.4s
Catalogue size
1,470 SKUs
  • Web Audio
  • Commerce
  • Brand
Atlas Sections case study visual
Nordreef Geological2025

Atlas Sections

Core-sample archives turned into a browsable 3D stratigraphy explorer. Field geologists annotate layers on site; the annotations sync back to the same Postgres rows the lab reports read from.

Samples indexed
84,600
Report prep time
−61%
Offline sessions
1,930/mo
  • 3D data
  • Postgres
  • Offline-first
06Scope & price

Price it yourself.

This is the same sheet we use on a first call — real rates, no "contact us for pricing". Move the inputs and the number moves with them; it carries straight into the brief below.

6
1 landing24 full platform

Engagement type

Add to the build

Indicative quote

$16,480

≈ 8 weeks · Product platform

  • Discovery, architecture & QA$6,400
  • Design + build, 6 screens$5,880
  • Real-time 3D scenes$4,200

Fixed-fee, billed in three stages: 40% at kickoff, 40% at design sign-off, 20% on handover. Estimates hold for 30 days and stop being estimates once we have seen your data model.

Send this scope
07Start a brief

Tell us what
you are building.

Briefs are read by the people who would do the work, usually within two business days. If the fit is wrong we will say so and point you somewhere better.

Studio
Lisbon / remote-first
In the queue

Attached scope

$16,4806 screens≈ 8 weeks1 add-onsAdjust