One of the most critical challenges in this project was accurately translating the client’s complex, paper-based forms into a digital prototype that they could immediately recognize and feel confident using. Since the forms involved multiple sections, conditional logic, and dynamic data fields, it was essential to recreate the real-world structure as faithfully as possible within the digital environment.

To achieve this, I carefully analyzed each form in its paper version, identifying all sections, input types, dependencies, and variations in user states. I then translated this structure into Figma, using deeply nested components and reusable elements to represent each form element (such as inputs, dropdowns, checkboxes) and their various states (e.g. disabled, active, error).

This component-based approach not only mirrored the real-world complexity but also made it easier for the client to understand how their existing workflows would translate into the new digital system. By aligning the prototype closely with their familiar processes, we ensured a smooth transition from paper-based to digital measurement, reducing user training time and fostering confidence in the new system.