SlideShare a Scribd company logo
1 of 28
THE PROBLEM:
Soft Paws needs more fosters and a cleaner, mobile-ready, and
easily navigable website.
THE SOLUTION:
Refine and focus navigation and page content, create a
responsive site, and format the content to focus on fosters.
UX/UI Researchers:
Daniel Markham, Gabor Rill, Maddy Hayley, Vincci Wu
TOOLS: Figma, Miro, Trello, Wix, Google Workplace
1
Soft Paws Rescue Non-
Profit Organization
2
Non profit rescues without a shelter to house their animals are highly dependent on
their network of foster homes to save animals.
We have observed that most people are not sure what fostering a rescue pet really
means and the benefits of fostering.
Problem Statement
“ How might we help Soft Paw Rescue enhance
website functionality and make fostering more
appealing, so they can maintain a continuous and
stable number of foster homes in order to effectively
carry out their mission of saving more dog's lives.”
3
How might we…..
Original Website
4
Navigation
5
Accessible Colors
Competitor Analysis
6
Google Survey
7
The majority of people visiting Soft Paw Rescue’s website are looking
for adoption. Our team saw a potential in the overwhelming number of
applicants waiting to adopt. We wanted to find out how much people
are aware of the difference between fostering and adoption. And if
they learned about the pros and cons, would they be more likely to
consider fostering an animal?
Stakeholder Interview
User Research
8
We completed 4 types of research
● Currently site is not
responsive
● Need more foster
home
● Need online
application form to
simplify the
application process
● Application access
needs to be easy to
find
User Interview &
Usability Test
● Too much
information
● Users think that site’s
primary purpose is
adoption
● Site doesn’t look
trustworthy
● Multiple font type
and size on a page
● Visually cluttered
Google Survey
● Most people know very little or nothing
at all about the difference between
adoption and fostering.
● People are more likely to consider
fostering a dog once learning about the
pros and cons.
Affinity Diagram
9
We identified multiple user pain points and needs throughout the user interviews.
User Persona
10
We decided that a our target user to be someone who looking to be fostering a dog.
Storyboard
11
A story about the journey of Savannah successfully foster a dog.
Potential Solution
12
Reduce the
amount of
text on
pages
01
Have clear
points of
navigation
02
Put more
spotlight on
becoming
a foster
homes
03
Educate
adopters
on fostering
04
online
application
form
05
Wireframe Sketching
13
Desktop version
Mobile version
Style Guide
14
Final Iteration of Logo
Iteration on Logo
15
Team was contemplating on
redesigning the logo entirely.
After discussion regarding:
● scope of project
● stakeholder’s
investment in current
logo
…we settled for changing the
layout of the elements only
and repositioning it on the
page.
Original
Iteration#1 Iteration#2
Iterate on Donation Page
16
Highlight primary needs and minimize usage of text
Iteration#1 Iteration#2 Final Iteration of Donation Page
More Iteration on homepage
17
Stakeholder requested foster application and adoption application links to be
front and top of the homepage
Iteration#1 Iteration#2
Iteration#3 Iteration#4
Final Iteration of Homepage
Quote from our team:
“We never delete, only iterate!”
18
Iteration on Hamburger Menu
19
Iteration#1 Iteration#2
Final
Iteration#4
Iteration#5
Iteration#3
Final Iteration
20
Final Prototype
Focused
21
Final Prototype
Functional
Clear
22
Final Prototype
Organized
23
Final Prototype
Prototype Demo
24
Feedback from Stakeholder
25
The focus is on
fostering
It is “much more clean”
(more user friendly and
has easier and clearer
navigation).
Overall more
professional and
aesthetically
pleasing
Victoria’s Top 3 Favorite Updates
2.
1. 3.
26
Future Plans
● Create working website on Wix platform.
● Further integrate application processes into
website (away from downloadable paper
forms).
● More user testing!
● Content audit: the site has been simplified
and is the better for it but there may be some
info on the old site that should not be left
behind. A content audit can identify what
should be carried over
Our Final Thoughts
27
“Smooth sail.” - Gabor
“Everyone was able shine as each of us
help each other to shine at the same time.
This is what people call [TEAMWORK!!!]”-
Vincci
“I always knew the definition of
“collaboration” but now I have a much
deeper connotation of “collaboration”.
Thank you team!” - Maddy
Such a fun group! Great collaboration and
team spirit.
28

