See Stories Website
Re-designing the nonprofit's website to amplify its mission of aiding teachers' professional development and teaching storytelling to Alaskan youth.
User Research, Information Architecture, Usability Testing, UX/UI Design, & Visual Design.
Original See Stories branding and website
ABOUT SEE STORIES
A nonprofit focused on creating an inclusive community that shares Alaska's diverse stories and lived experiences through storytelling.
Providing film and podcasting workshops for youth and professional development courses for teachers.
See Stories's current website is getting in the way of its growth, as it hasn't caught up with all the new services, partnerships, and impact they've had. When teachers, funders, and students come to the website, they don't get the complete picture of who See Stories is.
Even though the organization is growing, its team remains small, so the website becomes essential in reaching more teachers and students as well as broadcasting Alaska's diverse stories to a larger audience.
SEE STORIES STORY
The re-design highlights its mission right away, so users understand what SeeStories does without scrolling down.
Added an impact section and brought testimonials to the homepage to highlight their effect on the community.
Created "The Latest" and "Welcome to Our Community" sections to feature their new services, recent work, and student videos.
I used gradients and wave-like elements to guide the user and reduce cognitive strain.
Educators' page: Listed all the services available
to them, as well as, upcoming workshops
Youth Workshops' page: Added information on past
workshops, as well as the type of workshops they teach
Content Library: Created a compendium of their past work, and re-designed their interactive map by region
Pages: Educators + Youth Workshops + Content Library
behind the scenes
We conducted a remote usability test with 13 participants. While we learned users understood what See Stories is all about just by glancing at the homepage. We fell short at maintaining our web site's elements consistent. This was particularly confusing for participants using the interactive map. We didn't have clear labeling, navigation buttons, and states. Participants were unable to navigate the map.
We added navigation labels, button states, and text callouts to ground users. After re-testing the map interaction, See Stories current map was graded by participants with a 2.6. Our re-designed was graded at 8.4!
See Stories Current Story Map
Our First Iteration Story Map
Final Story Map
Teacher Persona developed from research findings
User Flow: Teachers
Card Sort Resultss