The Scott Arboretum & Gardens

Replanting the Digital Landscape

SA-Homepage.png

I've been consistently impressed with the responsiveness of your team whenever an issue arises. I also appreciate the flexibility and willingness to adapt as my project scope expanded into the nitty-gritty details.

Becky Roberts, Associate Director

Visit: www.scottarboretum.org

Business Challenge

Rebranding Without Losing Value

The Scott Arboretum & Gardens is a vibrant 300+ acre campus showcasing over 4,000 ornamental plant species and dedicated to public horticulture education.

As an integral part of Swarthmore College, the Arboretum’s digital footprint was intrinsically linked to the college’s broader online ecosystem.

The primary catalyst for this website overhaul was a large rebranding effort initiated by Swarthmore College.

A Layered Project with Layered Challenges

The Arboretum’s website needed to integrate the college’s new brand guidelines, including updated visual elements, tone, and overarching digital philosophy.

Beyond the college’s rebranding, the Arboretum’s existing website presented several specific challenges:

  • Extensive and Diverse Content: The Arboretum has a massive amount of information—think detailed plant collections, garden descriptions, educational programs, events, research, and visitor info. We would need to keep all that content perfectly organized and build the new site from the ground up, making sure nothing was missed.
  • Maintaining Robust SEO: The old website did really well in search engine results for gardening topics and local searches. SEO performance would need to be maintained and ideally boosted after the move.
  • Standardizing Web Editing Tools: To make things more efficient across all of Swarthmore College’s digital properties, the website tools would need to be standardized and aligned with what was already being used across the other Arboretum conference websites. This would help simplify workflows and reduce technical issues.
  • Meeting High Accessibility Standards: Swarthmore College is deeply committed to digital inclusivity. Consequently, all its websites are mandated to adhere to stringent accessibility guidelines. The new Scott Arboretum website would need to achieve WCAG (Web Content Accessibility Guidelines) 2.1 Level AA conformance, ensuring it would be fully usable and accessible to the broadest possible audience, including individuals with disabilities.

Our Solution

Building a User-Friendly, Accessible Site

To tackle these many challenges and give The Scott Arboretum a fresh online presence, we took a careful, multi-pronged approach to the website redesign and content migration.

We knew it was essential to align with Swarthmore College’s new brand while preserving the Arboretum’s unique identity.

Here’s what we did:

Optimized Content Migration with Automation and Manual Curation

We used automation tools to efficiently move large amounts of existing content, especially for frequently updated sections like the blog and calendar.

This saved a lot of manual effort and ensured a smooth, accurate transfer of historical information.

For crucial and highly visited pages, like detailed garden descriptions and essential visitor info, we chose a meticulous manual migration.

This allowed us to implement the new design, integrate an improved content structure, and strategically use new “page blocks.” These were page components we set up to clearly present content in a consistent way and that could be used easily to piece together pages.

The redesign brought in Swarthmore College’s new brand guidelines, ensuring a consistent and modern look.

Achieved WCAG 2.1 Level AA Conformance

Accessibility was a core focus from the start. Our development process strictly follows WCAG 2.1 Level AA standards.

This meant building in accessible design patterns, using semantic HTML, ensuring keyboard navigation, proper color contrast, and solid error handling.

This made sure the website would work fully for individuals with diverse abilities and those using assistive technologies. This commitment not only met Swarthmore College’s high standards but also significantly broadened the Arboretum’s digital reach.

Impact

Flourishing Digital Platform & Enhanced Engagement

The successful relaunch of The Scott Arboretum website has brought significant positive impacts, strengthening its digital presence and aligning it with Swarthmore College’s updated brand.

The results of the updates include:

  • Better User Experience & Brand Match: The new website looks fresh and is easy to navigate, matching Swarthmore College’s rebrand and boosting its overall appeal.
  • Easier Content Discovery: The improved content organization makes the Arboretum’s extensive resources easier to scan, leading to more engagement.
  • Stronger SEO Performance: Careful planning during the migration helped us keep and even improve the website’s strong search engine rankings, ensuring continued online visibility.
  • Streamlined Content Management: Standardized web editing tools have made things much more efficient for Arboretum staff, giving them more control over their online presence.
  • High Accessibility Achieved: Meeting WCAG 2.1 Level AA standards means the website is fully accessible to a wider audience, showing a strong commitment to inclusivity.

Looking forward:

The new Scott Arboretum website is a robust and flexible platform, ready for future content additions and new interactive features.

By looking at how people use the site, the Arboretum can continue to make it even better, strengthening its role as a vital educational and cultural resource for everyone.