Later in the process, we used web development tools to turn our static designs into an interactive prototype of the app. When designing a digital experience through static images, it can be difficult to define animations and navigation patterns unambiguously. The prototype gave NPS firsthand experience with the intended digital experience. We also conducted usability testing with the prototype, which provided valuable feedback before entering the app development stage.
After building a prototype, we were able to reuse its stylesheet as the basis for a style guide directed at future designers and developers working with the app. The style guide documented branding and component styling and provided guidelines for layout.