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

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

🎨 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

  1. 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 screenshots.

  2. User Personas: I developed 3 user personas to understand the target audience.

  3. Content Audit: The site had nine different phone numbers, so I listed them out to understand their purpose.

  4. User Journey Mapping: I created user journeys for three distinct personas to see how they would navigate the site.

  5. Site Map Creation: I developed a site map, prioritizing content, establishing hierarchy, and grouping related information based on user journeys.

  6. Lo-Fi Design: With extra time, I created a lo-fi design, emphasizing clear calls-to-action by incorporating white space and minimizing the number of buttons.

🧠 Challenges and Solutions

  • Prioritizing Information: The homepage had an overwhelming amount of content, making it difficult to identify the most important information. Defining user personas helped me decide what should be prominent on the homepage.
  • Content Organization: By understanding the user needs, I was able to reorganize the site map to ensure key information is easily accessible, no more than three clicks away.

🖼️ The Final Design

I’m pleased with the outcome. The design feels cleaner and more user-friendly.

💡 What I Learned Today

Having a lot of useful information on a site is great, but unfortunately, it’s practically useless if it’s hard to find. This exercise reinforced the importance of accessible design with well-prioritised content.

⏰ If I Had More Time

  • I’d work on a hi-fi design of the navigation bar and hero section.
  • I’d create a comprehensive list of all site information and categorise it to further improve user navigation.

💌 Any Thoughts?

What are you working on these days? I’d love to hear your feedback or any advice you might have!

Thanks for following along on Day 19 of my challenge. See you tomorrow for Day 20!

With love and light 🫶🏻

Yoshie

P.S. Yesterday, my family and I went hiking and visited a memorial of a concentration camp. Reading “Man’s Search for Meaning” gave me some insight, but seeing it in person was heartbreaking. There was a quote that resonated deeply with me:

“You are not only responsible for what you do, but also for what you allow to happen.”

Related articles

Day 13 of 30 Day UI/UX Design Challenge: Mobile site redesign for Juni! 🥤✨

🎨 Today’s design task Hi, everyone! Today’s challenge is redesigning a mobile website! I’ve been following Jay Shetty and his wife Radhi for a while now, and when I noticed their Juni website could use a little polish, I couldn’t wait to dive in and make it shine! The current mobile site: 🚀 My design process Initial Review: I looked at the Juni website on my mobile and listed …

The image of the current homepage of Droople's website and Yoshie's redeisng of it

Improving Accessibility & UX on Droople’s Website! 💧

👩🏻‍🔬 Accessibility Insights from My Review While reviewing Droople’s website, I identified 23 accessibility and UI/UX issues on the homepage. Of these, 10 could be fixed with design changes, 12 required programming fixes, and 1 involved content editing. Let’s explore how I approached these issues and improved the design! ✅ How I Solved Accessibility and UX Issues 1. Colour Contrast Many text …

The Sanat Ensemble website, showing the homepage with a colourful design and images of the performers on laptop and mobile

Finding Balance Between Fun, Joy, and Seriousness

Designing the Sanat Ensemble website was both a rewarding and challenging experience. The task was to capture the vibrant energy of the 70s whilst honouring Turkish people and other communities who fought for equal rights. I also wanted the design to reflect the joy and lively spirit of their music and performances. Here’s a breakdown of the key struggles I encountered and how I overcame them! 1. …