More Related Content

Similar to Case study -Soft Paws Rescue

Elizabeth Hom's UX Portfolio
Elizabeth Hom's UX PortfolioElizabeth Hom's UX Portfolio
Elizabeth Hom's UX PortfolioElizabeth Hom
 
Web design presentation
Web design presentationWeb design presentation
Web design presentationapanjwani
 
10 Digital Marketing Trends for 2017
10 Digital Marketing Trends for 201710 Digital Marketing Trends for 2017
10 Digital Marketing Trends for 2017DragonSearch
 
Prototyping for web and mobile workshop
Prototyping for web and mobile workshopPrototyping for web and mobile workshop
Prototyping for web and mobile workshopSimon Phillips
 
Landmark Pet Hospital Web Portfolio Project - Case study.pdf
Landmark Pet Hospital Web Portfolio Project - Case study.pdfLandmark Pet Hospital Web Portfolio Project - Case study.pdf
Landmark Pet Hospital Web Portfolio Project - Case study.pdfqueen533279
 
10 Pitfalls to Avoid in Creating RIAs
10 Pitfalls to Avoid in Creating RIAs10 Pitfalls to Avoid in Creating RIAs
10 Pitfalls to Avoid in Creating RIAsEffectiveUI
 
10 Pitfalls to Avoid in Creating RIAs
10 Pitfalls to Avoid in Creating RIAs10 Pitfalls to Avoid in Creating RIAs
10 Pitfalls to Avoid in Creating RIAsEffective
 
Building a wow product by @RuthlessUx
Building a wow product by @RuthlessUxBuilding a wow product by @RuthlessUx
Building a wow product by @RuthlessUxSHAHEENA ATTARWALA
 
Not Just a Pretty Face: Combining Form and Function for Maximum Conversions
Not Just a Pretty Face: Combining Form and Function for Maximum ConversionsNot Just a Pretty Face: Combining Form and Function for Maximum Conversions
Not Just a Pretty Face: Combining Form and Function for Maximum ConversionsWP Engine
 
Creating A Remarkable User Experience
Creating A Remarkable User Experience Creating A Remarkable User Experience
Creating A Remarkable User Experience Uberflip
 
Technologies: Expert in the Room Webinar: Optimizing your Website for Mobile
Technologies: Expert in the Room Webinar: Optimizing your Website for MobileTechnologies: Expert in the Room Webinar: Optimizing your Website for Mobile
Technologies: Expert in the Room Webinar: Optimizing your Website for MobileRandstad USA
 
Beyond Social: Driving Progressive Mobile Engagement With Your Content
Beyond Social: Driving Progressive Mobile Engagement With Your ContentBeyond Social: Driving Progressive Mobile Engagement With Your Content
Beyond Social: Driving Progressive Mobile Engagement With Your ContentGenwi on Slideshare
 
Csun 2013 wcag what about the users-slideshare-2013
Csun 2013   wcag what about the users-slideshare-2013Csun 2013   wcag what about the users-slideshare-2013
Csun 2013 wcag what about the users-slideshare-2013Hinni Hreinsson
 
Retrospective Project two_Hector_Nandez
Retrospective Project two_Hector_NandezRetrospective Project two_Hector_Nandez
Retrospective Project two_Hector_NandezHector F. Hernandez
 
Building a User-Focused AmericanActionForum.org
Building a User-Focused AmericanActionForum.orgBuilding a User-Focused AmericanActionForum.org
Building a User-Focused AmericanActionForum.orgericjwilson
 
Bridge Design Thinking Model
Bridge Design Thinking ModelBridge Design Thinking Model
Bridge Design Thinking ModelJudith Mayer
 

Similar to Case study -Soft Paws Rescue (20)

Elizabeth Hom's UX Portfolio
Elizabeth Hom's UX PortfolioElizabeth Hom's UX Portfolio
Elizabeth Hom's UX Portfolio
 
Web design presentation
Web design presentationWeb design presentation
Web design presentation
 
10 Digital Marketing Trends for 2017
10 Digital Marketing Trends for 201710 Digital Marketing Trends for 2017
10 Digital Marketing Trends for 2017
 
Prototyping for web and mobile workshop
Prototyping for web and mobile workshopPrototyping for web and mobile workshop
Prototyping for web and mobile workshop
 
