From understanding the problem to creating a meaningful digital experience
Good design rarely starts with a beautiful screen.
For me, it starts with understanding the problem.
Every project has different users, goals, constraints, and challenges, so I don’t believe in following one rigid process every time. Instead, I use a flexible framework that helps me move from an idea to a clear and usable digital experience.
My typical process looks like this:
Understand → Research → Define → Wireframe → Design → Prototype → Test → Refine
01 — Understand
Before opening Figma, I first try to understand the project.
I look at the goals, the target users, the business requirements, and the problem we’re trying to solve.
Some of the questions I ask are:
Who are we designing for?
What problem are they facing?
What does the business want to achieve?
What should the user be able to accomplish?
A clear understanding of the problem gives the rest of the design process a stronger direction.
02 — Research
Once I understand the initial requirements, I explore the problem more deeply.
Depending on the project, this may include competitor analysis, user research, content analysis, and product research.
I look for patterns, opportunities, and pain points that can influence the design.
Research helps me avoid making decisions based only on personal assumptions.
03 — Define the Experience
After gathering information, I organize the important findings and define the core requirements.
At this stage, I focus on:
- User goals
- Business goals
- Key features
- Content structure
- User needs
- Main problems to solve
Then I begin mapping the user flow—the path a user should take to complete an important task.
For example:
Discover → Explore → Select → Review → Complete
This helps me understand the experience before designing individual screens.
04 — Wireframing
Now I move into wireframing.
At this stage, I don’t worry too much about colors, shadows, or visual decoration. My focus is on structure and usability.
I work through:
- Layout
- Navigation
- Content hierarchy
- User flow
- Screen relationships
- Interaction priorities
Low-fidelity wireframes allow me to explore ideas quickly and make changes before investing too much time in visual design.
05 — Visual Design
Once the structure feels right, I move into the visual design stage.
This is where the interface starts to become more refined.
I work with:
Typography
Creating a clear and readable type hierarchy.
Color
Using color to communicate hierarchy, actions, and meaning.
Spacing & Grid
Creating balance, consistency, and rhythm.
Components
Building reusable elements such as buttons, cards, inputs, and navigation.
Visual Hierarchy
Making sure users can quickly understand what matters most.
My goal is to create an interface that is visually strong without letting aesthetics get in the way of usability.
06 — Prototyping
A static screen doesn’t always tell the whole story.
That’s why I use prototypes to connect screens and simulate interactions.
Prototyping helps me understand:
- How users move through the interface
- Whether interactions feel natural
- Where users might get confused
- Whether the overall flow feels smooth
It turns a collection of screens into an experience that can actually be explored.
07 — Test & Refine
Design is rarely perfect on the first attempt.
I review the prototype and look for problems in usability, hierarchy, consistency, responsiveness, and accessibility.
Whenever possible, I gather feedback and use it to identify areas that need improvement.
Sometimes the best solution is not adding something new.
Sometimes it’s simply removing what isn’t necessary.
08 — Development Mindset
Because I also work with WordPress, I try to consider implementation while designing.
I think about responsive behavior, reusable components, content flexibility, and how the interface can realistically be built.
This helps me create designs that aren’t only beautiful in Figma but also practical in the real world.
For me, the connection between design and development is important.
Design Is an Ongoing Process
My UI/UX process isn’t about moving through a checklist and declaring the project finished.
It’s a cycle of understanding, creating, testing, and improving.
Every project teaches me something new, and every iteration helps make the experience clearer.
The ultimate goal is simple:
Create digital experiences that are useful, intuitive, and visually meaningful.
That’s what I try to achieve with every project I work on.
— Proshen Ranjan Kar
UI/UX Designer · WordPress Developer · Visual Designer