DEV Community

Discussion on: πŸ‘¨β€βš–οΈMy personal portfolio website, can I get a review?

Collapse
 
madza profile image
Madza • Edited

UI/UX has always been a matter of individual preference.
But if you are asking for it, here's my humble opinion:

1.WHAT I LIKED:
I really liked the load animation on the initial load of the page.
Purple-black combination has always been looking nice, you could definitely stick to it.
Social media buttons do look really nice on that background. Maybe implement zoom functionality on hover on them, just to make UX better.
Moving particles are nice touch, making everything feel more spacious.

2.1.WHAT I WOULD IMPROVE (Structural changes):
I would change menu li's as "Work","Education" and "Contact". (read below)
Put your actual projects on top of Work page, as they are ultimately what recruiters will look for.
If you want to highlight your education, internships and awards, I would combine them all in Education page as they are closely related.
Add a Contact page with a proper form for visitors to contact you directly from your page.
Remove the Favourites page, as it's not relevant info for potential recruiters.

2.2.WHAT I WOULD IMPROVE (UI changes):
While it looks unique, the current flashing letters look like it could be more suited for some entertainment company rather than your individual professional portfolio.
When it comes to fonts, I would stick with more round fonts through the whole page, like you did the description about you.
I would re-design the Resume button, so it is in the same purple tone as the rest of the page and with no shadow or with very dark grey, thin shadow.
You are loading very light images on the black background and they are currently loading pretty slow. So implement some kind of a loader (like on initial page load) for images, reduce their sizes to improve the overall browsing experience.
Give a slight border radius to every image on your site (like you do in Favourites page), so they don't look like just basically stacked there using no formatting at all.
I would also put some on-hover effect to each image, just to make it feel more dynamic, make a good use animate.style library.
Below each education/internship and award image posted I would do text block, giving a short description of fields of expertise behind.
For projects I would shortly describe the problem your tool solves and the tech stack used, without an extra need to open them in GitHub.
Make sure you change background colors of tags once you hover over them, to, lets say, dark purple to stick to the website main theme.
I would consider to implement light mode toggle somewhere on top.
Make sure you implement responsiveness to different screen widths. Keep in mind half of users will probably come from mobile devices, so ensure it looks beautiful and easy to read on every device.

Again, these are all subjective, and hope you can make a good use of something :)

Collapse
 
rahuldkjain profile image
Rahul Jain

OMG! This is the best review I ever got on my designπŸ™ŒπŸ™Œ

Thanks a lot!

Collapse
 
madza profile image
Madza

You're welcome :)
I guess that's the beauty of dev.to.
We stand by each other to create better products.