The development of our lo-fi prototype followed the hierarchy of our information architecture. The lo-fi prototype shows three pathways critical to our design solution: finding matches, sending play requests, and establishing communication.
We used the first version of our lo-fi prototype (v.1) to identify early problems with the design and navigation of our website. We later explicitly annotated each wireframe, highlighting key components and describing the rationale behind our design choices. This further prepared us for a simple evaluation and redesign of the lo-fi prototype (v.2).
Lo-fi prototype v.1 created in Figma
Lo-fi prototype v.2 created in Figma