UX/UI Design

UI Components V1

A curated collection of UI component explorations across fintech, analytics, admin, and communication interfaces — showcasing versatility in designing complex data visualizations, forms, and interactive elements across different product contexts.

Year :

2023

Industry :

Fintech / Admin / SaaS

Client :

Personal Project

Project Duration :

4 weeks

Featured Project Cover Image

Problem :

Design portfolios often show only finished, single-purpose products, making it hard to demonstrate range — the ability to design across different data types (financial metrics, credit scoring, multi-step verification, real-time chat) and UI patterns (charts, steppers, filters, dashboards) within a consistent design language.

Solution :

I built a library of standalone components spanning multiple domains: donut charts and analytics widgets for customer/sales data, a multi-step verification flow (Card Details → Form Review → Verify OTP → Create Code), a credit score gauge, invoice and payment interfaces, filter panels, and messaging/chat UI — each designed with consistent spacing, typography, and color logic despite covering entirely different use cases.

Challenge :

The challenge was maintaining visual and systemic consistency across wildly different data types and interaction patterns — a credit score gauge, a stock trading filter, and a chat interface all demand different visual solutions, yet needed to feel like they came from the same design hand and system-thinking approach.

Summary :

This component collection demonstrates range beyond a single product: the ability to design clear data visualization, multi-step flows, and functional UI patterns across fintech, admin, and social contexts — all while maintaining a cohesive, systemized visual language.

More Projects

Featured Project Cover Image

UX/UI Design

Dating App

Typematch is a personality-driven dating app that helps users find matches based on compatibility beyond appearance — combining swipe-based discovery with detailed filtering by personality type, interests, and relationship intent.

Featured Project Cover Image

UX/UI Design

Dating App

Typematch is a personality-driven dating app that helps users find matches based on compatibility beyond appearance — combining swipe-based discovery with detailed filtering by personality type, interests, and relationship intent.

Featured Project Cover Image

UX/UI Design

Dating App

Typematch is a personality-driven dating app that helps users find matches based on compatibility beyond appearance — combining swipe-based discovery with detailed filtering by personality type, interests, and relationship intent.

Project Cover Image

UX/UI Design

Tirus e-Learning

Tirus is a mobile e-learning platform that connects users with courses across creative, technical, and professional fields — from motion design to programming and finance — through a personalized, content-first discovery experience.

Project Cover Image

UX/UI Design

Tirus e-Learning

Tirus is a mobile e-learning platform that connects users with courses across creative, technical, and professional fields — from motion design to programming and finance — through a personalized, content-first discovery experience.

Project Cover Image

UX/UI Design

Tirus e-Learning

Tirus is a mobile e-learning platform that connects users with courses across creative, technical, and professional fields — from motion design to programming and finance — through a personalized, content-first discovery experience.

Featured Project Cover Image

UX/UI Design

One Tap Project

One Tap is a free-to-play competitive FPS where players battle as elite "agents" in intense 1v1 arena matches. The landing page introduces new players to the game's world through a bold, cinematic web experience that captures the tension and stakes of combat.

Featured Project Cover Image

UX/UI Design

One Tap Project

One Tap is a free-to-play competitive FPS where players battle as elite "agents" in intense 1v1 arena matches. The landing page introduces new players to the game's world through a bold, cinematic web experience that captures the tension and stakes of combat.

Featured Project Cover Image

UX/UI Design

One Tap Project

One Tap is a free-to-play competitive FPS where players battle as elite "agents" in intense 1v1 arena matches. The landing page introduces new players to the game's world through a bold, cinematic web experience that captures the tension and stakes of combat.

UX/UI Design

ASOS Redesign

A personal redesign exploration of ASOS.com, the UK-based online fashion and cosmetics retailer selling 850+ brands to young adults worldwide — reimagining the homepage to balance heavy promotional content with clearer product discovery.

UX/UI Design

ASOS Redesign

A personal redesign exploration of ASOS.com, the UK-based online fashion and cosmetics retailer selling 850+ brands to young adults worldwide — reimagining the homepage to balance heavy promotional content with clearer product discovery.

UX/UI Design

ASOS Redesign

A personal redesign exploration of ASOS.com, the UK-based online fashion and cosmetics retailer selling 850+ brands to young adults worldwide — reimagining the homepage to balance heavy promotional content with clearer product discovery.

Featured Project Cover Image

UX/UI Design

Polaris Dashboard

