Day 6 of 30 Day UI/UX Design Challenge: Decoding Cat Body Language 🐈

Posted
Tags
UI/UX 30 Day UI/UX Design Challenge
Share

🎨 Today’s design task

Another day, another challenge! Today’s task pushed me out of my comfort zone, focusing on cat body language.

🚀 My design process

  1. Researched cat body language (despite having a cat, I realised there was a lot to learn!)

  2. Sketched initial ideas on paper

  3. Selected ethical colour palette

  4. Chose font pairing: Poiret One & Montserrat

  5. Found and incorporated cat images (planned to draw them if time allowed)

  6. Added icons using the Iconify plugin in Figma

  7. Experimented with table layout (which was a bad idea eventually)

  8. Added colour to lines for visual interest

  9. Stuck with the design despite doubts (to manage time)

  10. Added colour accents beneath each cat image

  11. Incorporated researched cat body language text

🧠 Challenges and solutions

  • Changing design midway in Figma was problematic
  • Struggled with colour usage in table layout
  • Mentor, Thomas Sensei’s feedback highlighted areas for improvement:
    • Differentiate icon text and descriptions
    • Maintain consistency with initial design concept
    • Reduce information overload (e.g., add “Read More” option)

🖼️ The final design

Cat illustrations: RD.COM, GETTY IMAGES

While I’m not fully satisfied with today’s result, it was a valuable learning experience.

💡 What I learned today

  • Major design changes should start on paper, not in Figma
  • Information overload can clutter the design; consider using “Read More” or initially hidden options

⏰ If I had more time

  • I’d revert to my initial sketch, focusing on one aspect (e.g., cat tails)
  • Implement a hover effect to reveal detailed information. Here’s a new sketch I did after the challenge.:

💌 Any thoughts?

What projects are you working on? I’d love to hear your thoughts on my design or any advice!

Thanks for following Day 6 of my challenge. See you tomorrow for Day 7!

With love and light 🫶🏻
Yoshie

P.S. Our cat Teto has been struggling with stomach issues lately. As someone who dealt with similar problems in childhood, I empathise deeply. We’re committed to finding the right food and showering him with love and support. I wish you and all our furry friends the best health and the most happiness! 🐱💕

Related articles

Day 19 of 30 Day UI/UX Design Challenge: Getting Tidy! 📦

🎨 Today’s Design Task Today’s task was a bit overwhelming but also rewarding. Just like decluttering a home, I focused on tidying up the design and content of a cluttered homepage. Show task description 🚀 My Design Process Content Review: I went through all the content on the homepage, marking key services (green), calls-to-action (red), and redundancies (yellow). I added notes directly onto …

Day 30 of 30 Day UI/UX Design Challenge: Reflecting on My Journey 🌱

🎨 Today’s Task: Reflection and Review For the final day, my partner suggested I reflect on the 29 challenges I’ve completed to identify what I enjoyed most and what areas I excel in. 💡 Reviews & Redesigns Here’s a look back at what I would change now and which challenges I enjoyed the most! Day 1: Detective Conan Escape Room Booking Page Card Order: I’d reorder the difficulty levels …

Day 10 of 30 Day UI/UX Design Challenge: Icon Design! ➰

🎨 Today’s design task Last night, I discussed my task for today with my partner. I’m grateful for his input, as he’s always thinking about how I can upskill as a designer. 🥹❤️ Today’s task: It’s a 2-day series focused on icon design! 🚀 My design process Understanding the task: I started by reading the task requirements. Research: To understand how to make consistent icons, I …