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 15 of 30-Day UI/UX Design Challenge: Mobile App Lo-fi Design! ✍🏻

🎨 Today’s design task Today’s project was so much fun because it allowed me to think about my baby, Teto 🐈‍⬛❤️ 🚀 My design process Brainstormed key features for the app: Started with a brainstorming session to identify essential features. Defined the primary user persona: Essentially, I used myself as the primary user persona. Listed potential data points to track: Created a list of data …

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 16 of 30 Day UI/UX Design Challenge: Poopy Tracker Mobile App 🐈‍⬛ 💩

🎨 Today’s Design Task Today’s challenge was to create a high-fidelity mobile app design based on yesterday’s low-fidelity design. I had a clear vision for the colours and overall vibe, but this project was more challenging than expected! 🥲 🚀 My Design Process Inspiration Gathering: I started by collecting inspiration from Dribbble and other mobile apps, and building a mood board. Color and …