Polaris Dashboard is a sales and user analytics platform that gives businesses a real-time view of app and web performance — tracking sales trends, user growth, geographic distribution, and coupon usage across multiple channels.

Featured Project Cover Image

UX/UI Design

Polaris Dashboard

Polaris Dashboard is a sales and user analytics platform that gives businesses a real-time view of app and web performance — tracking sales trends, user growth, geographic distribution, and coupon usage across multiple channels.

Featured Project Cover Image

UX/UI Design

Polaris Dashboard

Polaris Dashboard is a sales and user analytics platform that gives businesses a real-time view of app and web performance — tracking sales trends, user growth, geographic distribution, and coupon usage across multiple channels.

UX/UI Design

Locomex Dashboard

Locomex is an AI-first supply chain sustainability platform for small and medium enterprises, offering project-based ESG scoring, supplier risk assessment, and diversity analytics — helping companies build resilient, compliant, and sustainable supply chains.

UX/UI Design

Locomex Dashboard

Locomex is an AI-first supply chain sustainability platform for small and medium enterprises, offering project-based ESG scoring, supplier risk assessment, and diversity analytics — helping companies build resilient, compliant, and sustainable supply chains.

UX/UI Design

Locomex Dashboard

Locomex is an AI-first supply chain sustainability platform for small and medium enterprises, offering project-based ESG scoring, supplier risk assessment, and diversity analytics — helping companies build resilient, compliant, and sustainable supply chains.

New release

Preview

UX/UI Design

UI Components V1

A curated collection of UI component explorations across fintech, analytics, admin, and communication interfaces — showcasing versatility in designing complex data visualizations, forms, and interactive elements across different product contexts.

Year :

2023

Industry :

Fintech / Admin / SaaS

Client :

Personal Project

Project Duration :

4 weeks

Featured Project Cover Image

Problem :

Design portfolios often show only finished, single-purpose products, making it hard to demonstrate range — the ability to design across different data types (financial metrics, credit scoring, multi-step verification, real-time chat) and UI patterns (charts, steppers, filters, dashboards) within a consistent design language.

Solution :

I built a library of standalone components spanning multiple domains: donut charts and analytics widgets for customer/sales data, a multi-step verification flow (Card Details → Form Review → Verify OTP → Create Code), a credit score gauge, invoice and payment interfaces, filter panels, and messaging/chat UI — each designed with consistent spacing, typography, and color logic despite covering entirely different use cases.

Challenge :

The challenge was maintaining visual and systemic consistency across wildly different data types and interaction patterns — a credit score gauge, a stock trading filter, and a chat interface all demand different visual solutions, yet needed to feel like they came from the same design hand and system-thinking approach.

Summary :

This component collection demonstrates range beyond a single product: the ability to design clear data visualization, multi-step flows, and functional UI patterns across fintech, admin, and social contexts — all while maintaining a cohesive, systemized visual language.

More Projects

Featured Project Cover Image

UX/UI Design

Dating App

Typematch is a personality-driven dating app that helps users find matches based on compatibility beyond appearance — combining swipe-based discovery with detailed filtering by personality type, interests, and relationship intent.

Featured Project Cover Image

UX/UI Design

Dating App

Typematch is a personality-driven dating app that helps users find matches based on compatibility beyond appearance — combining swipe-based discovery with detailed filtering by personality type, interests, and relationship intent.

Featured Project Cover Image

UX/UI Design

Dating App

Typematch is a personality-driven dating app that helps users find matches based on compatibility beyond appearance — combining swipe-based discovery with detailed filtering by personality type, interests, and relationship intent.

Project Cover Image

UX/UI Design

Tirus e-Learning

Tirus is a mobile e-learning platform that connects users with courses across creative, technical, and professional fields — from motion design to programming and finance — through a personalized, content-first discovery experience.

Project Cover Image

UX/UI Design

Tirus e-Learning

Tirus is a mobile e-learning platform that connects users with courses across creative, technical, and professional fields — from motion design to programming and finance — through a personalized, content-first discovery experience.

Project Cover Image

UX/UI Design

Tirus e-Learning

Tirus is a mobile e-learning platform that connects users with courses across creative, technical, and professional fields — from motion design to programming and finance — through a personalized, content-first discovery experience.

Featured Project Cover Image

UX/UI Design

One Tap Project

