Chesapeake Bay Field Guide Redesign
Brief Overview: The Chesapeake Bay Program Field Guide provides insight into the critters and their habitats surrounding the Chesapeake Bay region. The field guide serves individuals, including nature enthusiasts, conservationists, advocates, educators, and potential visitors passing through the region.
Deliverables: Website and mobile redesign prototypes
My Role: Interface design, prototyping
Challenges: Currently, the Chesapeake Field Guide lives on the Chesapeake Bay Program’s website but does not provide users with the functionality to easily navigate the field guide. There is an inefficient organization of information across the field guide that can make it difficult for audiences to navigate.
A lot of info
Current Web Filter System
Updated filter
Redesign Web Filter System
Cluttered info
Current Web Critter Article Layout
Reorganization
of info
Redesign Web Critter Article Layout
Use of card system
Current Habitat Web Page
Updated cards
Redesign Web Habitat Page
Current Mobile Search & Filters
Solutions: Create a Chesapeake Bay Field Guide microsite in web and mobile versions, reimagining the structure and providing easy-to-follow navigation. Improve the sorting and filtering systems of critters and habitats. A UI design with a refined navigation bar to improve efficiency.
New organization
Redesigned Mobile Search & FIlters
New dropdowns
Mobile Habitat Layout
Current Layout
Redesigned Layout
Mobile Habitat Layout
Current Layout
Redesigned Layout