πŸ‘©πŸ»β€πŸ’» UI Design Challenges

πŸ‘©πŸ»β€πŸ’» UI Design Challenges

Client

Self Motivated

Year

2024 - Present

This project is a collection of 20+ UI replications I created as personal design challenges. By recreating interfaces from various inspiration sources, I pushed myself to refine my eye for detail, improve execution speed, and explore different styles and patterns in interface design.

This project is a collection of 20+ UI replications I created as personal design challenges. By recreating interfaces from various inspiration sources, I pushed myself to refine my eye for detail, improve execution speed, and explore different styles and patterns in interface design.

Overview

The goal of this self-initiated project was to practice and sharpen my product design skills outside of client or company work. Each screen was carefully chosen to challenge me in different areas β€” from typography and hierarchy to color usage, spacing, component design, and responsive layouts.

Client

Self Motivated

Industry

Design

Service

User Interfaces

Design Systems

Duration

Ongoing

The Challenge

As a designer, it’s easy to stick to familiar styles and solutions. I wanted to push myself outside my comfort zone and tackle diverse UI patterns while also training my ability to translate inspiration into polished, pixel-perfect designs. The challenge was to not only replicate the screens but also analyze why the original design worked.

The Solution

I selected 20 screens across mobile and web interfaces and recreated them in Figma. I broke down each interface into grids, typography scales, and reusable components, then carefully matched spacing, alignment, and interaction details. By pairing each replication with its original reference, I could evaluate my accuracy and identify areas of improvement.

The Result

The outcome is a curated collection of UI replications that demonstrate my technical execution, adaptability to different design systems, and attention to detail. More importantly, the process improved my speed, sharpened my ability to spot visual inconsistencies, and expanded my toolkit of design patterns that I now bring into my product design work.

PORTFOLIO

CHECK OUT SOME MORE

CHECK OUT SOME MORE

CHECK OUT SOME MORE

CHECK OUT SOME MORE

πŸ“ KAD Designs

πŸ“ KAD Designs

πŸ“ KAD Designs

Web Design & Development

Portfolio

Brand Identity

πŸ“ KAD Designs

πŸ“ KAD Designs

πŸ“ KAD Designs

Web Design & Development

Portfolio

Brand Identity

πŸ“ KAD Designs

πŸ“ KAD Designs

πŸ“ KAD Designs

Web Design & Development

Portfolio

Brand Identity

πŸ“ KAD Designs

πŸ“ KAD Designs

πŸ“ KAD Designs

Web Design & Development

Portfolio

Brand Identity

⚽️ SAMBA

⚽️ SAMBA

⚽️ SAMBA

UI/UX Design

Brand Identity

Video Editing

Research

⚽️ SAMBA

⚽️ SAMBA

⚽️ SAMBA

UI/UX Design

Brand Identity

Video Editing

Research

⚽️ SAMBA

⚽️ SAMBA

⚽️ SAMBA

UI/UX Design

Brand Identity

Video Editing

Research

⚽️ SAMBA

⚽️ SAMBA

⚽️ SAMBA

UI/UX Design

Brand Identity

Video Editing

Research

Create a free website with Framer, the website builder loved by startups, designers and agencies.