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 25 of 30 Day UI/UX Design Challenge: Redesigning a Japanese Website for Accessibility 🎌

🎨 Today’s Design Task Today’s task was both fun and a bit confusing! I focused on redesigning the Japanese website note.com to better align with their other pages and values while improving accessibility. The current website: Task Overview: Day 2: Design Improvement Apply research to create focused improvements for the chosen website. Steps: Refine Improvement Plan: Review Day 1 notes …

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 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 …