Landmark Pet Hospital Web Portfolio Project - Case study.pdf
Landmark Pet Hospital Web Portfolio Project - Case study.pdfLandmark Pet Hospital Web Portfolio Project - Case study.pdf
Landmark Pet Hospital Web Portfolio Project - Case study.pdf
 
10 Pitfalls to Avoid in Creating RIAs
10 Pitfalls to Avoid in Creating RIAs10 Pitfalls to Avoid in Creating RIAs
10 Pitfalls to Avoid in Creating RIAs
 
10 Pitfalls to Avoid in Creating RIAs
10 Pitfalls to Avoid in Creating RIAs10 Pitfalls to Avoid in Creating RIAs
10 Pitfalls to Avoid in Creating RIAs
 
Building a wow product by @RuthlessUx
Building a wow product by @RuthlessUxBuilding a wow product by @RuthlessUx
Building a wow product by @RuthlessUx
 
Not Just a Pretty Face: Combining Form and Function for Maximum Conversions
Not Just a Pretty Face: Combining Form and Function for Maximum ConversionsNot Just a Pretty Face: Combining Form and Function for Maximum Conversions
Not Just a Pretty Face: Combining Form and Function for Maximum Conversions
 
Creating A Remarkable User Experience
Creating A Remarkable User Experience Creating A Remarkable User Experience
Creating A Remarkable User Experience
 
Technologies: Expert in the Room Webinar: Optimizing your Website for Mobile
Technologies: Expert in the Room Webinar: Optimizing your Website for MobileTechnologies: Expert in the Room Webinar: Optimizing your Website for Mobile
Technologies: Expert in the Room Webinar: Optimizing your Website for Mobile
 
Beyond Social: Driving Progressive Mobile Engagement With Your Content
Beyond Social: Driving Progressive Mobile Engagement With Your ContentBeyond Social: Driving Progressive Mobile Engagement With Your Content
Beyond Social: Driving Progressive Mobile Engagement With Your Content
 
Csun 2013 wcag what about the users-slideshare-2013
Csun 2013   wcag what about the users-slideshare-2013Csun 2013   wcag what about the users-slideshare-2013
Csun 2013 wcag what about the users-slideshare-2013
 
Usability 101
Usability 101Usability 101
Usability 101
 
tagSurf
tagSurftagSurf
tagSurf
 
Retrospective Project two_Hector_Nandez
Retrospective Project two_Hector_NandezRetrospective Project two_Hector_Nandez
Retrospective Project two_Hector_Nandez
 
Building a User-Focused AmericanActionForum.org
Building a User-Focused AmericanActionForum.orgBuilding a User-Focused AmericanActionForum.org
Building a User-Focused AmericanActionForum.org
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
 
Bridge Design Thinking Model
Bridge Design Thinking ModelBridge Design Thinking Model
Bridge Design Thinking Model
 
The power of spa
The power of spaThe power of spa
The power of spa
 

Recently uploaded

DAY 0 8 A Revelation 05-19-2024 PPT.pptx
DAY 0 8 A Revelation 05-19-2024 PPT.pptxDAY 0 8 A Revelation 05-19-2024 PPT.pptx
DAY 0 8 A Revelation 05-19-2024 PPT.pptxFamilyWorshipCenterD
 
Databricks Machine Learning Associate Exam Dumps 2024.pdf
Databricks Machine Learning Associate Exam Dumps 2024.pdfDatabricks Machine Learning Associate Exam Dumps 2024.pdf
Databricks Machine Learning Associate Exam Dumps 2024.pdfSkillCertProExams
 
Understanding Poverty: A Community Questionnaire
Understanding Poverty: A Community QuestionnaireUnderstanding Poverty: A Community Questionnaire
Understanding Poverty: A Community Questionnairebazilnaeem7
 
Breathing in New Life_ Part 3 05 22 2024.pptx
Breathing in New Life_ Part 3 05 22 2024.pptxBreathing in New Life_ Part 3 05 22 2024.pptx
Breathing in New Life_ Part 3 05 22 2024.pptxFamilyWorshipCenterD
 
ACM CHT Best Inspection Practices Kinben Innovation MIC Slideshare.pdf
ACM CHT Best Inspection Practices Kinben Innovation MIC Slideshare.pdfACM CHT Best Inspection Practices Kinben Innovation MIC Slideshare.pdf
ACM CHT Best Inspection Practices Kinben Innovation MIC Slideshare.pdfKinben Innovation Private Limited
 
