DEV Community

Discussion on: Portfolio Review

Collapse
 
madza profile image
Madza • Edited

What I liked:

  • Background gradient is awesome
  • Rounded edges, proper shadow and light grey color choice of main card in homepage looks super clean on that gradient
  • I love the hover effect on the avatar on the card, adds some interaction
  • Great font choice on that main card, looks clean and sleek
  • Nice layout of projects, easy to overview, with links to source

What I would improve:

  • Clicking on PJ (in top-left corner) should take users to homepage from anywhere. Also consider to increase the font size of it significantly
  • I would increase the icon size along with the font-size in the top nav.. Something tells me rounded fonts like Nunito, Montserrat, Quicksand or Varela Round would look nice there
  • 'About me' shouldn't be a dropdown, just combine 'get to know me' and 'hobbies' in one page 'About me'
  • Rename 'Hiring' to 'Skills' and make sure when you click on it, the content of 'Technologies' is already open
  • Move 'Personality' info to 'About me' and replace the current 'Get to know me' section with it
  • Remove 'Links' folder in 'Hiring', you already have all of them in your 'Home' main card.
  • This way your current 'Hiring' page would be left with just 'Technologies'. I would remove the Folder-themed design, and leave just Technologies post when user click on 'Skills'.
  • In footer make sure you make your name a link and it takes users to your Github or something
  • Make sure to make URLs cleaner.. for better UX I would suggest to re-construct your site to SPA and integrate some simple router to load just the content that is new
  • I don't know your dev browser, but make sure you check browser compatibility, test on different browsers.. For example on Chrome there is a blue shadow when I hover over portfolio icons, responsiveness bugs when I test in dev tools

These are all subjective!
Hope you find a good use of something :)

Collapse
 
paytoncodes profile image
Payton Pierce

Thank you so much for your feedback! I will be implementing all of this, and I do have plans in the near future to recreate it all in React with Router to get the loading smoother and easier.