top of page
spca 1.png

SPCA

Website UX/UI Design

Case Study

top

Timeline: 3 weeks

Tool: Figma, Miro

I’m not affiliated with SPCA in any capacity.

This case study was done to enhance my experience.

Case study website illustrator source: Wix

Initial Idea

During my time studying and living in Singapore, I just love how the people here take care of and educate the animals around. No matter if its their pet or just a random cat in the same neighborhood. One of the non-profit organization that I admire the most here in Singapore is SPCA (Singapore Society for the Prevention of Cruelty to Animals).

I admire what SPCA Singapore has been doing to save the animals and improve their living conditions. I admire the way they put their love, their care and their effort in to help the vulnerable animals. I know it has always been so tough to take such a lofty responsibility that not everyone can, especially this year, 2020-2021 — the year that Covid still going on.

At that time, I went to SPCA Singapore's website and I saw that they had suffered a cybersecurity breach which still causes their website on maintenance until now (9th January 2022). As an aspiring UXUI Designer, I'm thinking of "Is there any way that I can help them?". Then I decided to do a redesign case study for their website. My objective is to enhance the website interface as well as the functionality to ultimately, improve their user experience. 

from research to design

"We all share this planet with other species who we depend on for many things, thus, we have a responsibility to our fellow creatures"

Understanding...

To understand more about SPCA Singapore, I begin with the main problems that the organization is facing in current state:

  • Lack of volunteer, manpower crisis

  • Rising prices due to covid-19 (rent fee, wages, veterinary bills and food)

  • Lack of space for pet

  • Drop in donation

  • Cybersecurity breach

organization
SPCA1.JPG

Current Instagram and Logo of SPCA Singapore (Oct,2021)

Similar Organization

Similar Org

Here are some similar organization as SPCA in Singapore:

  1. Action for Singapore Dogs

  2. Animal Lovers League

  3. Causes for Animals Singapore

  4. Exclusively Mongrels Limited

  5. HOPE Dog Rescue

  6. Noah’s Ark Cares

  7. Purely Adoptions

248654488_1082906075779030_6476741466904612551_n.jpg
248873736_1310253479408956_7017210820531864597_n.jpg
249201443_1029570981227049_333487640664204124_n.jpg

Website of Causes For Animal (Singapore) from mobile view port

248213208_268418011880900_1965976507282205642_n.jpg
246252463_422325389505499_6275912406928144747_n.jpg
248023085_302371788130823_2138765025815057099_n.jpg

Website of Animal Lovers League from mobile view port

248000736_281700823958710_3988109473036559733_n.jpg
247910607_181572057492171_8269526820962450472_n.jpg
248058102_265037348965643_3044502430771859915_n.jpg
249581598_1237259023437395_5875017389508975920_n.jpg

Website of Action for Singapore Dogs from mobile view port

Understand the audience

target audience

I researched on how pet adopters approach to the pet adoption organization. Most of them share that they would look for information in social media such as joining social groups to learn experience from other adopters first, then after that, they went through the organization’s website to proceed further steps. I briefly analyzed some pet adoption groups in Facebook in Singapore to understand more about their target audience demographic. These groups have a range of member around 30.000 - 65.000 people. Most of the members in these groups here are millennials (aged between 16 and 30).

gr4.JPG
gr2.JPG
gr3.JPG
gr1.JPG

Some pet adoption Facebook groups in Singapore (Oct 2021)

I researched the tech habit of Singaporean and the result showed that in 2020, the number of smartphone users in Singapore is estimated to reach 4.65 million making up more than 90 percent of its total population. Singaporean millennials spend an average of one day a week, or 3.4 hours per day, on their mobile phones, according to a study conducted by global research consultancy TNS.

Vector-1.png

Target Audience

Aged from 16-30
Live in Singapore

Problem Identification

I interviewed 5 people in the group of the target audience and this is how they think about pet adoption in Singapore:

“Adopting process is too troublesome and confusing”

“There’s a sea of information out there, I feel overwhelmed when I look at it”

“My family members don't let me adopt them”

“Their website in mobile view-port is not user friendly, its a bit annoying for me.”

“I think pets from those shelter have poor health condition”

“I live in HBD, even I love cats so much but I can not adopt them, this is so sad”

Most of the people I interviewed agreed that they found the adoption process is too troublesome and the website for mobile view port is not friendly to use. Thus, these will be the main problems that I’ll try on to improve.

My Goal

My goal is to attract more pet adopters by providing a better digital solution which offers a simplified way to adopt pets. So that, more and more people can have the motivation to share the burden with SPCA Singapore.

Information Architecture

After analyzing the similar organization’s website and the old version of SPCA, I came out the new Information Architecture for SPCA.

IA
IA.JPG

User Persona

Base on the target audience research, I build out the main user persona:

userpersona.png

User Flow

According to my research, all the similar organization they don't have the functionality that allows user to fill in the register form to adopt animals online straight from their website, thus, they will need to write an email to them first. And they also don't have the FAQ page for the website version so it's a bit hard for the user to seek for information.

userflow.png

Sketches

I quickly draft out my ideas and use that as a guideline to build up my high-fidelity

248999651_176432574644330_3777096503820673970_n.jpg
prototype

#1 Pet adoption flow

249347149_1506974892970421_4625189159634349128_n.jpg
248709769_616383419540627_8709825881765890466_n.jpg
248559587_590683328807694_1570843956763127008_n.jpg

Home page

Adoption listing page

248193102_590750095458389_7457109541120495320_n.jpg

Adoption detail page

249026007_409237870859949_6241539853069368492_n.jpg
248666239_310495250499955_1644513443417528433_n.jpg
248007989_924911828429743_2476516631948113968_n.jpg

Adoption procedure detail page

Adoption form detail page

Adoption form detail page

248977810_248118227184676_7591881872882411554_n.jpg

Successful feedback page

ezgif-5-5db0c850c8.gif
favpng_iphone-x-mobile-app-handheld-devices-smartphone.png

#2 Reading article flow

ezgif-2-19940dde87.gif
ipx.png
242915291_1474697296247047_1882566897343920381_n.jpg

Home page

248192043_794303961391037_9083641057024633464_n.jpg

Pet advice listing page

248893092_4858550280842928_6986677019776949144_n.jpg

Pet advice detail page

249171682_296790318750852_9207081849384047902_n.jpg

Hamburger menu

248976431_6006881272684248_5985879490820424986_n.jpg

FAQ listing page

249058327_1211358536017196_3522860950361271135_n.jpg

FAQ filter option

What have I gained after this project?

I have learnt a lot from this project not just UX/UI technical skills but this is also a chance for me to understand about animal charity organizations in Singapore. Besides that, empathizing is the most important key word for this project in order to bridge the gap between the organization and their target audience.

bottom of page