Land Conservancy of San Luis Obispo

Academic

A QR-based audio tour progressive web app for the LCSLO's Kathleen's Overlook Canyon

Land Conservancy of San Luis Obispo

Academic

A QR-based audio tour progressive web app for the LCSLO's Kathleen's Overlook Canyon

timeline

Oct 2024 - Jun 2025

ROLE

UX Designer

Team

1 Project Manager

2 Designers

2 Tech Leads

8 Developers

Disciplines

Interaction Design

Prototyping

UX Research

introduction

Land Conservancy of San Luis Obispo County

The Land Conservancy of San Luis Obispo County (LCSLO) is dedicated to caring for the diverse wildlands and critical habitats of the Central Coast through conservation, restoration, and stewardship, all while connecting people to the land and one another. They manage various properties including Nipomo, where this project will be implemented.

The LCSLO needs a new solution to provide educational audio tours at their Nipomo property. Their previous system using the "Visit" app is now obsolete, leaving visitors without access to the audio content. The property currently has interpretive signage, but LCSLO wants to enhance visitor experience through QR-based audio narration that triggers and plays an audio file when visitors scan a QR code at a POI. The user goes around the property (Kathleen’s Canyon Overlook) scanning the QR at each POI and listening to the corresponding audio. 

OUR CORE NEED

How might we create a collaborative financial tool that automates group expense tracking while maintaining ease of use and social harmony?

In other words: How can we help young adults share costs effortlessly, ensuring everyone feels included without confusion or awkwardness?

research

Getting to know our users

Building on our research findings, each team member explored various screen concepts tailored to an audio mobile tour app. Much of our inspiration came from existing museums, hiking, and fitness tracking applications.

Through this exploration, we identified a core set of essential features to incorporate into the app:

  • A tracking feature to log completed visits

  • A settings option to change language preferences

  • A screen displaying a full list of available tour areas for easy browsing

  • A caption section that appears during audio playback

  • A navigation tool to help guide users to the designated QR point

Pivoting our strategy

When we first began, we had a crucial misunderstanding. We didn't realize this was a Progressive Web App (PWA) rather than a native mobile application. This discovery changed everything about our approach.

The actual constraints:

  • We learned that users couldn't freely browse through all audio files from a centralized list. Instead, they had to physically visit each location and scan a QR code, which would open content in a new browser tab.

  • There was no location tracking or GPS functionality as we had initially assumed.

This new understanding forced us to completely rethink our approach. Our original app-like features wouldn't work in this context. We had to step back and develop solutions that would function within a PWA environment.

designing

Active Budgeting & Expense Visibility

For the planner who tracks every dollar & needs real-time budget control to prevent overspending before it happens

Stress-Free Reimbursement Among Group

For the busy traveler who fronts the costs and just wants to get paid back, without the awkwardness…

Wireframing

Design System & Component Library

solution

project status

This project has been shipped!

reflection

Special thanks to my lovely team at Cal Poly Hack4Impact

If you made it this far – thanks for reading! Here's what i learned during this project:

01

Balancing Digital & Physical
While improving digital access, we needed to remain mindful of the app's supplementary role. The primary goal is to enhance the physical experience, not replace it

02

Working Alongside Developers
With 8 developers and 2 tech leads, we learned how crucial it is for technical discussions to happen early in the design process to ensure our concepts are feasible

let’s be friends ahaha ⸜(ˊᗜˋ)⸝ !

jk jk … unless?

Built in Framer • Typeset in Noto Serif & Geist

© 2025 Maxine Ancheta → Updated 9 . 2025

let’s be friends ahaha ⸜(ˊᗜˋ)⸝ !

jk jk … unless?

Built in Framer • Typeset in Noto Serif & Geist

© 2025 Maxine Ancheta → Updated 9 . 2025

let’s be friends ahaha ⸜(ˊᗜˋ)⸝ !

jk jk … unless?

Built in Framer • Typeset in Noto Serif & Geist

© 2025 Maxine Ancheta → Updated 9 . 2025