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

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 18 of 30 Day UI/UX Design Challenge: Logo Design for Tell Japan! 🌱

🎨 Today’s Design Task Today’s challenge was something completely new for meβ€”designing a logo! I chose to redesign the logo for TELL Japan, an organization I’ve supported in the past ✏️ This is what the current logo looks like: πŸš€ My Design Process Research: To gain a deeper understanding of TELL Japan, I reviewed its mission and services. Concept Development: I decided to retain their signature …

Making TELL Japan Website Accessible and Decluttered 🧹

πŸ‘©πŸ»β€πŸ”¬ Accessibility Testing Insights During my review of the TELL Japan website, I identified 17 accessibility and UI/UX issues. While 7 of these issues required coding changes, I addressed the other 10 through design improvements. Here’s how I tackled them. βœ… How I Solved Accessibility and UX Issues 1. Low Color Contrast on Buttons and Text: I improved the colour contrast of text and …