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 18 of 30 Day UI/UX Design Challenge: Logo Design for Tell Japan! 🌱

🎨 Today’s Design Task Today’s challenge was something completely new for me—designing a logo! I chose to redesign the logo for TELL Japan, an organization I’ve supported in the past ✏️ This is what the current logo looks like: 🚀 My Design Process Research: To gain a deeper understanding of TELL Japan, I reviewed its mission and services. Concept Development: I decided to retain their signature …

Day 21 of 30 Day UI/UX Design Challenge: All About Components! 🍱

🎨 Today’s Design Task Today’s task was right up my alley—I love organising and creating lists, so working on components was really satisfying! See task description 🚀 My Design Process Understanding the Task: I began by carefully reading the task instructions to grasp what components I needed to create. Base Components: I designed base components for articles and events, drawing inspiration from …

Day 8 of 30 Day UI/UX Design Challenge: Redesigning Checkout Process! 👛

🎨 Today’s design task Today’s challenge felt more comfortable, given my previous experience with forms in both design and coding. As always, Thomas Sensei provided valuable feedback! Task: Redesign the cart/checkout for Freibad Hornberg, improving upon their current design. current website 🚀 My design process Sketched initial ideas on iPad Researched best practices for login, account …