Using the feedback received from the prototype evaluations, we made improvements to our design and composed the wireframes using Figma. Some of the confusion arose from lack of context so we designed a system of wireframes with enough complexity to guide users through the sign in flow, collaboration flow, and distribution flow. Furthermore, since the overall design of the prototype appealed to the user, we used that as our foundation when building the app. Many users liked how the news feed/profile page presented unique features/content in a familiar manner. The same could be said about the audio editor page, which resembled applications on the market. We took these ideas and developed them further in our wireframes. These wireframes are meant to be lo fidelity so we limited our color scheme to shades of grey. Finally, each frame was annotated to highlight the key components and explain the rationale behind each design decision. Below is are a few examples of some of our wireframes. See below to view all.