StudyStream

Previous State

I started off the project by mapping out the current information architecture of the website and worked with the team to change the layout of information in a way that is more intuitive and user-friendly. In purple are the pages of the website, and below them the sections of the corresponding pages outlined. This was done in order to ensure that once the user visits the site, they can find the information they need quickly and in an easy to understand manner.

New State

After the analysis of the current website state, it became apparent that the website would benefit from a restructuring. Outlined in purple are the sections that we moved, and in pink are the sections we added to further create an intuitive and easy to navigate website. For example, we noticed from our research that users were having difficulty understanding how the website works, so we added a separate page for new students with daily onboarding sessions, so that they can easily find out more information about how to use the platform.

After identifying the updated content structure for the website, I began wireframing how this content could be put into sections. The focus for this exercise was to showcase the content in a way that met both business goals (getting users to join focus rooms) and user goals (gaining an understanding of how the platform works). Once the layout was identified in a way that prioritized important content and created a user friendly experience, I dove in to high fidelity designs to focus on the visuals. The final designs can be found under the redesign section.

Here are the final designs for the webpages, after applying the visual identity.