One Tap is a free-to-play competitive FPS where players battle as elite "agents" in intense 1v1 arena matches. The landing page introduces new players to the game's world through a bold, cinematic web experience that captures the tension and stakes of combat.

Featured Project Cover Image

UX/UI Design

One Tap Project

One Tap is a free-to-play competitive FPS where players battle as elite "agents" in intense 1v1 arena matches. The landing page introduces new players to the game's world through a bold, cinematic web experience that captures the tension and stakes of combat.

Featured Project Cover Image

UX/UI Design

One Tap Project

One Tap is a free-to-play competitive FPS where players battle as elite "agents" in intense 1v1 arena matches. The landing page introduces new players to the game's world through a bold, cinematic web experience that captures the tension and stakes of combat.

UX/UI Design

ASOS Redesign

A personal redesign exploration of ASOS.com, the UK-based online fashion and cosmetics retailer selling 850+ brands to young adults worldwide — reimagining the homepage to balance heavy promotional content with clearer product discovery.

UX/UI Design

ASOS Redesign

A personal redesign exploration of ASOS.com, the UK-based online fashion and cosmetics retailer selling 850+ brands to young adults worldwide — reimagining the homepage to balance heavy promotional content with clearer product discovery.

UX/UI Design

ASOS Redesign

A personal redesign exploration of ASOS.com, the UK-based online fashion and cosmetics retailer selling 850+ brands to young adults worldwide — reimagining the homepage to balance heavy promotional content with clearer product discovery.

Featured Project Cover Image

UX/UI Design

Polaris Dashboard

Polaris Dashboard is a sales and user analytics platform that gives businesses a real-time view of app and web performance — tracking sales trends, user growth, geographic distribution, and coupon usage across multiple channels.

Featured Project Cover Image

UX/UI Design

Polaris Dashboard

Polaris Dashboard is a sales and user analytics platform that gives businesses a real-time view of app and web performance — tracking sales trends, user growth, geographic distribution, and coupon usage across multiple channels.

Featured Project Cover Image

UX/UI Design

Polaris Dashboard

Polaris Dashboard is a sales and user analytics platform that gives businesses a real-time view of app and web performance — tracking sales trends, user growth, geographic distribution, and coupon usage across multiple channels.

UX/UI Design

Locomex Dashboard

Locomex is an AI-first supply chain sustainability platform for small and medium enterprises, offering project-based ESG scoring, supplier risk assessment, and diversity analytics — helping companies build resilient, compliant, and sustainable supply chains.

UX/UI Design

Locomex Dashboard

Locomex is an AI-first supply chain sustainability platform for small and medium enterprises, offering project-based ESG scoring, supplier risk assessment, and diversity analytics — helping companies build resilient, compliant, and sustainable supply chains.

UX/UI Design

Locomex Dashboard

Locomex is an AI-first supply chain sustainability platform for small and medium enterprises, offering project-based ESG scoring, supplier risk assessment, and diversity analytics — helping companies build resilient, compliant, and sustainable supply chains.

New release

Preview

UX/UI Design

UI Components V1

A curated collection of UI component explorations across fintech, analytics, admin, and communication interfaces — showcasing versatility in designing complex data visualizations, forms, and interactive elements across different product contexts.

Year :

2023

Industry :

Fintech / Admin / SaaS

Client :

Personal Project

Project Duration :

4 weeks

Featured Project Cover Image

Problem :

Design portfolios often show only finished, single-purpose products, making it hard to demonstrate range — the ability to design across different data types (financial metrics, credit scoring, multi-step verification, real-time chat) and UI patterns (charts, steppers, filters, dashboards) within a consistent design language.

Solution :

I built a library of standalone components spanning multiple domains: donut charts and analytics widgets for customer/sales data, a multi-step verification flow (Card Details → Form Review → Verify OTP → Create Code), a credit score gauge, invoice and payment interfaces, filter panels, and messaging/chat UI — each designed with consistent spacing, typography, and color logic despite covering entirely different use cases.

Challenge :

The challenge was maintaining visual and systemic consistency across wildly different data types and interaction patterns — a credit score gauge, a stock trading filter, and a chat interface all demand different visual solutions, yet needed to feel like they came from the same design hand and system-thinking approach.

Summary :

This component collection demonstrates range beyond a single product: the ability to design clear data visualization, multi-step flows, and functional UI patterns across fintech, admin, and social contexts — all while maintaining a cohesive, systemized visual language.

More Projects

Featured Project Cover Image

UX/UI Design

