I reviewed numerous well control diagrams and components to understand which elements were essential and how they should be represented and connected. I collaborated closely with subject matter experts to validate the components and their visual depiction.

I researched different P&ID styles and tool functionalities to understand levels of detail, labeling practices, and established visual conventions. From this, I defined the style direction and outlined the tool’s key requirements: a drag-and-drop component library, smart connections, customizable labeling, and built-in compliance checks.

I designed a library of well control specific components and standard components required for P&ID schematics with consistent styling across the elements. I ensured each element was visually clear, and aligned with industry standards through collaboration with subject matter experts.

The editor was designed around simple drag-and-drop placement with smart connections that automatically linked components. It emphasized the core functionalities engineers needed, avoiding unnecessary styling options since the focus was on modeling and validating equipment structures and their functional relationships. Features such as grid snapping, automated connections, and enforced valid connections with error messages that pointed users to issues made it easier to build accurate diagrams quickly.

Users could rotate components, add pressure limits, and apply labels. Labels featured simple styling options for adjusting the size and position to ensure they remained legible within the diagram. Clear labeling was essential so viewers could easily identify which label corresponded to each component. In addition to labels, users could access an annotation mode and place annotations anywhere on the diagram to provide further context.

I built a UI design system in Figma with components, interaction states, and annotations. Screens also included annotations explaining functionality, providing developers guidance for implementation.

The product went through user acceptance testing with 40 participants who rebuilt an existing schematic using the tool. They provided feedback on the editor during the task, which I applied to refine the final designs above.