W.O.L.F. Sanctuary Design Audit
The scope of this project was to work as a team with four other Digital Design students at the University of Colorado Denver to communicate with the W.O.L.F. Sanctuary to understand what they wanted to achieve through their redesign, as well as the goals and final deliverables we would be creating. After communicating remotely through zoom calls, the design team and W.O.L.F.’s representatives came up with six final deliverables: a complete audit of their current website, a logo redesign, print collateral (stickers and posters), Tik Tok and other social media shorts, a PSA video announcing W.O.L.F.’s new Red Feather Lake location, as well as a high fidelity mockup of a webpage to announce their new location. These deliverables should work to expand W.O.L.F’s target audience and draw the attention of a younger demographic.
Meet the Team
Matt Funston: UX/UI, Digital Design, Video Editing
Austin Knewbow: UX/UI, Video Editing, Logo Design
Pam Laman: Video Editing, Logo Design
Kiana Pena: Digital Design, Logo Design, UX/UI
Maddie Rumbach: Digital Design, Print, Branding
Our Roles
During the course of this project, Austin and I were tasked with leading our team through the website audit, as well as designing the wireframes and mockups for the web page announcing W.O.L.F.’s new Red Feather Lake sanctuary location. We also took the lead in editing the social media short videos. Pam took the lead role in creating the PSA video, and the whole team had input on the final logo redesign iterations. Kiana led the communications with W.O.L.F.’s representatives and contributed throughout the design process. Maddie also worked with the team through the processes and took the lead on creating the print deliverables.
Research:
Upon understanding the deliverables, as a team, we needed to obtain more information about the sanctuary’s target audience, as well as research competitive Colorado non-profit sanctuaries. Before our redesign, W.O.L.F.’s target audience was dominated by wealthy people above the age of 55. With the redesign, W.O.L.F. and the design team planned to expand W.O.L.F.’s target audience to include a younger demographic.
Website Audit
Upon examining W.O.L.F. Sanctuary’s website before the redesign, we found many problems including broken links, design inconsistencies, pixelated images, ADA compliance issues with colors, and even responsive design issues transitioning between mobile and desktop..
ADA Compliance
This screenshot of W.O.L.F.’s website from a computer shows a yellow donate button, with white text. This is a problem because the white on yellow is extremely hard to read, and is not compliant with ADA regulations. As a team, we found multiple instances of this problem with colors throughout W.O.L.F.’s website.
Responsive Design
On the right shows a screenshot of W.O.L.F.’s website from a mobile device. We notice the design layout does not respond well to the mobile screen size. The information becomes small and hard to read, and the images are not as large as most users would like. This is one example of the many times W.O.L.F.’s website did not render well to screen sizes different than a computer.
New Location Web Page Wireframes
In order to launch the PSA Video, W.O.L.F. needed a new page on their website to showcase the video and provide information about the move to the new red feather lake location. We came up with a few low fidelity ideas, and after a bit of usability testing decided to move forward with the design.
High Fidelity Mockup
We then took our ideas and produced a high fidelity version that would match the design of their website. This page was not redesigned because it was to be launched much sooner than W.O.L.F.’s redesign would be completed. We chose to include the progress bar to measure how far W.O.L.F. is from reaching their goal of three million dollars in donations. Once they hit the three million dollar mark, they will have enough money to complete the move to their Red Feather Lake Location, so the progress bar provides users with more information about the scale of their donation’s impact.
Social Media Shorts
Created using footage provided by the W.O.L.F Sanctuary edited with Adobe Premiere Pro and After Effects. Austin and I decided to use Tik Tok audios that were trending at the time of this project to bring hopes of grabbing the attention of the internet. Kiana then uploaded them to Tik Tok so we could experience them exactly how viewers would.