Case Study:
Case Study:
Turtle Project app and website
Turtle Project app and website
Embedded Files
Project Overview
Project Overview
The problem
Nearly all sea turtles and many other turtles species are endangered. There are many ways to contribute to helping turtles but the general public lack the knowledge to help.
The product
The Turtle Project is a turtle conservancy based in Miami, Florida. The turtle conservancy provides information on how to help turtles and news/events updates. Primary target users are all adults who are concerned with turtles and the environment. Turtle Project would like to have an app and website so their message would expand to more adults.
The goal
Design an app and website that will educate users on how to participate in the turtle conservation effort.
My role
UX designer designing the Turtle Project app and website.
Responsibilities
Conducting interviews, paper, and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.
Project duration
April 2022 to May 2022
Understanding the user
To understand what users need, I conducted interviews and create empathy maps. Through this user research, most users felt bad unknowing that their daily routine could have a negative impact on turtles.
The feedback received shows users would be willing to adjust some of their daily routines to help turtles and the environment if they knew better alternatives and what to avoid.
Personas & problem statements
Hanna
Hanna is a busy nurse who needs ways to reduce her waste because they would like to keep seeing turtles around the beach.
Eric
Eric is a busy working student who needs easy ways he can change that are more turtle-friendly because they would like to have a positive impact on turtles.
Competitive Audit
An audit of several competitors provides insight into the available features and opportunity gaps that the Turtle Project app and website could address.
Ideation
Ideation
A quick ideation process, I came up with ideas for the Turtle Project app and website to address some of opportunities identified from the competitive audit. I focused on layout and balance of visual and text content.
Starting the design
Digital wireframes
After ideating and drafting paper wireframes, I created digital wireframes for the Turtle Project app. This design focuses on having the main points on top and layout.
Usability Study Findings
I conducted two rounds of usability studies. The first round helped to design mockups from wireframes. The second round was used to design a high-fidelity prototype from the mockups
1. Gifting
Users wanted to be able to gift adoptions or donation.
2. Payment
Users did not have a summary of order before submitting payment.
3. Search
Users had a difficult time finding things without a search feature
Refining the design
Refining the design
Mockups
Based on the insights from the usability study, I added a search feature so users would easily find what they need.
Additional changes included adding an option to gift an adoption or a donation.
Accessibility considerations
1. Color
Used color contrast and large buttons for users with difficult visual impairment.
2. Language
Add different language features for users whose English is not their first language
3. Headings
Used different heading size text for a clear visual hierarchy.
Refined designs
High-fidelity prototype
The high-fidelity prototype included the design changes made after the usability study.
To view the Turtle Project high-fidelity prototype
Responsive Design
Sitemap
After designing the Turtle Project app I started to construct the website. The sitemap will be a guide for designing the Turtle Project website.
Responsive design
Designed different screen size variations including mobile, tablet, and desktop. Each screen size was designed to be optimized to that specific platform.
Going forward
Takeaways
Impact
Users of the Turtle Project app and website seem to have a positive reaction when helping turtles.
One quote from peer feedback:
“The Turtle Project app makes it simple and easy to adopt a turtle”
What I learned
I learned that most if not all sea turtles are endangered. Also that the usability studies might address a small design change but will impact many users for an overall better app and website experience.
Next steps
1. Testing
To conduct another usability study to see if there are any pain points that were missed.
2. Adoption contribution
Add a page or a slide of previously adopted turtles and who adopted them. Also, add a multiple contributing adoption goal with a visual meter bar so small contributions can add up to adoption.
3. Newsfeed
Provide a newsfeed of recent/related news.
Page updated
Google Sites
Report abuse