Three.js Conf
Unpacking the badge…

A little badge. A lot inside.

ThreeJS Conf BadgeFactory

A screen. A brain. A spark of personality.
Scroll to build the Three Conf speaker badge, one piece at a time.

Let’s build it

A project by Hervé Studio

Everything on the bench

Tap a part for the spec sheet. Rearrange the mat however you like, then .

01 / THE FOUNDATION

Start with
the shell.

Two printed halves. Every pocket, opening and support has a purpose. Make room for what comes next.

Prepare the enclosure

Clear the seven sacrificial membranes: three button openings and four screw seats. Fit four M2 brass inserts into the rear shell, flush and straight.

MEDIUM ENCLOSURE · 66 × 134 × 16 MM

02 / THREE LITTLE CLICKS

Make it
feel alive.

Previous. Next. A button for everything in between. Insert the three tactile switches through the outside of the front shell.

Insert first. Solder second.

Fold the legs through the cradle slots, then solder from inside. Route the bundle through the upper-left cable window.

PREV GPIO 20 · NEXT GPIO 19 · CENTRE GPIO 21

03 / THE FACE OF IT

A full circle
of possibility.

Seat the 2.1″ round display in its ring, connector tab pointing down. Ten ribbon wires. Nine connections. One very bright personality.

Follow the ribbon

Solder in pad order. Leave the white SDO wire disconnected. Backlight goes to GPIO 9; tearing sync goes to GPIO 3.

GC9B72 · 360 × 360 · SPI

04 / PLUG INTO THE DAY

A tiny board.
A big job.

Slide the TP4056 + 5 V boost module into the front pocket. Line up its USB-C port with the bottom opening.

A direct power path

OUT+ → DevKit 5V. OUT− → DevKit GND. Keep the power return direct, rather than running it through the stripboard.

USB-C CHARGING · REGULATED 5 V OUTPUT

05 / ENERGY, INCLUDED

Ready for
the long run.

The 2000 mAh pouch sits landscape on the rear shelf. A little double-sided tape keeps it in place.

Tabs toward the top

Route the leads above the battery to the charger. Red to B+, black to B−. Check polarity before connecting.

LIPO 505060 · 60 × 50 × 5 MM

06 / THE BRAIN BEHIND THE BADGE

Small board.
Big character.

Seat the ESP32-S3 between the rear shell’s guide walls, just below the strap mount. Now bring every connection home.

Connect in order

Ground, 5 V power, display, buttons, then the two sensing dividers. Keep every wire below the mating edge and off the top of the ESP.

ESP32-S3 · N16R8 · OTA OVER WI-FI

07 / SMALL CONNECTIONS

A place for
every wire.

All the parts are here. Watch each connection find its home. Click a wire to trace its exact pads and pins.

Cut to the route

Screen → ESP: 5–6 cm
Stripboard → ESP: 7–8 cm
Power → ESP: 6–7 cm
Battery → charger: 5 cm
Buttons → stripboard: 3–4 cm

08 / THE FIRST HELLO

Before the
final click.

Power it up while the enclosure is still open. A few checks now make a better badge later.

Flash over Wi-Fi. The DevKit’s native USB uses GPIO 19/20, which are assigned to the buttons.

09 / BRING IT ALL TOGETHER

Everything
in its place.

Drop the steel strap bar into its cradle. Close the two halves like a book, keeping wires clear of the seam.

Close gently

Secure with four M2×12 countersunk screws. Thread the strap through the slot and around the Ø3 × 29.4 mm bar.

4 SCREWS · 4 INSERTS · ONE COMPLETE BADGE

10 / YOUR BADGE, ASSEMBLED

Made of parts.
Full of life.

Add the four screw caps and three button caps. A small dot of glue, a final check of every click—and you’re part of the conference.

Your render settings