Tree-mendous Tree Stories
UI and UX
The Morton Arboretum and Openlands partnered to celebrate the importance of trees in our communities and our lives. The goal was to collect personal stories about trees from people within the Chicagoland area. When users submitted their stories, they would include a pinpoint location on a map, a short story, an image of the tree, and any information they knew about the tree. Once the stories were displayed on the site, search capabilities were available so users could filter stories by the location of a tree on the map, tree type, story theme, or if it included an image, video, or audio file.
Low fidelity mockups and wireframes in InVision were created, resulting in a clear definition and a clickable prototype. A user journey map was also created to establish the flow of how to submit a story and successfully interact with the site once other stories were posted. Originally the site was to allow for automatic upload once a story was submitted, but eventually, an additional step in the process was needed. The marketing team needed to review, approve, and publish all submissions before they were posted on the site. An intake form was created to collect the stories from the website that then populated a spreadsheet, allowing marketing staff to review and publish.
My role was UX/UI and design for the entire website, as well as the image selection throughout. The site was designed in Photoshop and then prototyped in InVision and then I collaborated with the developer. The developer and I worked together to make sure all interactions functioned correctly and that all elements were lining up and displaying how they were intended to.
Creative Director: Eileen Barrett
Developer: Joe Caruso