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

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

Project Challenges

Integration Obstacle

At the time of initial redesign, integration of existing database framework with a WordPress environment was not possible. Modest visual design updates were made to existing site so as not to disrupt current database features until a volunteer IT professional could be aquired.

Mobile Obstacle

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

Assets Provided

All UX research findings and visual assets provided to NDLB Rescue organization to assist with future web development.

No Dog Left Behind TEST site: ndlb.catsaway.net