top of page

04.
Prototype

03.
Design
05.
Validate
 

Once my interaction design wire frames were complete, I prototyped and annotated in Figma, iteratively refining and validating the design to meet  the goals of both users and stakeholders.

Medium Fidelity Prototype

  • Figma

  • Interaction Design Wire frame for reference
     

Using my Interaction Design wire frames I set about creating a medium fidelity grey scale prototype in Figma. At this point functionality and usability are priority, all colour and style decisions will come later after the prototype has been validated.

See more

Annotations

  • Figma

  • Medium Fidelity Prototype
     

Using Figma I duplicate the medium fidelity prototype onto a separate page and add annotations to detail the functionality and behaviour of how the product works.

See more
bottom of page