The Influence and Evolution of Mogul Press in Contemporary Public Relations.docx
The Influence and Evolution of Mogul Press in Contemporary Public Relations.docxThe Influence and Evolution of Mogul Press in Contemporary Public Relations.docx
The Influence and Evolution of Mogul Press in Contemporary Public Relations.docxMogul Press
 
Microsoft Fabric Analytics Engineer (DP-600) Exam Dumps 2024.pdf
Microsoft Fabric Analytics Engineer (DP-600) Exam Dumps 2024.pdfMicrosoft Fabric Analytics Engineer (DP-600) Exam Dumps 2024.pdf
Microsoft Fabric Analytics Engineer (DP-600) Exam Dumps 2024.pdfSkillCertProExams
 
ServiceNow CIS-Discovery Exam Dumps 2024
ServiceNow CIS-Discovery Exam Dumps 2024ServiceNow CIS-Discovery Exam Dumps 2024
ServiceNow CIS-Discovery Exam Dumps 2024SkillCertProExams
 
2024-05-15-Surat Meetup-Hyperautomation.pptx
2024-05-15-Surat Meetup-Hyperautomation.pptx2024-05-15-Surat Meetup-Hyperautomation.pptx
2024-05-15-Surat Meetup-Hyperautomation.pptxnitishjain2015
 
Deciding The Topic of our Magazine.pptx.
Deciding The Topic of our Magazine.pptx.Deciding The Topic of our Magazine.pptx.
Deciding The Topic of our Magazine.pptx.bazilnaeem7
 

Recently uploaded (10)

DAY 0 8 A Revelation 05-19-2024 PPT.pptx
DAY 0 8 A Revelation 05-19-2024 PPT.pptxDAY 0 8 A Revelation 05-19-2024 PPT.pptx
DAY 0 8 A Revelation 05-19-2024 PPT.pptx
 
Databricks Machine Learning Associate Exam Dumps 2024.pdf
Databricks Machine Learning Associate Exam Dumps 2024.pdfDatabricks Machine Learning Associate Exam Dumps 2024.pdf
Databricks Machine Learning Associate Exam Dumps 2024.pdf
 
Understanding Poverty: A Community Questionnaire
Understanding Poverty: A Community QuestionnaireUnderstanding Poverty: A Community Questionnaire
Understanding Poverty: A Community Questionnaire
 
Breathing in New Life_ Part 3 05 22 2024.pptx
Breathing in New Life_ Part 3 05 22 2024.pptxBreathing in New Life_ Part 3 05 22 2024.pptx
Breathing in New Life_ Part 3 05 22 2024.pptx
 
ACM CHT Best Inspection Practices Kinben Innovation MIC Slideshare.pdf
ACM CHT Best Inspection Practices Kinben Innovation MIC Slideshare.pdfACM CHT Best Inspection Practices Kinben Innovation MIC Slideshare.pdf
ACM CHT Best Inspection Practices Kinben Innovation MIC Slideshare.pdf
 
The Influence and Evolution of Mogul Press in Contemporary Public Relations.docx
The Influence and Evolution of Mogul Press in Contemporary Public Relations.docxThe Influence and Evolution of Mogul Press in Contemporary Public Relations.docx
The Influence and Evolution of Mogul Press in Contemporary Public Relations.docx
 
Microsoft Fabric Analytics Engineer (DP-600) Exam Dumps 2024.pdf
Microsoft Fabric Analytics Engineer (DP-600) Exam Dumps 2024.pdfMicrosoft Fabric Analytics Engineer (DP-600) Exam Dumps 2024.pdf
Microsoft Fabric Analytics Engineer (DP-600) Exam Dumps 2024.pdf
 
ServiceNow CIS-Discovery Exam Dumps 2024
ServiceNow CIS-Discovery Exam Dumps 2024ServiceNow CIS-Discovery Exam Dumps 2024
ServiceNow CIS-Discovery Exam Dumps 2024
 
2024-05-15-Surat Meetup-Hyperautomation.pptx
2024-05-15-Surat Meetup-Hyperautomation.pptx2024-05-15-Surat Meetup-Hyperautomation.pptx
2024-05-15-Surat Meetup-Hyperautomation.pptx
 
