Untermyer Gardens
Responsive Web Redesign

Role

Lead Interaction Designer & Researcher

Timeline

3-week design sprint

Team

Elvis Towers · Sara Semmoune

Tools

Figma · Adobe Creative Cloud

Background

The Untermyer Gardens Conservancy is a 43-acre public garden located in Yonkers, New York, dedicated to the restoration and preservation of these historic gardens.

The Problem

Our team identified several usability issues with the Untermyer Gardens website that made it difficult for visitors to navigate and find essential information — particularly around visiting hours, directions, and event listings.

Our Solution

We focused on making information more accessible and engaging through a simplified content structure, improving the overall user experience for first-time visitors to the website.

Accessibility Testing

We began with a comprehensive heuristic evaluation of the website to assess its compliance with web accessibility standards. Our evaluation revealed several issues:

  • Poor contrast ratios affecting readability
  • Missing alt text making images inaccessible to screen readers
  • Inconsistent navigation patterns across pages

User Interviews

We conducted five in-depth user interviews, observing how participants interacted with the website naturally. Our research revealed that users found the header overwhelming and certain pages too cluttered with information. However, they consistently praised the quality and quantity of images throughout the site.

User Persona

We created Walter's persona to represent our typical user: someone who wants to find essential information about the gardens quickly and efficiently. This persona helped us maintain focus on solving real user needs throughout the design process.

Feature Prioritization

Through careful analysis, our team prioritized the restructuring of the navigation bar to enhance user experience and improve information findability. We also identified the need to increase font sizes across the site for better accessibility and readability.

Information Architecture & Card Sorting

Through card sorting exercises with users, we identified key areas for improving the site's navigation structure:

  • Consolidated redundant menu items to reduce cognitive load
  • Grouped related content into logical categories
  • Created clear hierarchies for primary and secondary navigation
  • Simplified the path to key information like visiting hours and directions

User Flow

We developed a comprehensive user flow to ensure our design decisions aligned with both user needs and stakeholder requirements. A key objective was simplifying the tour booking process and making essential visitor information more accessible.

Mid Fidelity Mockup

In our mid-fidelity designs, we focused on:

  • Maintaining the original site's aesthetic while improving usability
  • Creating clear visual hierarchies to guide users
  • Implementing a responsive design that works across devices
  • Showcasing the garden's beauty through optimized image placement

The new navigation bar features dropdown menus to help visitors easily parse options and find what they need. We also prominently featured high-quality images to give visitors a clear preview of the gardens.

Testing Plan

We conducted usability testing with 3 participants to evaluate the effectiveness of our redesigned navigation and overall site experience. Key tasks included finding visiting hours, locating the garden map, and accessing event information.

Testing Insights

Pain points:

  • Map location was still not immediately obvious to users
  • Font sizes needed further adjustment for better readability
  • Some navigation items weren't consistently clickable
  • Donation button needed more prominence

Positive feedback:

  • Users found the site visually appealing and easy to navigate
  • Location and hours information was easily accessible
  • New navigation structure felt more intuitive
  • Image gallery effectively showcased the gardens

Iteration Notes

Based on testing feedback, we enhanced the visibility of the garden map, increased font sizes across the site, fixed navigation consistency issues, redesigned the donation button for better visibility, and improved the events section interaction design.

High Fidelity Prototype

Key Takeaways

  • Information architecture has a significant impact on site usability and user satisfaction
  • Visual design should support, not overshadow, key user tasks
  • Consistent navigation patterns are crucial for user confidence
  • Regular user testing is essential for validating design decisions

Next steps: Present findings to stakeholders, conduct on-site research, expand the prototype with additional pages, continue user testing, and develop a content strategy for ongoing site maintenance.