100 Daily UI Challenge

100 Daily UI Challenge

💼Role: UX/UI Designer a.k.a. The Challenger

💼Role: UX/UI Designer a.k.a. The Challenger

💼Role: UX/UI Designer a.k.a. The Challenger

📏Tool: Figma

📏Tool: Figma

📏Tool: Figma

📆 Duration: 100 Non-Consecutive Days

📆 Duration: 100 Non-Consecutive Days

📆 Duration: 100 Non-Consecutive Days

What's Daily UI?

What's Daily UI?

What's Daily UI?

A Daily UI Challenge is where UI/UX designers create a new user interface design daily, usually for 100 days, to enhance skills and build portfolios.

A Daily UI Challenge is where UI/UX designers create a new user interface design daily, usually for 100 days, to enhance skills and build portfolios.

A Daily UI Challenge is where UI/UX designers create a new user interface design daily, usually for 100 days, to enhance skills and build portfolios.

💡 I followed the Daily UI Challenge specifically made by @derkolstad

💡 I followed the Daily UI Challenge specifically made by @derkolstad

💡 I followed the Daily UI Challenge specifically made by @derkolstad

My Goal

My Goal

My Goal

I wanted to start somewhere. Diving in to lessons right away can be daunting. I needed something that would kickstart my journey. And so I found out Daily UI Challenge by recommendations of people from Youtube.

I wanted to start somewhere. Diving in to lessons right away can be daunting. I needed something that would kickstart my journey. And so I found out Daily UI Challenge by recommendations of people from Youtube.

I wanted to start somewhere. Diving in to lessons right away can be daunting. I needed something that would kickstart my journey. And so I found out Daily UI Challenge by recommendations of people from Youtube.

My Journey

My Journey

My Journey

Throughout the Daily UI Challenge, my process evolved as I progressed and honed new skills.

Throughout the Daily UI Challenge, my process evolved as I progressed and honed new skills.

Throughout the Daily UI Challenge, my process evolved as I progressed and honed new skills.

First steps

First steps

First steps

Monkey see, Monkey do

Monkey see, Monkey do

Monkey see, Monkey do

At the start, I looked for inspiration online by checking out challenges from other designers. But I soon noticed that those were also made by people like me. So, I decided to draw ideas from real-life apps like messaging on my phone, music players, Shopee, Snapchat, and existing websites

At the start, I looked for inspiration online by checking out challenges from other designers. But I soon noticed that those were also made by people like me. So, I decided to draw ideas from real-life apps like messaging on my phone, music players, Shopee, Snapchat, and existing websites

At the start, I looked for inspiration online by checking out challenges from other designers. But I soon noticed that those were also made by people like me. So, I decided to draw ideas from real-life apps like messaging on my phone, music players, Shopee, Snapchat, and existing websites

Dummy CEO

Dummy CEO

Dummy CEO

To add depth to my designs, I began generating my own fictional brands and content for each prompt. While I still referred to online resources, I made it a point to incorporate my unique creations. I utilized Unsplash for images, always crediting the talented photographers behind them.

To add depth to my designs, I began generating my own fictional brands and content for each prompt. While I still referred to online resources, I made it a point to incorporate my unique creations. I utilized Unsplash for images, always crediting the talented photographers behind them.

To add depth to my designs, I began generating my own fictional brands and content for each prompt. While I still referred to online resources, I made it a point to incorporate my unique creations. I utilized Unsplash for images, always crediting the talented photographers behind them.

💡 Here are some of the dummy brands that I created and used throughout the whole challenge

💡 I followed the Daily UI Challenge specifically made by @derkolstad

💡 I followed the Daily UI Challenge specifically made by @derkolstad

Gaining momentum

Gaining momentum

Gaining momentum

Step by step

Step by step

Step by step

I organized my work into distinct categories: Assets, References, Design, and Final Output. This structure helped me keep my designs neat and accessible.

I organized my work into distinct categories: Assets, References, Design, and Final Output. This structure helped me keep my designs neat and accessible.

I organized my work into distinct categories: Assets, References, Design, and Final Output. This structure helped me keep my designs neat and accessible.

Design Scientist

Design Scientist

Design Scientist

I experimented with design themes and styles for each post in the Dribble challenge, focusing on both the design process and the final shot.

I experimented with design themes and styles for each post in the Dribble challenge, focusing on both the design process and the final shot.

I experimented with design themes and styles for each post in the Dribble challenge, focusing on both the design process and the final shot.

Plain and Colorful Backgrounds

Gradients and Color Combis

Blurred Backgrounds

Lines

A Little Help

A Little Help

A Little Help