Deciding The Topic of our Magazine.pptx.
Deciding The Topic of our Magazine.pptx.Deciding The Topic of our Magazine.pptx.
Deciding The Topic of our Magazine.pptx.
 

Case study -Soft Paws Rescue

  • 1. THE PROBLEM: Soft Paws needs more fosters and a cleaner, mobile-ready, and easily navigable website. THE SOLUTION: Refine and focus navigation and page content, create a responsive site, and format the content to focus on fosters. UX/UI Researchers: Daniel Markham, Gabor Rill, Maddy Hayley, Vincci Wu TOOLS: Figma, Miro, Trello, Wix, Google Workplace 1 Soft Paws Rescue Non- Profit Organization
  • 2. 2 Non profit rescues without a shelter to house their animals are highly dependent on their network of foster homes to save animals. We have observed that most people are not sure what fostering a rescue pet really means and the benefits of fostering. Problem Statement
  • 3. “ How might we help Soft Paw Rescue enhance website functionality and make fostering more appealing, so they can maintain a continuous and stable number of foster homes in order to effectively carry out their mission of saving more dog's lives.” 3 How might we…..
  • 7. Google Survey 7 The majority of people visiting Soft Paw Rescue’s website are looking for adoption. Our team saw a potential in the overwhelming number of applicants waiting to adopt. We wanted to find out how much people are aware of the difference between fostering and adoption. And if they learned about the pros and cons, would they be more likely to consider fostering an animal?
  • 8. Stakeholder Interview User Research 8 We completed 4 types of research ● Currently site is not responsive ● Need more foster home ● Need online application form to simplify the application process ● Application access needs to be easy to find User Interview & Usability Test ● Too much information ● Users think that site’s primary purpose is adoption ● Site doesn’t look trustworthy ● Multiple font type and size on a page ● Visually cluttered Google Survey ● Most people know very little or nothing at all about the difference between adoption and fostering. ● People are more likely to consider fostering a dog once learning about the pros and cons.
  • 9. Affinity Diagram 9 We identified multiple user pain points and needs throughout the user interviews.
  • 10. User Persona 10 We decided that a our target user to be someone who looking to be fostering a dog.
  • 11. Storyboard 11 A story about the journey of Savannah successfully foster a dog.
  • 12. Potential Solution 12 Reduce the amount of text on pages 01 Have clear points of navigation 02 Put more spotlight on becoming a foster homes 03 Educate adopters on fostering 04 online application form 05
  • 15. Final Iteration of Logo Iteration on Logo 15 Team was contemplating on redesigning the logo entirely. After discussion regarding: ● scope of project ● stakeholder’s investment in current logo …we settled for changing the layout of the elements only and repositioning it on the page. Original Iteration#1 Iteration#2
  • 16. Iterate on Donation Page 16 Highlight primary needs and minimize usage of text Iteration#1 Iteration#2 Final Iteration of Donation Page
  • 17. More Iteration on homepage 17 Stakeholder requested foster application and adoption application links to be front and top of the homepage Iteration#1 Iteration#2 Iteration#3 Iteration#4 Final Iteration of Homepage
  • 18. Quote from our team: “We never delete, only iterate!” 18
  • 19. Iteration on Hamburger Menu 19 Iteration#1 Iteration#2 Final Iteration#4 Iteration#5 Iteration#3 Final Iteration
  • 25. Feedback from Stakeholder 25 The focus is on fostering It is “much more clean” (more user friendly and has easier and clearer navigation). Overall more professional and aesthetically pleasing Victoria’s Top 3 Favorite Updates 2. 1. 3.
  • 26. 26 Future Plans ● Create working website on Wix platform. ● Further integrate application processes into website (away from downloadable paper forms). ● More user testing! ● Content audit: the site has been simplified and is the better for it but there may be some info on the old site that should not be left behind. A content audit can identify what should be carried over
  • 27. Our Final Thoughts 27 “Smooth sail.” - Gabor “Everyone was able shine as each of us help each other to shine at the same time. This is what people call [TEAMWORK!!!]”- Vincci “I always knew the definition of “collaboration” but now I have a much deeper connotation of “collaboration”. Thank you team!” - Maddy Such a fun group! Great collaboration and team spirit.
  • 28. 28