Project Overview
As part of the Google UX Design certificate, I produced an app and a website for social good. Foxist is an app/website designed to help people withconservation in mind, protect the endangered species of the Sierra Nevada red fox.
My Contributions
My role in the project as a UX designer comprised UX research consisting of a competitive audit, persona creation, a research study plan, an unmoderated usability study with 5 participants, an affinity diagram, customer journey map and a site map.
Research informed the creation of an both an app and a website that took users through the checkout flow.
The Problem:
Groups and societies make up the vast majority of conservation efforts however many people don’t have time to join these groups and would like to support conservation efforts online via donation or other means.
The Goal:
This app aims to connect those who wish to contribute with an online platform where they can donate or report a sighting.
Tools:
Adobe XD
Miro
Google Jamboard
Foxist
UX Designer
February 2022 - March 2022
1. Usability Test:
An unmoderated usability test was undertaken with 5 participants, two females, two men and one non binary individual. A research study plan was produced to ensure I wasn’t asking any leading questions and remaining as neutral as possible during the test.
Affinity Diagram
After the usability test, it was time to gather all the data in one place. To do so I created an affinity diagram and grouped the data into themes.
2. Customer Journey Map
Alongside the affinity diagram, I created a customer journey map. I evaluated the customers goals, actions, tasks, feelings and areas for improvement.
Key Findings
After analysing all the data, many pain points and areas for improvement came too light. The key takeaways are as follows:
- Visual Cues: Users want strong, clear and concise CTA buttons and good visual cues
- Forms: Users don’t like lengthy forms.
- Status: Users want to know where they are in the process
3. Design
After analysing all the data the next step was to produce a sitemap which showcases the hierarchical structure of the site.
Ideation
Now it was time to ideate. I used the crazy eights method to come up with as many designs as possible in eight minutes. Throughout the exercise I kept in mind that users need clear CTAs with easily discoverable donation buttons and good visual cues.
Wireframes
Now it was time to build wireframes. When building the frames it was important to consider the user flow and how easily users can enter and exit the flow. Users can enter the flow from several locations including the main menu, the hero image and the profile. Users want to be able to easily return to the home screen, so a top navigation bar with the home icon has been placed on screens where returning home cannot be accessed from the main logo.
4. Mockups & High-Fidelity Prototype
After completing the wireframes, it was time to start on the mockups to start to bring the ideas to life. Once the mockups were complete, it was time to connect the screens and produce a high fidelity prototype detailing the user flow. Users can enter the flow from multiple points and users can easily navigate back to the homepage from each screen. The main CTA can be accessed through various screens, highlighting its importance and making it easier to complete the job to be done. The prototype can be viewed
here. 
5. Going Forward
After completing the mockups and high-fidelity prototype, it was time to look at the key takeaways and identify the next steps in the process.
Want to work together?
If you like what you see and want to work together, get in touch!
orla@portfolio.com