Figma Plugins have been incredibly beneficial for my design work, and I'm immensely grateful to the community, as well as the YouTubers who generously share and showcase these plugins. I actively seek out and incorporate them into my design workflow.

Figma Plugins have been incredibly beneficial for my design work, and I'm immensely grateful to the community, as well as the YouTubers who generously share and showcase these plugins. I actively seek out and incorporate them into my design workflow.

Figma Plugins have been incredibly beneficial for my design work, and I'm immensely grateful to the community, as well as the YouTubers who generously share and showcase these plugins. I actively seek out and incorporate them into my design workflow.

Unsplash

Unsplash

Unsplash

The Unsplash License lets me use images freely for both commercial and personal projects.


I make sure to credit every photographer for their shots as a photography enthusiast

The Unsplash License lets me use images freely for both commercial and personal projects.


I make sure to credit every photographer for their shots as a photography enthusiast

The Unsplash License lets me use images freely for both commercial and personal projects.


I make sure to credit every photographer for their shots as a photography enthusiast

Iconify

Iconify

Iconify

I used Iconify to save time on creating icons. By studying the icons I used, I improved my icon design skills significantly.

I used Iconify to save time on creating icons. By studying the icons I used, I improved my icon design skills significantly.

I used Iconify to save time on creating icons. By studying the icons I used, I improved my icon design skills significantly.

SkewDat

SkewDat

SkewDat

I began using SkewDat midway through the challenge, elevating my presentations for a more polished look.

I began using SkewDat midway through the challenge, elevating my presentations for a more polished look.

I began using SkewDat midway through the challenge, elevating my presentations for a more polished look.

AI to Good Use

AI to Good Use

AI to Good Use

ChatGPT

ChatGPT

ChatGPT

Using ChatGPT in my workflow sped things up and improved my design decisions.


AI was a helpful tool, but I was committed to learning and growing as a Junior UX/UI Designer, recognizing AI's limitations

Using ChatGPT in my workflow sped things up and improved my design decisions.


AI was a helpful tool, but I was committed to learning and growing as a Junior UX/UI Designer, recognizing AI's limitations

Using ChatGPT in my workflow sped things up and improved my design decisions.


AI was a helpful tool, but I was committed to learning and growing as a Junior UX/UI Designer, recognizing AI's limitations

Missing something?

Missing something?

Missing something?

Recognizing the need to enhance my prototyping skills, I shifted my focus to creating prototypes. I recorded these prototypes using a screen recorder and seamlessly integrated them into my design using Premiere Pro.

Recognizing the need to enhance my prototyping skills, I shifted my focus to creating prototypes. I recorded these prototypes using a screen recorder and seamlessly integrated them into my design using Premiere Pro.

Recognizing the need to enhance my prototyping skills, I shifted my focus to creating prototypes. I recorded these prototypes using a screen recorder and seamlessly integrated them into my design using Premiere Pro.

How did it went?

How did it went?

How did it went?

This journey was a lengthy one, filled with valuable experiences, decisions, and approaches, whether they resulted in success or not. Each of these elements played a crucial role in my journey toward improvement.

I'm grateful for taking that first step; I knew I had to start somewhere. I want to extend my gratitude to everyone who encouraged me, organized these challenges, and created the tools I used. You're all awesome!

This journey was a lengthy one, filled with valuable experiences, decisions, and approaches, whether they resulted in success or not. Each of these elements played a crucial role in my journey toward improvement.

I'm grateful for taking that first step; I knew I had to start somewhere. I want to extend my gratitude to everyone who encouraged me, organized these challenges, and created the tools I used. You're all awesome!

This journey was a lengthy one, filled with valuable experiences, decisions, and approaches, whether they resulted in success or not. Each of these elements played a crucial role in my journey toward improvement.

I'm grateful for taking that first step; I knew I had to start somewhere. I want to extend my gratitude to everyone who encouraged me, organized these challenges, and created the tools I used. You're all awesome!

My Experience

My Experience

My Experience

This is the first time I didn't feel overwhelmed by the 100 prompts.

I genuinely enjoyed each challenge, even though I didn't complete them all in 100 consecutive days.

There were moments when life got busy, I felt too tired, or the scorching heat was exhausting. However, my goal was to finish the challenge even after graduating.

Each challenge presented a unique opportunity to make design decisions. It was certainly challenging, and there were moments when I considered giving up.

I'm grateful for the supportive community on Twitter; they played a significant role in keeping me motivated.

This is the first time I didn't feel overwhelmed by the 100 prompts.

I genuinely enjoyed each challenge, even though I didn't complete them all in 100 consecutive days.

