Hello Campers,
I just recently completed my personal portfolio and claimed my responsive design certificate.
Any feedback or suggestions on my page would be much appreciated.
Check it out here.
I like you page. I can see your creativity. Well done!
Not just to be awed but to give some constructive feedback.
- If your nav bar has some margin on the right side, It would look better. Thatās what I observed from other sites.
- I believe you made project introduction text blur intentionally. However, I think that decreases readability a bit. Maybe for this point, you can listen to otherās feedback as well.
- I thought I was losing my mind and/or vision with that text between the skills and the projects- til I read the above commentā¦ thatās blurred? Personally I wouldnāt do that (as Iām low vision already as it is).
- What is the 6th icon from the left under skills? Iāve never seen that one. The last one Iāve seen but canāt remember what it is. Some sort of text or at least a ātool tipā pop up might help.
Nice set up though
I like the creativity in those subtle details and animations you have going on. And the choice of colors is great.
While Iām also a fan of the light shadow effect in general, I wouldnāt use it for everything and rarely in web projects. It tends to not be good for the eyes over time and makes it harder to read for some people. Your text looks good even without the box shadow.
There was no indication that there would be icons revealing after the ārobot handā animation finishes. At first I thought you messed up the spacing between the hand and text content. It has to be more clear or the icons have to show up automatically at some point. I also would add some tooltips for the icons to display what theyāre representing.
I donāt like the navbar. Apart from the text shadow which doesnāt fit in there, itās low quality compared to the rest of the page and lacks and hover effects.
Add some bottom padding to the projects section. There isnāt enough space after projects cards and before the next section.
No mobiles, there is less vertical free space between icons-text than text-projects. Make it consistent (same amount of space).
One other thing that often happens is removing some elements completely on mobiles. For example, how likely is the robot hand animation be triggered and finished? You could remove the hand and show icons immediately on those screens.
Thank you very much for your input. The text blur is indeed not the best for readability and Iāll modify that. Thanks again.
The last icon represents Acacheās POI Library for Microsoft spreadsheet creation and manipulation. Thanks for your feedback.
Wow. Well put constructive feedback. Iām still trying to perfect my design skills and everything you said is very helpful. I will use your suggestions as a yardstick for future projects. Your input is well appreciated.