BOOMBOX

Design thinking

The block party had one screen and one sound system, and sometimes they were the same box. BOOMBOX is a single 3D-rendered chrome-and-black boombox, carry handle and all, with the video playing in the center screen. I cut the woofers and tweeter out of the render as their own layers, so they physically pump with the real audio level, and the red accent LEDs glow harder on the bass. The five chrome push buttons are the transport, the groove under the screen is the timeline, the right tweeter changes speed, and the red LED strip on top is the volume meter: drag across it or use the arrow keys.

Every control sits on the rendered part it belongs to, with an engraved-style icon and a red glow on hover and focus. Hit areas extend past each cap so they stay tappable on a phone, and the pumping and glow stay still with reduced motion. On phones it becomes a tower boombox: screen on top, buttons in a row, both woofers stacked below.

Controls

• Space Play or pause
• ← → Seek 10 seconds
• ↑ ↓ Volume
• 0–9 Jump to 0–90%
• M Mute
• F Fullscreen
• 2× tap Sides seek, center goes fullscreen