search icon

How i make web design process

user flow image

user flow

With UX method 'User flow' i'm mapping out the steps a user takes to complete a task within a product.


By creating a clear user flow, designers can identify potential pain points and areas of improvement within their product.


A well-designed user flow can greatly enhance the overall user experience and make the product more intuitive to use.

sketching image

sketching

So, when I'm sketching, I'm basically quickly drawing rough ideas for a design.


It's really helpful because it lets me explore different ideas and layouts before I commit to a final design.


And by sketching out my ideas, I can communicate my vision more effectively to stakeholders and get feedback early on in the design process.

wireframe image

wireframe

Wireframing is when I create low-fidelity representations of a design, usually using simple shapes and placeholders.


It's really helpful for me as a designer because it helps me plan out the layout and functionality of a design before adding visual details.


And if I create my wireframes well, they can help me identify possible usability issues and make sure the final design meets the needs of the user.

high fidelity image

high fidelity

When I'm doing high-fidelity design, it means adding more visual details and polishing the design.


It's really helpful because it helps stakeholders better understand the look and feel of the final product.


By focusing on high-fidelity design, I can create more realistic prototypes that accurately reflect the final product.

my web design projects

project name

GastroBuddy

project description

I did this restaurant application called "GastroBuddy" complete from idea to prototype, I am proud of this project because all UX/UI steps are covered. I hope you will like it! You can watch everything via the FIGMA link below!

used technologies

Figma

project name

Xiaomi POCO X5 pro

project description

Thisi s a landing page about Xiaomi Poco X5 Pro mobile phone.

used technologies

Figma

project name

Insta Kuhinja

project description

This is a php custom theme wp website about food, and all gourmet delicacies, sweets and more

used technologies

Figma

project name

Modra Nit

project description

Agencija je za marketing specijalizirana za vidljivost EU projekata.

used technologies

Figma

project name

Slap

project description

Association for creative development Slap from Osijek is an organization that deals with development projects through which it promotes social employment, socially responsible business, intersectoral cooperation and through its training center works on the sustainability of civil society organizations.

used technologies

Figma