ABOUT

During a 2 week agile sprint our team of 4 were challenged to evolve the site to solve usability issues around the way users navigate around their website. The scope of this project was to make the site more appealing to partners, receive more donations & inspire educators and students to enter the awards.​
Problem
The team at creative conscience highlighted some key areas on their website that they identified as having usability issues around the way users navigate the ‘Winners Page’, They currently have a filtering system for the awards. They want to make the site more appealing to educators/students and partners. We need to inspire and engage educators and students to get more entries and In order to get more partners and donors they want us to focus on the impact projects (these are projects that have now gone live). We need to build on their current social media links so they can spread more awareness and we also need to reconsider their current submission form. Data from google analytics show that the website has a bounce rate of 50-60 this year on 2 pages, their 'Home Page' and 'Briefs Page'.
Hypothesis
Create a site which clearly communicates who we are, what we do and the belief that students can use their skills to truly impact society, Re-design the filtering options for awards on the ‘Winners Page’, Re-design pages on the site
Provide the correct information to students/educators & partners/donors, Incorporate more social media to spread awareness, Reduce the bounce rate on the ‘Home Page’ & ‘Briefs Page’,

RESEARCH & ANALYSIS
We started our research by conducting a competitive analysis on other design awards. This helped us gain an understanding of what features and content they have on their site in addition to how they have their information structured. This allowed us to identify areas where we would need to make improvements.

DESIGNED
We wanted to start sketching out some screens, so we conducted a design studio with some of the staff at creative conscience. This allowed us to brainstorm our thoughts behind some of the screens and some of our findings we got from our research, we were able to bounce some ideas off one another so we would have a clearer understanding of how we wanted information laid out and how we can make this accessible to our users.

ANNOTATED WIREFRAMES
We went onto conduct some user testing, with each iteration we further tested and gained more insight into the user’s preference and understanding of the site navigation. We printed out all of the screens we created in low fidelity and annotated our findings from our user testing next to the areas our users highlighted. This allowed us to decide as a team what changes we would need to make.

ITERATED
One key change we made was that users were confused during the application process, they didn't know what was expected from them for submission, So to clarify this uncertainty we added a “Before You Start Page’ which users are taken to automatically before entering the application process. This page highlights 4 key points which gives students a clear understanding of what is required from them. They are asked to check the briefs, read tips & ideas, informs them of the different formats they can submit their projects and some T&C's to help clarify any questions they may have.