No Dog Left Behind Rescue

UX Case Study

WEB SITE REDESIGN | Research Methods, Findings, Recommendations, Visual Design

Challenge

  • Propose web site redesign initiative.
  • Existing web environment not responsive for mobile devices.
  • Keep development costs down.
  • Design/development in existing proprietary CMS extremely limiting.

Solution

  • Research data validation.
  • Address top priorties: ease available dog search function, promote volunteerism, fundraising awareness/call to action.
  • Update UI to reflect approved direction based on data and feedback from testing.

Role

  • Interview
  • Research
  • Information Architecture
  • Visual Design
  • Presentation/Validation
  • Iteration

Research

Information Architecture

Sketches

Wireframes/Prototypes

Visual Design

Research

  • Stakeholder interview
  • Usability testing
  • Requirements capture
  • Competitive analysis
  • Personas
  • Summary reports

Information Architecture

  • User flow diagrams
  • In-person and online card sorting
  • Sitemap
  • Navigation

Sketches, wireframes, prototypes

  • Quick ideation
  • User flow
  • Presentation
  • Axure & Adobe XD wireframes and prototypes

Visual Design

  • Inventory Audit
  • Layout
  • Color Palate
  • Style Guide
  • Branding
  • Documentation
  • Evaluation

%

Research

%

Information Architecture

%

Visual Design

Amazing Result

Site rebuild in progress…

Mobile Refresh

The challenge of not being able to fully depart from the existing CMS of proprietary vendor web server has kept the new responsive WordPress site from going live. Modest visual design updates were made to existing site so as not to disrupt current database features.

Rebuilt From the Inside Out

Web server vendor does not currently support responsive behavior. Unable to maximize viewing of “Available Dogs” on all devices.

Site comparison

No Dog Left Behind LIVE site: ndlbrescue.org
No Dog Left Behind TEST site: ndlb.catsaway.net