Product Configuration Tool

Product Managers collaborated and set up offer configurations by emailing Excel sheets back and forth. This often delayed product launches because of miscommunicated validations, typos, and outright missed emails.

I built this tool from prototype to production. I led requirements gathering meetings, created low and high-fidelity mockups with Sketch, designed the API request and responses, and built the tool in Angular.

Requirements Gathering

I started by meeting with the IT Analyst leading the project. He told me about the problem Product Managers faced, and I drafted interfaces on paper to visualize the jobs to be done.

These sketches were later used in meetings, which helped reduce the requirements-gathering timeline.

Hand-drawn sketch of a software license tool dashboard with labeled sections including a search bar, navigation sidebar with options like 'search,' 'dashboard,' 'reports,' 'management,' and project detail areas. Green and pink handwritten notes annotate the layout, indicating features such as inline search, multi-pad buttons, project grouping, and attribute filters.

Prototyping

Before development, I used Sketch to create high-fidelity mockups demonstrating the end-to-end user journey of the two personas.

I iterated on my mockups by gathering feedback from future PM and BUPM users.

Flowchart of a software or app interface with multiple screens and connections, including dashboard views, form entries, and data tables.
Screenshot of a computer screen showing multiple pages of a software or web application interface, with tabs, menus, tables, and forms.
Screenshot of a computer screen showing a software application titled 'Offer Workbench' with sections to manage BOM type definitions for software/license PIDs, including tables, search bars, and options to add new PIDs.

Development

I also used my high-fidelity mockups to anticipate the necessary APIs. This step greatly reduced the back-and-forth meetings and messages across large timezone gaps, keeping the project on track for release.

In total, I developed 6 major features:

  1. Search filters across many subcomponents

  2. User role authentication

  3. Modal dialogs for View, Edit, and Multi-select actions

  4. Customizable table views

  5. Reactive form with validation

  6. Accordion component (later reused across the platform)