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

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

🎨 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

  1. I started by sketching my initial ideas on paper. My experience with dashboard design as a software engineer came in handy!

  2. I researched daily nutritional needs and how they’re measured.

  3. I chose colours and typography (Nunito, Nunito Sans), inspired by designs from Google and Dribbble.

  4. Firstly, I made a menu on the left side.

  5. I found a great pie chart design (Circle Chart by Pavel) in the Figma community. <- This took a lot of time 😅

  6. I added icons using the Iconify plugin in Figma.

  7. I experimented with colours, using an accent colour for unachieved nutrition goals. (I also snuck in a photo of my cat, Teto, as the profile picture!)

  8. Finally, I settled on the colour scheme.

🧠 Challenges and solutions

  • Working with green was trickier than I expected.
  • Since I’m not big on nutrition apps (except for tracking water, B12, and D), it was a bit challenging to stay engaged.
  • My mentor, Thomas Sensei, suggested some tweaks to the background brightness and vertical alignments, which I implemented.

🖼️ The final design

I’m pretty happy with day two’s result. I can’t wait to look back on this later and see how far I’ve come!

💡 What I learned today

Maintaining consistency with buttons and other elements can be tricky. I think I did okay using similar colours and icon styles, but there’s definitely room for improvement.

⏰ If I had more time

  • I’d adjust the stroke width of the icons to make them more uniform.
  • I’d add some animations to make the dashboard more dynamic.

💌 Any thoughts?

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

Thanks for following along on Day 2 of my challenge. See you tomorrow for Day 3!

with love and light 🫶
Yoshie

p.s. We found this vegan chocolate pudding in Edeka yesterday.

I love the design and concept. Super cool. And the chocolate pudding is possibly the best I’ve ever had! Unfortunately, their website isn’t very accessible. I might do a challenge to improve some websites so this one could be a good one 😚

Related articles

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

Day 17 of 30 Day UI/UX Design Challenge: Poopy Tracker Animation! 🍃

🎨 Today’s Design Task I was really excited about today’s task—creating animations! While I’m still learning, I gave it my best shot 💪🏻 🚀 My Design Process Task Review: Carefully read through today’s challenge. Brainstorming: Jotted down ideas for possible animations on each screen. First Animation: Focused on customising the message and selection on the second Data Entry screen. Component …

Day 20 of 30 Day UI/UX Design Challenge: Smart Animation! 🪂

🎨 Today’s Design Task Today’s task was something I knew I’d have to tackle eventually, so I’m glad I took it on! See task description 🚀 My Design Process Understanding the Task: I carefully read the task to ensure I knew exactly what was required. Lo-Fi Design: I started by creating a lo-fi design of the navigation bar and hero section, adding a path for a paraglider silhouette. AI Assistance: I …