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

Making TELL Japan Website Accessible and Decluttered 🧹

πŸ‘©πŸ»β€πŸ”¬ Accessibility Testing Insights During my review of the TELL Japan website, I identified 17 accessibility and UI/UX issues. While 7 of these issues required coding changes, I addressed the other 10 through design improvements. Here’s how I tackled them. βœ… How I Solved Accessibility and UX Issues 1. Low Color Contrast on Buttons and Text: I improved the colour contrast of text and …

Day 22 of 30 Day UI/UX Design Challenge: Diving Deep into Accessibility! πŸ•΅πŸ»β€β™€οΈ

🎨 Today’s Task Conduct an accessibility audit for pickuplimes.com Today’s task was both challenging and valuable. Accessibility is a crucial aspect of design, and I learned a lot from this deep dive! πŸš€ My Process I followed the Accessibility Insights for Web assessment guidelines closely to ensure I covered all necessary checks. 🧠 Challenges and Solutions Finding the Right Guidelines: Initially, …

Day 14 of 30 Day UI/UX Design Challenge: Desktop site redesign for Juni! πŸ₯€πŸ–₯️

🎨 Today’s design task Hi, everyone! Today’s challenge is the second day of my 2-day task of redesigning the Juni website! Today, I focused on the desktop version to align with the mobile design I created yesterday. Let’s dive in! πŸ‘πŸ» The current desktop website: πŸš€ My design process Task Review: I started by thoroughly reading today’s task. Current Website Check: I checked their current …