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 5 of 30 Day UI/UX Design Challenge: Meditation app with Psyduck! 🐥

🎨 Today’s design task Today was probably my most challenging task yet — designing a mobile meditation app featuring Psyduck! As a former web developer, mobile apps are new territory for me, but combining meditation with one of my favourite Pokémon made it exciting. 🚀 My design process Thoroughly analysed the task requirements Sketched initial ideas on my iPad using Freedom app Researched …

Day 2 of 30 Day UI/UX Design Challenge: Green is My Favourite! 💚

🎨 Today’s design task Another exciting morning! Today’s project is a nutrition dashboard with a green theme. As a vegan who loves green, this task really resonates with me, even though I’m not a nutrition expert. 🚀 My design process I started by sketching my initial ideas on paper. My experience with dashboard design as a software engineer came in handy! I researched daily …

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