Make hardware state visible at a glance
Module color, cue occupancy, battery, signal, and connectivity remain visible throughout setup and use.
PRODUCTBRANDLAUNCH· 2019
IGNITE Fireworks
A fireworks system, from hardware direction to launch
- Role
- Lead Product & Brand Designer
- Team
- Engineering & manufacturing partners
- Timeline
- 2019
- Status
- Shipped hardware & mobile system
Problem
Controlling fireworks from a phone required clear feedback from pairing hardware and mapping cues through live firing.
Approach
Keep color, connectivity, cue count, and firing status consistent across hardware and app so users can recognize module state at every step.
Shipped system
Delivered hardware direction, mobile workflows, packaging, commerce, and launch. Engineering and manufacturing carried the hardware into production.
- Scope · connected product language
- Physical + digital
- Evidence · hardware + mobile system
- Shipped
Decisions & details
Decisions & details
ScopeHardware Product Direction, Brand Identity, Mobile UX/UI, Packaging, Launch Website
Key decisions
Separate preparation from the firing moment
Planning supports detail; Free-Shoot focuses on connection, order, timing, and a clear firing control.
Use one identity from device to market
The flower-mortar mark and module colors connect hardware, app feedback, packaging, and launch.
01
Design the live moment around clarity
Six color-coded modules keep cues, connectivity, and firing status recognizable during a live show.
02
The physical and digital product were designed together
My sketches established hardware form and interaction. Engineering and manufacturing translated them into the shipped module.
03
A physical system people could understand
04
Pair hardware without losing state
Pairing, PINs, battery, signal, cue occupancy, and removal define the module lifecycle. Color links each physical unit to its app state.
05
Turn a fireworks shelf into usable inventory
Search, QR capture, custom entries, duration, and video references turn fireworks into timed show elements.
06
Document the supporting product states
Account creation, sign-in, recovery, and loading states complete the controller experience.
07
Prototype atmosphere and interaction
Hover and video bring the homepage into the fireworks world while keeping navigation and product information clear.
08
The launch explained the complete system
09
One identity across commerce and launch
The flower-mortar mark connects hardware, packaging, retail, and launch.