DESIGN COLLECTION · FIGMA

UI/UX DESIGN.

A focused collection of product interfaces created in Figma, covering user flows, wireframes, responsive layouts, reusable components and interactive prototypes.

07CASE STUDY
DESIGN
BUILD
DEPLOY
UI/UX Design
Portfolio
UI/UX Design
RoleUI/UX Designer
TypeProduct Design · Interface Design
Year2026
StatusPortfolio
01 · OVERVIEW

THE PROJECT
BEHIND THE BUILD.

This collection highlights the design work behind digital products before development begins: clarifying user needs, organizing information and translating workflows into consistent, usable interfaces.

A focused collection of product interfaces created in Figma, covering user flows, wireframes, responsive layouts, reusable components and interactive prototypes.

02 · DESIGN PROCESS

FROM BLUEPRINT
TO FINAL DESIGN.

The blueprint establishes the structure, hierarchy and user journey. The final design applies the visual system, imagery, typography and brand personality.

01

POLI ATELIER

Fashion & Editorial

Blueprint · Structure
POLI ATELIER blueprint structure
Final Design · High Fidelity
POLI ATELIER final interface design
02

Poli Dental Studio

Healthcare

Blueprint · Structure
Poli Dental Studio blueprint structure
Final Design · High Fidelity
Poli Dental Studio final interface design
03

Poli Fitness

Fitness & Analytics

Blueprint · Structure
Poli Fitness blueprint structure
Final Design · High Fidelity
Poli Fitness final interface design
04

Poli Ramen House

Restaurant & Hospitality

Blueprint · Structure
Poli Ramen House blueprint structure
Final Design · High Fidelity
Poli Ramen House final interface design
05

Poli Residences

Real Estate

Blueprint · Structure
Poli Residences blueprint structure
Final Design · High Fidelity
Poli Residences final interface design
06

POLILEX

Legal Services

Blueprint · Structure
POLILEX blueprint structure
Final Design · High Fidelity
POLILEX final interface design
07

POLIMOTION

Creative Studio

Blueprint · Structure
POLIMOTION blueprint structure
Final Design · High Fidelity
POLIMOTION final interface design
08

POLIPAY

Fintech

Blueprint · Structure
POLIPAY blueprint structure
Final Design · High Fidelity
POLIPAY final interface design
09

POLIVOY

Travel & Booking

Blueprint · Structure
POLIVOY blueprint structure
Final Design · High Fidelity
POLIVOY final interface design
10

FlowPilot AI

AI Operations Dashboard · Final Design

Final Design · High Fidelity
FlowPilot AI final interface design
TECHNOLOGY
FigmaWireframingPrototypingDesign SystemsUser FlowsResponsive Design
02 · CORE FEATURES

WHAT I
BUILT.

01

User Flows

Maps practical paths through key tasks before detailed screens are produced.

↗
02

Wireframes

Explores hierarchy, content structure and interaction patterns at an early stage.

↗
03

High-Fidelity UI

Translates product requirements into polished interfaces with deliberate typography, color and spacing.

↗
04

Interactive Prototypes

Connects screens and states to demonstrate intended journeys and interaction behavior.

↗
05

Component Systems

Builds reusable interface patterns that improve consistency and make iteration faster.

↗
06

Responsive Design

Adapts layouts and priorities across desktop, tablet and mobile experiences.

↗
04 · CHALLENGES

PROBLEMS I HAD
TO SOLVE.

01

Balancing clarity and personality

Each concept needed a distinct visual character without weakening usability or hierarchy.

02

Designing realistic workflows

Screens were organized around practical user tasks rather than isolated visual compositions.

03

Creating scalable foundations

Components, patterns and responsive rules needed to support continued iteration and eventual development.

05 · RESULT

FROM IDEA
TO OUTPUT.

The collection demonstrates an end-to-end UI/UX process—from early structure and interaction planning to polished, development-ready product interfaces.

More Projects