ARFAN
YUSRAN
YUSRAN
I'm Arfan, a Graphic and UX/UI Designer based in Indonesia, always passionate about different aspects of design. Eager to provide innovative and effective design solutions in collaboration with teams and clients.
SCROLL
UX
Researcher
UI/UX
Designer
Graphic
Designer
UX
Researcher
UI/UX
Designer
Graphic
Designer
UX
Researcher
UI/UX
Designer
Graphic
Designer
{01} — Featured projects
I blend creativity with technical expertise
{02} — Tools & Skills
My creative toolbox
{02} — Tools & Skills
My creative toolbox
{02} — Tools & Skills
My creative toolbox
Figma
Leading collaborative design tool
Figma
Leading collaborative design tool
Figma
Leading collaborative design tool
Framer
No-code website builder
Framer
No-code website builder
Framer
No-code website builder
Adobe Photoshop
Raster graphics editor by Adobe
Adobe Photoshop
Raster graphics editor by Adobe
Adobe Photoshop
Raster graphics editor by Adobe
Slack
Communication Tool
Slack
Communication Tool
Slack
Communication Tool
Click-Up
Collaboration Project Management Tool
Click-Up
Collaboration Project Management Tool
Click-Up
Collaboration Project Management Tool
Maze
Product Design Usability Testing Tool
Maze
Product Design Usability Testing Tool
Maze
Product Design Usability Testing Tool
Mobile Design
Website Design
Landing page
Mobile Design
Website Design
Landing page
Mobile Design
Website Design
Landing page
{03} — Process
How it works
Empathize
/
01
We’ll understand user behavior and needs through direct observation and research
User Interviews:
Gain deep insights from user stories, motivations, and frustrations.
Competitor Analysis:
Study similar platforms to identify opportunities and gaps.
Define Scope:
Set the project’s objectives, deliverables, and timelines.
Empathize
/
01
We’ll understand user behavior and needs through direct observation and research
User Interviews:
Gain deep insights from user stories, motivations, and frustrations.
Competitor Analysis:
Study similar platforms to identify opportunities and gaps.
Define Scope:
Set the project’s objectives, deliverables, and timelines.
Empathize
/
01
We’ll understand user behavior and needs through direct observation and research
User Interviews:
Gain deep insights from user stories, motivations, and frustrations.
Competitor Analysis:
Study similar platforms to identify opportunities and gaps.
Define Scope:
Set the project’s objectives, deliverables, and timelines.
Define
/
02
We’ll synthesize findings to clearly articulate the core problems
User Persona Creation:
Define representative users to guide design decisions.
Problem Statement:
Formulate a clear and concise user-centered problem
User Journey Mapping:
Visualize user interactions to spot friction points.
Define
/
02
We’ll synthesize findings to clearly articulate the core problems
User Persona Creation:
Define representative users to guide design decisions.
Problem Statement:
Formulate a clear and concise user-centered problem
User Journey Mapping:
Visualize user interactions to spot friction points.
Define
/
02
We’ll synthesize findings to clearly articulate the core problems
User Persona Creation:
Define representative users to guide design decisions.
Problem Statement:
Formulate a clear and concise user-centered problem
User Journey Mapping:
Visualize user interactions to spot friction points.
Ideate
/
03
We’ll generate design ideas to solve the identified problem
Brainstorming Sessions:
Encourage a wide range of creative solutions.
Sketching Solutions:
Translate ideas into rough interface structures
Feature Prioritization:
Use Impact/Effort Matrix to select what matters most.
Ideate
/
03
We’ll generate design ideas to solve the identified problem
Brainstorming Sessions:
Encourage a wide range of creative solutions.
Sketching Solutions:
Translate ideas into rough interface structures
Feature Prioritization:
Use Impact/Effort Matrix to select what matters most.
Ideate
/
03
We’ll generate design ideas to solve the identified problem
Brainstorming Sessions:
Encourage a wide range of creative solutions.
Sketching Solutions:
Translate ideas into rough interface structures
Feature Prioritization:
Use Impact/Effort Matrix to select what matters most.
Prototype
/
04
We’ll build tangible models to explore potential solutions
Wireframing:
Draft the basic layout and flow using low-fidelity designs.
UI Kit & Design System:
Develop consistent elements like typography, icons, and colors.
High-Fidelity Prototype:
The visual appearance of the application in detail and close to the final product.
Prototype
/
04
We’ll build tangible models to explore potential solutions
Wireframing:
Draft the basic layout and flow using low-fidelity designs.
UI Kit & Design System:
Develop consistent elements like typography, icons, and colors.
High-Fidelity Prototype:
The visual appearance of the application in detail and close to the final product.
Prototype
/
04
We’ll build tangible models to explore potential solutions
Wireframing:
Draft the basic layout and flow using low-fidelity designs.
UI Kit & Design System:
Develop consistent elements like typography, icons, and colors.
High-Fidelity Prototype:
The visual appearance of the application in detail and close to the final product.
Test
/
05
We’ll validate design choices with real users to refine the product
Usability Testing:
Observe user interaction to identify confusing elements.
Feedback Synthesis:
Categorize and prioritize user feedback for iteration.
Design Iteration:
Improve prototypes based on real user input.
Test
/
05
We’ll validate design choices with real users to refine the product
Usability Testing:
Observe user interaction to identify confusing elements.
Feedback Synthesis:
Categorize and prioritize user feedback for iteration.
Design Iteration:
Improve prototypes based on real user input.
Test
/
05
We’ll validate design choices with real users to refine the product
Usability Testing:
Observe user interaction to identify confusing elements.
Feedback Synthesis:
Categorize and prioritize user feedback for iteration.
Design Iteration:
Improve prototypes based on real user input.
{04} — Contact me
