Pet Adoption UI/UX Case Study

The apps makes it simple for people to adopt pets and meet their requirements.

Design Brief

Peters is a business that deals with pet stores. They want to create an app that will make it easier for their clients to adopt pets and find pet supplies. They want the app to be more playful while yet remaining modern and informal


  • Splash Screen
  • Login
  • Hompage
  • Toko
  • Daftar Hewan

I chose yellow as the base color for Peters’ company because yellow is associated with warmth and pleasure in color psychology.

SiteMap Peters

So that I don’t be confused throughout the design process, I define the Section that will be applied to Peters on the SiteMap.

SiteMap Peters

Design Lo-fi

Following the creation of the SiteMap, the next step is to create a sketch for the Hi-Fi design reference. The goal is to limit the number of revisions made during the Hi-Fi design process.

sketch peters

Design Hi-fi

The main page displays all of the information in accordance with the brief, making it easier for users to adopt and care for their pets.

design homepage


When changes in components with a lot of similarities happen we can to be update quickly, this component very makes it easier.

Component Peters

In conclusion, this application can assist animal enthusiasts in quickly adopting animals, as well as providing counseling with veterinarians and pet needs.




UI/UX Designer

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

006 — Building a Bookcase

Driving Experience Is Worth The Money

What is triangulation in User Research (UX research)?

Les Maisons Rouges: E-Commerce Website Redesign — UX Design Study Case

Designing your life by Bill Burnett and Dave Evens

I tried to build a $40k masterpiece and failed gloriously

Indexing is not enough

Fountains of UX Joy

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Muhammad ridwan aam

Muhammad ridwan aam

UI/UX Designer

More from Medium

Skyline Series: Design Process Case Study

“I am not an engineer. How should I know how to design apps for engineers?”

an imagine that displays the word design on a device

The UX of Skin (1/2) — UX Studio Practices

Biomimicry and Design — Chapter 1