The goal

We focused on overhauling the pet search flow, as well as the site architecture, navigational structure, and core site templates. Our vision of the future state explored using a new API to fuel the pet search functionality. To do so, our technical team investigated the feasibility of using various APIs in order to support our vision of the search functionality.

Search functionality

The vision for the ACC was to depart from tradition and enable search by animal personality. In this revamped search experience, users won’t see a list of breeds—instead, they would discover other relevant information that would allow them to find the most compatible pet for them.


ACCTripletLt

ACCTripletMid

ACCTripletRt

ACCTripletLt

ACCTripletMid

ACCTripletRt

Sitemap

A card sort test helped shape the information architecture for the redesign of nycacc.org. Focus group participants were confused by the array of topics and the relevancy between them that was presently on nycacc.org. A new taxonomy of topics was created and is outlined in the sitemap. The complete report is available for download.

ACC_Sitemap
The reduction and reorganization of the primary navigation, as well as article content, resulted in the development of navigation buckets. The new navigation categories are simpler and offer user-friendly terms.

NAVIGATION

Desktop

  • Navigation is clearly labeled and avoids vague terminology.
  • Supports the top taks and features.
  • Suggests the entirety of the site’s content
  • Each category will have a Mega Menu that allows users quick navigation to content subcategories.

Desktop_Navigation

Desktop_Navigation

Mobile

The hamburger icon is used
because of it’s universality and
recognizability. The menu slides
open from the header. Cancel
reverts back to navigation. On
tap, each category is expandable
and collapsable.

ACCNavigationMobile

Download the complete annotation deck.

Not all of our proposals could be implemented due to orginizational and technical limitations. This interfered with the developement of some of our most aspirational functionality and redesigns. Nonetheless, ACC’s new website exponentially increased their adoption rate. Within the first week of launching, all of the at-risk animals were adopted ! See all the furry animals at www.nycacc.org.

ACCInterfaceImage

That’s it!

Check out some of my other projects.


citi-bank-c

citi-bank-c