PA TREE GUIDE

Image of the patreeguide homepage which includes a large photo of trees in a forest with lots of sunlight

PA Tree Guide

UI/UX Design & Web Development

Visit Site

PA Tree Guide is a user-friendly platform dedicated to tree identification in Pennsylvania. It features an interactive interface that allows users to filter and identify over 130 tree species common to Pennsylvania based on their visible features.

The site stands out for its immersive experience, prominently utilizing large, visually appealing background images and nature-based audio to give the user a sense of being outdoors, in the elements, as they browse the website.

How it works

1

Select tree features

Screenshot of mobile UI checkbox selections
2

Browse matching trees

Screenshot of tree results listing
3

View tree details

Mobile screenshot of the Hawthorn tree page

Information Design

Custom-designed graphic icons representing thirteen identifiable characteristics allow complex botanical concepts to be simplified into visually accessible elements, enhancing user understanding and engagement. By using graphic icons, the site transforms tree identification into an intuitive and visually stimulating experience, appealing to a wide range of users, from casual enthusiasts to professionals. This method demonstrates how visual tools can significantly enhance the learning and discovery process online.

Screenshot of tree selection dashboard with magnified view of graphic icons

An Immersive Experience

What sets this site apart is its immersive approach to learning. It employs large, captivating background images of trees and forest scenes, creating a visually appealing environment. Additionally, the site offers an auditory experience, allowing users to listen to relaxing nature sounds while they read about different tree species. This unique combination of visual and auditory elements makes the website not only educational but also a tranquil and enjoyable space for users.

Screenshot of the Black Spruce tree page