Through the guide, user could learn more about cats and become good friends with them.

 
 
未命名作品 64.png

Problem/ Opportunity

  • People don’t know cats behavior and mood when getting along with them.

  • People don’t know if their cats have health problems in their daily lives.

  • It’s hard to find well-understood knowledge about cats from the Internet.

Solution

  • Categorize and summarize the problems

  • Increase interactivity and animation to make users better understand and more willing to learn about cats.

未命名作品 67.png

Goal

 

Understandable design

Interesting design

Knowing more cats information

未命名作品 60.png

Target Audiences

  • People who would like to take care of the cat

  • People who like cats

  • People who are ready to have cats

 
未命名作品 56.png

Target Environment

  • Pet store

  • Pet shelter

  • Home

 

Personas

Device & Layout Grid

Device & Layout GridDesktop 1440 * 9002 rows (10px) 2 rows (10px) 10 rows 10 columns (100px)

Desktop
1440 * 900

2 rows (10px)
2 rows (10px)
10 rows
10 columns (100px)

Wireframes

截屏2021-09-07 下午6.09.38.png

Sitemap

截屏2021-09-07 下午6.17.48.png
 

UI Animated Prototype

 
 

Conclusion

This is a very high degree of freedom project. We can choose the theme, content, and style we like. In this project, I really enjoy the process of designing this project. At the same time, I also learned a lot. I learned a lot about cats in terms of content, and I believe I can take care of my cats better in the days to come. I considered design more mature than before, and I used typographical hierarchy and data organization more proficiently in design.

Previous
Previous

Clone Wars Poster 2021

Next
Next

Portrait Illustration 2023 (Copy)