There were moments when life got busy, I felt too tired, or the scorching heat was exhausting. However, my goal was to finish the challenge even after graduating.

Each challenge presented a unique opportunity to make design decisions. It was certainly challenging, and there were moments when I considered giving up.

I'm grateful for the supportive community on Twitter; they played a significant role in keeping me motivated.

This is the first time I didn't feel overwhelmed by the 100 prompts.

I genuinely enjoyed each challenge, even though I didn't complete them all in 100 consecutive days.

There were moments when life got busy, I felt too tired, or the scorching heat was exhausting. However, my goal was to finish the challenge even after graduating.

Each challenge presented a unique opportunity to make design decisions. It was certainly challenging, and there were moments when I considered giving up.

I'm grateful for the supportive community on Twitter; they played a significant role in keeping me motivated.

Skills Improved

Skills Improved

Skills Improved

Typography Skills

Typography Skills

Typography Skills

I honed my ability to choose and use fonts effectively, ensuring readability and visual harmony in my designs.

I honed my ability to choose and use fonts effectively, ensuring readability and visual harmony in my designs.

I honed my ability to choose and use fonts effectively, ensuring readability and visual harmony in my designs.

Figma Skills

Figma Skills

Figma Skills

I became proficient in Figma, streamlining my design workflow from wireframing to high-fidelity mockups and prototypes..

I became proficient in Figma, streamlining my design workflow from wireframing to high-fidelity mockups and prototypes..

I became proficient in Figma, streamlining my design workflow from wireframing to high-fidelity mockups and prototypes..

Photoshop and Illustrator Skills

Photoshop and Illustrator Skills

Photoshop and Illustrator Skills

improved my graphic editing skills in Adobe Photoshop and Illustrator, enhancing the precision and quality of my designs

improved my graphic editing skills in Adobe Photoshop and Illustrator, enhancing the precision and quality of my designs

improved my graphic editing skills in Adobe Photoshop and Illustrator, enhancing the precision and quality of my designs

Branding

Branding

Branding

I learned how to craft compelling brand identities, ensuring consistency and impact in my design work

I learned how to craft compelling brand identities, ensuring consistency and impact in my design work

I learned how to craft compelling brand identities, ensuring consistency and impact in my design work

Colors

Colors

Colors

I delved into color theory, mastering the art of selecting palettes that convey the right emotions and resonate with users.

I delved into color theory, mastering the art of selecting palettes that convey the right emotions and resonate with users.

I delved into color theory, mastering the art of selecting palettes that convey the right emotions and resonate with users.

Lesson Learned

Lesson Learned

Lesson Learned

Design never ends

Design never ends

Design never ends

No matter how much I iterate and design with purpose, my solutions aren't set in stone. Change is inevitable and constant adjustments are needed. Striving for perfection won't bring progress, because it evolves with every change.

No matter how much I iterate and design with purpose, my solutions aren't set in stone. Change is inevitable and constant adjustments are needed. Striving for perfection won't bring progress, because it evolves with every change.

No matter how much I iterate and design with purpose, my solutions aren't set in stone. Change is inevitable and constant adjustments are needed. Striving for perfection won't bring progress, because it evolves with every change.

Hold user's hands

Hold user's hands

Hold user's hands

As UX Designers, our creations aren't just visuals; they're experiences for the user. We don't just understand their needs; we guide them through our designs. Think of it like being a comforting friend, reassuring them that everything will be alright

As UX Designers, our creations aren't just visuals; they're experiences for the user. We don't just understand their needs; we guide them through our designs. Think of it like being a comforting friend, reassuring them that everything will be alright

As UX Designers, our creations aren't just visuals; they're experiences for the user. We don't just understand their needs; we guide them through our designs. Think of it like being a comforting friend, reassuring them that everything will be alright

Learn what you need

Learn what you need

Learn what you need

"I used to try and learn everything upfront, thinking it would make me better, but it actually slowed me down. Real progress comes from hands-on experience. I was eager to avoid mistakes, but I've come to realize that making mistakes is a crucial part of learning. Analyzing why I made those mistakes helps me make better decisions and understand user needs."

"I used to try and learn everything upfront, thinking it would make me better, but it actually slowed me down. Real progress comes from hands-on experience. I was eager to avoid mistakes, but I've come to realize that making mistakes is a crucial part of learning. Analyzing why I made those mistakes helps me make better decisions and understand user needs."

"I used to try and learn everything upfront, thinking it would make me better, but it actually slowed me down. Real progress comes from hands-on experience. I was eager to avoid mistakes, but I've come to realize that making mistakes is a crucial part of learning. Analyzing why I made those mistakes helps me make better decisions and understand user needs."