CEEDAR Washington

Washington CEEDAR is a website that provides Knowledge Mobilization support for Evidence-based practices, high leverage practices, and professional development to expand inclusive practices in the State of Washington.

Timeline
Jan 2021 – Mar 2023

Project Type
WordPress Website

Role
UI/UX Designer, Project Manager, Instructional Designer

Tools
WordPress, Adobe Creative Suite, Learning Managment System

The Context

Washington CEEDAR is a website that provides Knowledge Mobilization support for Evidence-based practices, high leverage practices, and professional development to expand inclusive practices in the State of Washington.

The project focused on three key goals. First, organizing and curating resources aimed to create a user-friendly database for easy access. Second, fostering collaboration with educational partners aimed to establish a comprehensive resource network. Lastly, the development of a knowledge mobilization support platform was geared toward providing valuable support to teachers. These objectives collectively aimed to enhance the overall effectiveness and accessibility of the Washington CEEDAR website.

I had the privilege of collaborating with a diverse array of professionals from universities, non-profits, and government agencies. This section offers a glimpse into our collective efforts through a curated collection of project development photos. These images capture key moments from our collaborative meetings and presentations, showcasing the shared dedication and synergy that propelled the Washington CEEDAR website project forward. From lively discussions to impactful presentations, these photos reflect the spirit of teamwork that contributed to the success of this initiative.

The problem

At the start of the project, we confronted three pivotal challenges. First, a disarray of resources on inclusive practices posed a significant hurdle, requiring a systematic approach to organization.

Second, the absence of a digital presence for the CEEDAR WA technical support team highlighted the need for an online platform to enhance accessibility and support. Addressing these challenges became foundational to our mission, steering the direction of the subsequent redesign efforts for the Washington CEEDAR website.

Design Process

We approached the design process for the Washington CEEDAR website with a user-first mindset. From concept to execution, our goal was a simple, intuitive, and visually appealing platform. Collaborating closely with partners and drawing inspiration, we crafted a design that addresses challenges and creates a supportive online space for Washington State teachers.  

Planning

Highlighted here are four images capturing the essence of our brainstorming sessions during the CEEDAR project’s planning phase. In these meetings, a diverse team collaborated on innovative ideas, setting a solid foundation for the website’s development. Their collective creativity and effort were instrumental in guiding the project toward meeting its goals with inclusivity and innovation.

Landscape Anaylsis

In conducting the landscape analysis, I explored prominent education platforms such as Edutopia, OSPI in Washington, and the Center for Exceptional Children. Drawing inspiration from their website databases, I identified effective strategies and ideas to enrich our own resource hub for teachers on the Washington CEEDAR website. This analysis played a pivotal role in shaping a robust and informed approach to our platform design.

Early Prototypes

This section showcases the initial prototypes that laid the foundation for the Washington CEEDAR project. Our early efforts featured a green color scheme and “Ed4All WA” branding, which was later transitioned to “CEEDAR WA” to align more closely with the educational community’s familiarity with the CEEDAR Center. These prototypes represent the collaborative beginnings and strategic adaptations that propelled the project forward.

 

Logo Redesign

As a crucial part of the project, I worked to rebrand the working group’s old logo. Originally operating under the title “Ed4all,” the CEEDAR WA leadership committee faced confusion among members from various sectors. To strengthen the affiliation with the CEEDAR Center and improve accessibility, I designed a new logo. This revamped logo not only aligns with the CEEDAR Center’s color scheme and symbology but also addresses the challenges of text-to-speech recognition for the tite Ed4all.

The new logo serves as a visual anchor, effectively conveying the group’s connection to the broader CEEDAR network.

Visual Design

To reinforce the affiliation between our state team and the national CEEDAR Center, we intentionally adopted the same color scheme used on the CEEDAR Center website. This strategic choice ensures a cohesive and recognizable visual identity, fostering a clear connection between our state team’s efforts and the broader initiatives of the national CEEDAR Center. The consistent color palette serves as a visual cue, strengthening the sense of collaboration and unity across the CEEDAR network.

Design Decision: Database Access & Curation

For the Washington CEEDAR project, a key design decision was to consolidate scattered educational resources into one centralized, easily accessible location. This initiative focused on creating a straightforward, navigable platform, categorizing resources to enhance discovery and use. The emphasis was on simplifying user interaction with the database, ensuring educators could effortlessly find and apply inclusive practices, thus making the website a beacon of accessibility and streamlined resource management.

Design Decision: Online Course Design

We designed online courses in partnership with university professors, focusing on a variety of educational topics. A significant design decision was the integration of a progress bar to enhance the learning experience. This feature, rooted in e-learning best practices, visually indicates the percentage of the course completed and outlines the content still to be tackled. It serves to motivate and inform students, providing clear feedback on their progress and what remains, thereby fostering engagement and a seamless learning journey.

 

Final Designs

In revamping the Washington CEEDAR website, our mission was to create an impactful and visually appealing platform for educators. Inspired by successful models like Edutopia, OSPI in Washington, and the Center for Exceptional Children, our design journey focused on simplicity, intuitiveness, and inclusivity. Adhering to the color scheme of the national CEEDAR Center, our final designs ensure a cohesive visual identity, reinforcing the connection between our state team and the broader CEEDAR network.

The user-friendly database, collaborative network with educational partners, and dynamic support for teachers characterize the essence of our redesign. Recognized as an exemplary model within the CEEDAR National Network, the website has experienced significant growth, with over 200 additional resources added. These achievements underscore our commitment to providing valuable resources, fostering collaboration, and serving as a dynamic knowledge mobilization hub for inclusive practices in Washington State.

 

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Kamiak Butte VR

App to Support Virtual Placed-Based Learning of a rural area County park in Eastern Washington. 

Overview

