Interface Design for Flow Builder (SaaS)

Designed in collaboration with a leading Indian SaaS provider, this tool lets industrial users create digital representations of large industrial process flows, using smaller configurable processes as building blocks.

As the team's UI/UX designer, I performed content mapping, wireframing, visual design, icon design, and preparation of interactive mockups/prototypes. In doing so, I helped take the project from a conceptual stage to finished designs, for handover into development.

I worked directly with the Project Manager, who ensured that the design process meets all objectives.

The project went through the following stages:

• Discussion of Requirements, and Technical Research: I spent considerable time discussing and establishing design objectives with the Project Manager, and researching the capabilities and limitations of the product.
• Content Mapping: I created an exhaustive list of the functionalities, then organized and structured the same using semi-visual content maps.
• Wireframing: I created wireframes to map all functionalities on the screen, giving visual structure to the tool. I also created interactive low-fidelity micro-prototypes, to refine individual features in isolation.
• Documenting Error Scenarios: I spent some time documenting possible error scenarios. I then tweaked the designs to minimise errors altogether, wherever possible; and where errors were unavoidable, I designed appropriate ways to present and resolve them.
• ‍Visual Design / High Fidelity Mockups: I developed the wireframes into high fidelity mockups with refined layouts and well-crafted components and controls. Typography and colour schemes were also developed and standardized.
• ‍Icon Design: I crafted a variety of icons for the interface controls.
• ‍Interactive Prototypes: Finally, I put together an end-to-end interactive prototype showcasing a user’s entire journey through the tool.
• ‍Asset Export and Handover: After incorporating the team’s feedback, I exported all assets and shared them with the development team.