A tablet mockup of the zoo's homepage featuring a white tiger and a mobile mockup of the Plan a Visit page with a lemur, ticket prices, and a button saying "buy tickets."
Responsive redesign of the Austin Zoo's website with added features

Austin Zoo

  • đź‘©My role: UX Researcher and Designer
  • ‍💼Project: B2C, nonprofit, responsive website
  • 🗓️Timeline: February/March 2025

Overview

The Austin Zoo is a rescue zoo supported by donations to take in animals from many backgrounds. The offer family-friendly events, animal rescue initiatives, and educational programs. They boast over 300 animals of more than 100 species.

Objective

Redesign the website with a responsive foundation, streamline usability, and introduce targeted features that directly address user pain points.

Research Strategy

  • Conducting a website audit that doubled as user interviews
  • Performing competitive analysis
  • Organizing a card sort
  • Analyzing all the data

Pain Points and Solutions

Redesigned site map with only 5 menu options rather than the 9 on the original site

Pain Points

Users face significant frustrations when navigating the current site. First and foremost, the inability to purchase tickets online prevents users from completing a primary goal, leading to immediate drop-offs. Planning events, such as zoo parties, is also burdensome—users must call or email for basic information, creating unnecessary friction. The site’s confusing structure and outdated visual design further undermine trust and ease of use. Weak typographic hierarchy makes essential content hard to scan, and low contrast text raises accessibility concerns.

Solutions

To address these pain points, I incorporated the following features:

Designed a streamlined user flow for ticket purchasing.
Defined a step-by-step purchase path that eliminates dead-ends and reduces friction, enabling users to securely complete transactions in just a few taps.

Developed a dedicated user flow for party/venue requests.
Created a guided inquiry process with clear form fields (event date, group size, contact info), reducing reliance on email/call outreach and empowering users to self-serve.

Restructured the information architecture for intuitive navigation.
Reorganized content into logically grouped sections, re-labeled menu items, and simplified hierarchy—aligning navigation with user expectations and decreasing time-to-task completion.

Enhanced brand color palette for accessibility-forward design.
Adjusted color shades to improve contrast while retaining brand essence, boosting readability for all users (especially those with low vision) without disrupting visual identity.

Refined typography system to reduce cognitive load.
Introduced a clearer typographic hierarchy—consistent font sizes, weights, and spacing—to improve scannability and help users differentiate key information quickly.

Buy Tickets
User Flow

Request Venue User Flow

Two user flow charts, one for buying tickets and the other for requesting a venue for an event.

Final Product

mobile home screen high-fidelity mockup with hamburger extended to show contrast correction measures with phone outlinemobile high-fidelity buy tickets screen with new total calculator and phone outlinemobile request venue form screen with phone outlinemobile plan a visit screen with tickets and pricing and phone outlinemobile plan an event screen with plan a child's birthday and phone outline
tablet plan a visit screen with tablet outlinetablet buy tickets screen with subtotal calculator and tablet outlinetablet request venue form screen with tablet outline

Want to read the long version?

Click to see the whole process.