I started the Kamiak Butte VR project in response to the COVID-19 pandemic and the shift to distance learning for an undergraduate Ecology course at Washington State University.
 
Using virtual reality, computers, and mobile devices this project enables students to engage in a 360° virtual exploration and learning experience of Kamiak Butte County Park. The project was used to replace the physical field trip and is now used as supplemental support for the course. 

Timeline

August 2020 – Spring 2023 

Deliverables

VR Application, WebGL App

Contributions

Product Designer, Researcher, 360 Photogragher 

VR User Interface Design to Promote Field Studies

My master’s thesis focused on the use of the Kamiak Butte VR alongside the physical field trip in the Natural Resource Ecology course.

Design Process Grounded in User Research & Learning Theories

The design process began with extensive user research, encompassing surveys, interviews, and usability testing. This approach allowed me to gain deep insights into the needs, preferences, and behaviors of the target audience. By understanding the expectations and pain points of users, I could tailor the virtual exploration of Kamiak Butte County Park to meet their specific requirements.

Prototypes & Iterative Design

Over a span of four years, I implemented several iterative designs for students in the Natural Resource Ecology course. The images below visually depict the evolution of my design iterations for this project. These pictures truly illustrate my growth as an interaction designer over the years.

2020 Design

2021 Design

2022 Design

2023 Design

User Feedback Designs

I collected feedback from over 150+ students through surveys and interviews. This information was employed iteratively in the design process of the project.

Information Architecture & Level Design

Originally, I implemented a user interface with six buttons, each starting a different tour. However, user feedback revealed navigation challenges, particularly difficulty in finding scenes within a tour. To address this, I redesigned the UI, incorporating multiple tabs to simplify scene selection within each tour.

  • “My biggest problem was trying to find a section of one scene across the entire site”

Label Improvments

Maybe students expressed that better labels on the real world UI componets would improve their  navigation in the experience in the tour, therefore I added labels under hotspot icons to improve the users experience.  

  • “Everything is amazing, only thing I would add it video/picture titles before you click on the video.”

3D Map Interactions

Initially, the 3D visitor center featured a non-interactive topographic map for aesthetics. Responding to student feedback, I added interactive features to the 3D map, allowing users to explore data overlays and location markers.

  • “I think a way to improve the hybrid field trip experience is the lobby that you first access. It would be cool if you could move and see the topography of Kamiak Butte from that little display up close.”

Seasonal Change

The Seasonal Change componet of the project was orgnially my idea and alot of students expressed their apperication for this aspect of the tour. Therefore, I worked to create improve the UI to change seasons. 

  • “The favorite part of the virtual field trip was being able to see seasonal changes without having to wait for it to happen in real life.”

A New way to Discorver & Learn about the Natural World

Kamiak Butte VR is a one of a kind project which promotes place-based learning in a rural area in Washington State.

Collaberation & Technology

I’m grateful for 50+ Washington State University students and faculty who volunteered to work on the Kamiak Butte VR project. We secured two grants totaling $45,000 to support the development of the project.

Results

Kamiak Butte VR has been successfully integrated into the curriculum of the Natural Resource Ecology course for six consecutive semesters spanning a three-year period. With over 500 students actively engaging with the software as a vital component of their classroom activities, it remains an integral part of the course, complementing the traditional physical field trip to Kamiak Butte.

  • This hybrid combination completely blew my mind! During the break I spent hours showing my family this virtual site. Everyone was excited to see the animals, the snow on the months with the panoramic views.
  • The effort and time put into this website are astonishing, it is extremely organized and aesthetically pleasing to the eye. 

Seattle Pops

Web Design

Overview

Seattle Pops, a beloved popsicle store located in Seattle, Washington, played a significant role in my undergraduate journey. Taking on the roles of WordPress Developer, UI/UX Designer, and Information Architect, I spearheaded a transformative redesign of their website during the Fall of 2019 as part of the Multimedia Authoring course at Washington State University.

Timeline

September 2019 – December 2019

Deliverables

Website UI, Online Store, New Menu, 

Contributions

Website Design, Protyopes

Screenshots

The project’s foundation lay in the creation of detailed prototypes and wireframes. 

Style Sheet

Seattle Pops logo colors contain fun bright colors. It was really cool to integrate thier colors throughout the website to make elements pop!  Careful consideration was given to typography, color schemes, and imagery to evoke a sense of the Seattle Pops experience. The result was a visually captivating platform that resonated with the brand’s identity and captivated users.

Typograghy

ABC Diatype

Mint

Mint

Mint

Protoypes

The project’s foundation lay in the creation of detailed prototypes and wireframes. These served as the blueprint for the website’s structure and functionality.

Information Architecture

Restructing the information on the seattle pops website was critical in 

A pivotal aspect of the redesign was the strategic restructuring of the website’s information architecture. This involved reimagining the menu structure, streamlining content categorization, and optimizing the flow of information. The goal was to create an intuitive and seamless browsing experience for visitors.

Old

Flavors

Locations

Catering

Our Story

Contact Us

Online Shop

New

Home 

Menu 

Locations 

Order Online 

Catering

Giving Back 

 

Old with the New

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Old Website

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

New Website

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Development Pictures

Throughout the project, collaboration was at the forefront of our approach. Engaging with the Seattle Pops team, we captured moments that exemplified the synergy and dedication poured into the redesign. These candid snapshots serve as a testament to the collaborative spirit that fueled the project’s success.

Results & Reflection

The culmination of our efforts was met with resounding approval from the owner of Seattle Pops, who seamlessly integrated the redesigned website into their hosting service. This not only elevated the online presence of Seattle Pops but also garnered recognition from the Digital Technology and Culture program at WSU.

“which recognizes students who explores the principles of web design, coding, information architecture, and usability in a global cultural context”

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.