Keeping up with the Design Trends
Keeping up with the Design Trends
Keeping up with the Design Trends
Keeping up with the Design Trends
Role
Role
Role
UX Designer
UX Designer
UX Designer
Timeline
Timeline
Timeline
2 Weeks
2 Weeks
2 Weeks
Tools
Tools
Tools
Figma, FigJam
Figma, FigJam
Figma, FigJam
Year
Year
Year
2024
2024
2024
Project Objective
Project Objective
Project Objective
Project Objective
Digital design is transforming rapidly, with cutting-edge trends that reshape UI/UX, typography, and branding. Whether it’s through immersive experiences or personalization, design is becoming more user-centric, tech-savvy, and ethical. Alongside this evolution, branding and the design of collaterals are also embracing new approaches, ensuring cohesive, impactful identities across all digital and physical touchpoints.
Digital design is transforming rapidly, with cutting-edge trends that reshape UI/UX, typography, and branding. Whether it’s through immersive experiences or personalization, design is becoming more user-centric, tech-savvy, and ethical. Alongside this evolution, branding and the design of collaterals are also embracing new approaches, ensuring cohesive, impactful identities across all digital and physical touchpoints.
Digital design is transforming rapidly, with cutting-edge trends that reshape UI/UX, typography, and branding. Whether it’s through immersive experiences or personalization, design is becoming more user-centric, tech-savvy, and ethical. Alongside this evolution, branding and the design of collaterals are also embracing new approaches, ensuring cohesive, impactful identities across all digital and physical touchpoints.
I embarked on the Daily UI challenge with a dual purpose in mind: to elevate my design skills and to stay on the cutting edge of the latest UI design trends shaping the industry. The prospect of crafting a unique user interface every day held the promise of a transformative journey. Not only did I envision honing my creative thinking, but also seizing the opportunity to integrate the most current and captivating design concepts into my work.
I embarked on the Daily UI challenge with a dual purpose in mind: to elevate my design skills and to stay on the cutting edge of the latest UI design trends shaping the industry. The prospect of crafting a unique user interface every day held the promise of a transformative journey. Not only did I envision honing my creative thinking, but also seizing the opportunity to integrate the most current and captivating design concepts into my work.
I embarked on the Daily UI challenge with a dual purpose in mind: to elevate my design skills and to stay on the cutting edge of the latest UI design trends shaping the industry. The prospect of crafting a unique user interface every day held the promise of a transformative journey. Not only did I envision honing my creative thinking, but also seizing the opportunity to integrate the most current and captivating design concepts into my work.
How did I come up with the idea?
How did I come up with the idea?
How did I come up with the idea?
How did I come up with the idea?
UI Designs
UI Designs
UI Designs
UI Designs
Day 1
Day 1
Day 1
Login Screen
Login Screen
Design style implemented - Glassmorphism
Design style implemented - Glassmorphism
Glassmorphism uses translucent layers and frosted glass effects to create depth. It gives interfaces a sleek, modern, and futuristic look while keeping the design clean and simple.
Glassmorphism uses translucent layers and frosted glass effects to create depth. It gives interfaces a sleek, modern, and futuristic look while keeping the design clean and simple.
Day 2
Day 2
Day 2
Credit Card Checkout
Credit Card Checkout
Design style implemented - Neumorphism
Design style implemented - Neumorphism
Neumorphism uses soft shadows and highlights to create a subtle 3D effect. It blends skeuomorphism with flat design, giving UI elements like buttons and cards a clean, tactile, and modern look.
Neumorphism uses soft shadows and highlights to create a subtle 3D effect. It blends skeuomorphism with flat design, giving UI elements like buttons and cards a clean, tactile, and modern look.
Day 3
Day 3
Day 3
Landing Page
Landing Page
Design style implemented - Neubrutalism
Design style implemented - Neubrutalism
Neubrutalism embraces bold colors, sharp contrasts, and raw, unpolished elements. It creates striking, attention-grabbing interfaces that feel expressive, unconventional, and modern.
Neubrutalism embraces bold colors, sharp contrasts, and raw, unpolished elements. It creates striking, attention-grabbing interfaces that feel expressive, unconventional, and modern.
Day 4
Day 4
Day 4
Calculator
Calculator
Design style implemented - Flat Design
Design style implemented - Flat Design
Flat Design relies on simple shapes, bold colors, and minimal textures. It creates clean, user-friendly interfaces that prioritize clarity, speed, and functionality.
Flat Design relies on simple shapes, bold colors, and minimal textures. It creates clean, user-friendly interfaces that prioritize clarity, speed, and functionality.
Day 5
Day 5
Day 5
App Icon
App Icon
Design style implemented - Neumorphism
Design style implemented - Neumorphism
Neumorphism mimics physical surfaces with soft gradients and shadows, making buttons and cards appear extruded. It delivers a smooth, realistic feel while keeping the interface minimalistic.
Neumorphism mimics physical surfaces with soft gradients and shadows, making buttons and cards appear extruded. It delivers a smooth, realistic feel while keeping the interface minimalistic.
Day 6
Day 6
Day 6
User Profile
User Profile
Design style implemented - Minimalism
Design style implemented - Minimalism
Minimalism focuses on simplicity, using clean layouts, ample white space, and limited colors. It creates clear, elegant interfaces that highlight only what’s essential.
Minimalism focuses on simplicity, using clean layouts, ample white space, and limited colors. It creates clear, elegant interfaces that highlight only what’s essential.
Day 7
Day 7
Day 7
Settings
Settings
Design style implemented - Dark Mode
Design style implemented - Dark Mode
Dark Mode uses dark backgrounds with light text and elements, reducing eye strain and highlighting content. It gives interfaces a modern, sleek look while improving readability in low light.
Dark Mode uses dark backgrounds with light text and elements, reducing eye strain and highlighting content. It gives interfaces a modern, sleek look while improving readability in low light.
Day 8
Day 8
Day 8
404 Page
404 Page
Design style implemented - Minimalism
Design style implemented - Minimalism
Minimalism focuses on simplicity, using clean layouts, ample white space, and limited colors. It creates clear, elegant interfaces that highlight only what’s essential.
Minimalism focuses on simplicity, using clean layouts, ample white space, and limited colors. It creates clear, elegant interfaces that highlight only what’s essential.
Day 9
Day 9
Day 9
Music Player
Music Player
Design style implemented - Neubrutalism
Design style implemented - Neubrutalism
Neubrutalism features bold colors, heavy contrasts, and raw design elements. It creates eye-catching, expressive interfaces that feel modern, edgy, and unconventional.
Neubrutalism features bold colors, heavy contrasts, and raw design elements. It creates eye-catching, expressive interfaces that feel modern, edgy, and unconventional.
Day 10
Day 10
Day 10
Social Share
Social Share
Design style implemented - Neumorphism
Design style implemented - Neumorphism
Neumorphism mimics physical surfaces with soft gradients and shadows, making buttons and cards appear extruded. It delivers a smooth, realistic feel while keeping the interface minimalistic.
Neumorphism mimics physical surfaces with soft gradients and shadows, making buttons and cards appear extruded. It delivers a smooth, realistic feel while keeping the interface minimalistic.
Day 11
Day 11
Day 11
E-Commerce Shop
E-Commerce Shop
Design style implemented - 3D Elements
Design style implemented - 3D Elements
3D Elements uses three-dimensional graphics, objects, and animations integrated into a digital interface to create a sense of depth, realism, and interactivity.
3D Elements uses three-dimensional graphics, objects, and animations integrated into a digital interface to create a sense of depth, realism, and interactivity.
Finally, my top learnings
Finally, my top learnings
Finally, my top learnings
Finally, my top learnings
Adapting Trends to Context - I realized that styles like Glassmorphism or Neumorphism look great, but they only work if they actually improve the interface, not just decorate it.
Adapting Trends to Context - I realized that styles like Glassmorphism or Neumorphism look great, but they only work if they actually improve the interface, not just decorate it.
Adapting Trends to Context - I realized that styles like Glassmorphism or Neumorphism look great, but they only work if they actually improve the interface, not just decorate it.
Balancing Creativity and Usability - Every time I leaned too much into visuals, I had to step back and make sure the design was still clear, simple, and easy to use.
Balancing Creativity and Usability - Every time I leaned too much into visuals, I had to step back and make sure the design was still clear, simple, and easy to use.
Balancing Creativity and Usability - Every time I leaned too much into visuals, I had to step back and make sure the design was still clear, simple, and easy to use.
Consistency is key - No matter the trend, keeping fonts, colors, and components aligned made the designs feel polished and professional.
Consistency is key - No matter the trend, keeping fonts, colors, and components aligned made the designs feel polished and professional.
Consistency is key - No matter the trend, keeping fonts, colors, and components aligned made the designs feel polished and professional.
Every design told a story - In the end, I didn’t just create screens, I built a set of designs that show how I can adapt to trends while keeping the user at the center.
Every design told a story - In the end, I didn’t just create screens, I built a set of designs that show how I can adapt to trends while keeping the user at the center.
Every design told a story - In the end, I didn’t just create screens, I built a set of designs that show how I can adapt to trends while keeping the user at the center.