React Component Package
A reusable, scalable component package built to replace an expensive and rigid third-party tool used for internal IBM events. Designed in Figma and developed as an npm package using React, TypeScript, and the IBM Carbon Design System.
Timeline: 2 weeks (design) + 2 weeks (development)
Role: Wireframing, UX/UI, Front-End Development
Team: 6 developers
Problem
IBM’s sales teams relied on a third-party platform called Megaphone for interactive event experiences. While it served its purpose, the platform came with high recurring costs and limited customization options. Over four years, it accumulated more than $240K in expenses and required additional contracted support just to meet internal needs. The team needed an in-house solution that was more flexible, scalable, and cost-effective without compromising user experience.
Solution
I led the design and co-developed a React + TypeScript component package built on the IBM Carbon Design System. Designed in Figma and developed as an npm library, the solution replaced Megaphone entirely, giving teams full control over data, visual consistency, and interaction design. The new package allowed IBM to create event experiences faster, customize freely, and eliminate vendor costs all within a reusable, scalable internal framework.
The system is built to streamline event interactions end-to-end. The Events App runs SKO and other internal events, while the Interaction Package provides reusable React components for all interactive elements. Sitting between them, the UltraPhone Interaction Manager acts as a bridge, managing data and coordinating interactions across the two apps. This architecture allows teams to quickly deploy consistent, dynamic experiences, track engagement in real time, and customize interactions without touching the underlying code.
