04 / 05
Case study

Phoenix Force Robotics

Homepage, PHOENIX FORCE set full width over the team's spec block, Bit 1 of 5
Fig. 04.1Homepage, PHOENIX FORCE set full width over the team's spec block, Bit 1 of 5
Role
Designer, developer (with Prithvi Konduru)
Context
FTC team 10100, Madison
Years
2026 to now
Stack
Astro, GSAP, Lenis

04.1
Overview

The website for Phoenix Force, the Madison FIRST Tech Challenge team I'm on. Our number, 10100, is twenty in binary, so the homepage is a document in five bits: every section is a 1 or a 0, and scrolling through it reads out the team number.

04.2
Detail

I designed it and built it with Prithvi Konduru in Astro, with GSAP and Lenis for the scroll. Archivo sets the display type, IBM Plex Mono everything that reads like a spec sheet, and one orange accent marks the state of each bit.

The robot gets an engineering drawing sheet, the season record is set like a timing tower with every result sourced from FTC Events, and the secondary pages (team, seasons, outreach, sponsors, camps) are rebuilt on the same document system.

Bit 3, the machine: Picasso drawn up as an engineering document, spec table beside the photo
Fig. 04.2
Bit 3, the robot as an engineering sheet
Bit 4, the season log: every event and award since 2019, set like a timing tower
Fig. 04.3
Bit 4, the season log as a timing tower
05
Contact

Hiring for design and development? Write.

Reachable at
Middleton, Wisconsin
43.09° N, 89.51° W