Sitemap

We created the sitemap to comprehensively visualize the application. The process of grouping and documenting all of the pages helped us consolidate our understanding of how the app would be used. Features, indicated by purple, are the interactive features on a page that we created based on teh needs of our personas. The basic content of each page is shown in yellow. We used the sitemap as our base for our wireframes and it helped us comprehensively prototype.

With all of Knit's elements mapped out, we moved on to create an interactable prototype to test the features of the app and how our current designs would hold up with users.