Summary
This wireframe is a redesign of Appalachian Wildlife Refuge’s (AWR) website. AWR is a non-profit organization devoted to rescuing, rehabilitating and releasing wildlife in Western North Carolina. Their current website suffers from poor design that makes navigation difficult, text illegible, and displays confusing and irrelevant content. It's branding is also ineffective (3 different logos are used throughout the website and font, color, and format are wildly inconsistent) and needed to be revamped.
My redesign aimed to address the issues listed above, and my final product is a design and layout that is intuitive, consistent, visually appealing, and shows the user relevant content.
My Process
The first step in my process was creating a user persona that embodies the typical user that would visit Appalachian Wildlife Refuge’s website. This user is an animal lover that enjoys spending time in nature and likes to get involved in their community.
The user persona was then used to create a low fidelity wireframe focused on the establishing order of content and designing a basic plan for where to place titles, text and images. This wireframe was black and white and focused on making the design simple and usable.
From here the wireframe came to life: color was added, images and text were imported, fonts were chosen and details were tended to. This is the stage showcased here and is the mock-up of how the website would look in real life.
Web
Mobile
Original Website