Dating App

Typematch is a personality-driven dating app that helps users find matches based on compatibility beyond appearance — combining swipe-based discovery with detailed filtering by personality type, interests, and relationship intent.

Featured Project Cover Image

UX/UI Design

Dating App

Typematch is a personality-driven dating app that helps users find matches based on compatibility beyond appearance — combining swipe-based discovery with detailed filtering by personality type, interests, and relationship intent.

Featured Project Cover Image

UX/UI Design

Dating App

Typematch is a personality-driven dating app that helps users find matches based on compatibility beyond appearance — combining swipe-based discovery with detailed filtering by personality type, interests, and relationship intent.

Project Cover Image

UX/UI Design

Tirus e-Learning

Tirus is a mobile e-learning platform that connects users with courses across creative, technical, and professional fields — from motion design to programming and finance — through a personalized, content-first discovery experience.

Project Cover Image

UX/UI Design

Tirus e-Learning

Tirus is a mobile e-learning platform that connects users with courses across creative, technical, and professional fields — from motion design to programming and finance — through a personalized, content-first discovery experience.

Project Cover Image

UX/UI Design

Tirus e-Learning

Tirus is a mobile e-learning platform that connects users with courses across creative, technical, and professional fields — from motion design to programming and finance — through a personalized, content-first discovery experience.

Featured Project Cover Image

UX/UI Design

One Tap Project

One Tap is a free-to-play competitive FPS where players battle as elite "agents" in intense 1v1 arena matches. The landing page introduces new players to the game's world through a bold, cinematic web experience that captures the tension and stakes of combat.

Featured Project Cover Image

UX/UI Design

One Tap Project

One Tap is a free-to-play competitive FPS where players battle as elite "agents" in intense 1v1 arena matches. The landing page introduces new players to the game's world through a bold, cinematic web experience that captures the tension and stakes of combat.

Featured Project Cover Image

UX/UI Design

One Tap Project

One Tap is a free-to-play competitive FPS where players battle as elite "agents" in intense 1v1 arena matches. The landing page introduces new players to the game's world through a bold, cinematic web experience that captures the tension and stakes of combat.

UX/UI Design

ASOS Redesign

A personal redesign exploration of ASOS.com, the UK-based online fashion and cosmetics retailer selling 850+ brands to young adults worldwide — reimagining the homepage to balance heavy promotional content with clearer product discovery.

UX/UI Design

ASOS Redesign

A personal redesign exploration of ASOS.com, the UK-based online fashion and cosmetics retailer selling 850+ brands to young adults worldwide — reimagining the homepage to balance heavy promotional content with clearer product discovery.

UX/UI Design

ASOS Redesign

A personal redesign exploration of ASOS.com, the UK-based online fashion and cosmetics retailer selling 850+ brands to young adults worldwide — reimagining the homepage to balance heavy promotional content with clearer product discovery.

Featured Project Cover Image

UX/UI Design

Polaris Dashboard

Polaris Dashboard is a sales and user analytics platform that gives businesses a real-time view of app and web performance — tracking sales trends, user growth, geographic distribution, and coupon usage across multiple channels.

Featured Project Cover Image

UX/UI Design

Polaris Dashboard

Polaris Dashboard is a sales and user analytics platform that gives businesses a real-time view of app and web performance — tracking sales trends, user growth, geographic distribution, and coupon usage across multiple channels.

Featured Project Cover Image

UX/UI Design

Polaris Dashboard

Polaris Dashboard is a sales and user analytics platform that gives businesses a real-time view of app and web performance — tracking sales trends, user growth, geographic distribution, and coupon usage across multiple channels.

UX/UI Design

Locomex Dashboard

Locomex is an AI-first supply chain sustainability platform for small and medium enterprises, offering project-based ESG scoring, supplier risk assessment, and diversity analytics — helping companies build resilient, compliant, and sustainable supply chains.

UX/UI Design

Locomex Dashboard

Locomex is an AI-first supply chain sustainability platform for small and medium enterprises, offering project-based ESG scoring, supplier risk assessment, and diversity analytics — helping companies build resilient, compliant, and sustainable supply chains.

UX/UI Design

Locomex Dashboard

Locomex is an AI-first supply chain sustainability platform for small and medium enterprises, offering project-based ESG scoring, supplier risk assessment, and diversity analytics — helping companies build resilient, compliant, and sustainable supply chains.

New release

Preview

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