Siddharth Kudgunti
Role:
UX designer leading the app and responsive website design from conception to delivery
Tool:
Adobe XD
Duration:
May 2022 to June 2022
Save Marine Life
Save Marine LIfe is an organization focused on saving Endangered Species of Fish. The organization needs a tool that helps people learn about Endangered Fishes and how to save them. Save Marine Life’s primary target users include Thalassophile fishermen and social activists who are concerned about the threat imposed on marine life and would like to learn more about what they can do to reduce the threat.
The Problem
There are lots of Endangered fish which are killed unknowningly because of human activity. Our Save Marine Life team has identified a lack of general awareness about this activity which is leading to the crisis in the marine life and limited understanding of how to avoid it
The Goal
There are lots of Endangered fish which are killed unknowningly because of human activity. Our Save Marine Life team has identified a lack of general awareness about this activity which is leading to the crisis in the marine life and limited understanding of how to avoid it
Understanding the User
User research: summary
I used World Wildlife Fund’s data on endangered species to develop interview questions, which were then used to conduct user interviews. Most of the participants felt bad about how they are indirectly harming nature. The feedback received from the research made it clear that users would be open and willing to work towards the reduction of threats if they have access to an easy-to-use tool to help guide them
Persona 1: Shiny
![Google UX Design Certificate - Persona [Endangered Fish].png](https://static.wixstatic.com/media/3c7900_e213fffbb10f45a486711711311d4060~mv2.png/v1/fill/w_701,h_394,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Google%20UX%20Design%20Certificate%20-%20Persona%20%5BEndangered%20Fish%5D.png)
Persona 1: Joy
![Google UX Design Certificate - Persona [Endangered Fish] (1).png](https://static.wixstatic.com/media/3c7900_506df33809b94deb9c96e98a7469e66a~mv2.png/v1/fill/w_701,h_394,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Google%20UX%20Design%20Certificate%20-%20Persona%20%5BEndangered%20Fish%5D%20(1).png)
_edited.png)
Ideation
I did a quick ideation exercise to come up with ideas for how to address problems faced by the users in helping conserve endangered species.
Starting the Design of a Dedicated App
_edited.png)
Digital Wireframe
After ideating and drafting some paper wireframes, I created the initial designs for the Save Marine Life app. These designs focus on delivering personalized guidance to users to help save endangered species
Provide a quick update on the weather for the fishing
Low-fidelity prototype
Provides a geographical location for safe fishing zone
_edited.png)
To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of viewing weather conditions and list of Endangered species
Usability study: findings
Back Navigation
People want easy access to go to their previous page rather than going to home and navigating again.
Font Size
Users wanted a clear view of the fonts as they could recognize a few words.
1
2
_edited.png)
Refine the Design
Mockups
Based on the insights from the usability studies, I applied design changes providing back navigation at the top left corner and proper font size
Before Usability Study
After Usability Study
More Screens...
High Fidelity Prototype
The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study
Accessibility considerations
Clear labels for interactive elements that can be read by screen readers.
Responsive Design
High Fidelity Prototype
With the app designs completed, I started work on designing the responsive website.
Digital wireframes
After ideating and drafting some paper wireframes, I created the initial designs for the Save Marine Life responsive website.
Beautiful Carousel images of underwater marine life will increase the urge of the users to help save endangered species
Sitemap
Responsive Design
With the app designs completed, I started work on designing the responsive website.
Digital wireframes
After ideating and drafting some paper wireframes, I created the initial designs for the Save Marine Life responsive website.
Beautiful Carousel images of underwater marine life will increase the urge of the users to help save endangered species
Let user knows what impact they can make if they are a part of this organisation
Low Fidelity Prototype
Hi-Fi Prototype Mobile Screen
View: Link
Hi-Fi Prototype Tablet Screen
View: Link
Hi-Fi Prototype Web Screen
View: Link
Takeaways
Impact
Users shared that the app or responsive website made people aware about their harmful activities and seem like something they could actually help reduce with proper education and knowledge
What I learned
I learned that even though the problem I was trying to solve was a big one, diligently going through each step of the design process and aligning with specific user needs, helped me come up with solutions that were both feasible and useful.
_edited.png)
_edited.png)
© 2024. All Rights Reserved to Siddharth Kudgunti