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 4 of 30 Day UI/UX Design Challenge: Medieval Artistry 👨🏻‍🎨

🎨 Today’s design task I was so excited about today’s task that I even dreamed about it last night! 😂 Today, I’m building on yesterday’s wireframe by designing the Portfolio Gallery section for Andreas Maler, capturing his unique art style and the game’s aesthetic. Design the Portfolio Gallery section from your wireframe, capturing the essence of Andreas Maler’s …

Day 1 of 30 Day UI/UX Design Challenge: The Journey Begins!

🎨 Today’s design task I woke up super excited today — a feeling I haven’t had in a while! My partner gave me an amazing project to work on. Detective Conan Escape Room Booking Page: Design a visually engaging and user-friendly page for the “Beika Street Escapes” website. A company offering Detective Conan-themed escape rooms Target Audience Detective Conan fans aged 15-45 …

Improving Accessibility on Mission Control’s Website! ✨

👩🏻‍🔬 Accessibility Insights from My Review While reviewing Mission Control’s website, I identified 13 accessibility and UI/UX issues on the homepage. Out of these, 7 required coding fixes, but I could address 6 through design changes. Let’s dive into how I solved them! ✅ How I Improved Accessibility and UX Colour Contrast: Green/Yellow Buttons: The original green and yellow buttons didn’t provide …