DEV Community

jun
jun

Posted on

Looking for honest feedback for my first portfolio πŸ™

Alt Text

First I would appreciate that you clicked on my post πŸ˜€ I just finished my portfolio website. It made with the middleman and GitHub pages.

I’d love your criticism, suggestions, and etc so please have a play around with it!✨

Here's the link:
https://jun-low.com/

Thank you in advance!!

Top comments (11)

Collapse
Β 
nataliedeweerd profile image
𝐍𝐚𝐭𝐚π₯𝐒𝐞 𝐝𝐞 π–πžπžπ«π β€’

Hi Jun!

Website looks great :D Few bits of feedback below; but overall you should be proud of this site! It looks awesome for a first portfolio:

  • If you want a background that moves with the cursor, allow it to move horizontally as well. At the moment the leaves only shift with my cursor vertically.
  • There is a black box behind the text on your first screen, but it doesn't stick when I click "My Story", it scrolls up. I'd almost argue the black is so light it's not needed.
  • The Contact button feels really oddly positioned.. and gets a little lost in your picture. Maybe just keep it in the menu?
  • Improve the line height on your menu, the text feels very squashed.
  • I feel like your text could be a bit bigger... especially as your header font is so large. "Jun Low" is a lot bigger than "My name is Jun".
  • Going from left-align content, to center on your projects feels quite jarring. I'd suggest keeping it all left aligned, and lay it out similarly to your starting section; content on the left, image on the right.
  • Your header text and paragraph text on your projects aren't aligned.
  • I love the way you've laid out your specialities!! Might borrow that ideas myself when I come to revamp my portfolio :D
  • On your responsive, I'd suggest making the picture of you full-screen when you hit tablet size. At the moment you get bits of the leafy background as it scales.
Collapse
Β 
junlow profile image
jun β€’

Thanks so much for your helpful feedback! Very appreciate it!! 😊

Collapse
Β 
prafulla-codes profile image
Prafulla Raichurkar β€’

Yours is one of the best portfolio's I've ever seen. Just that the first landing image took time to load (maybe my network is slow) everything else seems great!

I'm pretty sure I'll be referring ideas from your portfolio while designing mine πŸ˜‡

Collapse
Β 
junlow profile image
jun β€’

I'm flattered! I'm not sure why does it happen 😦but thank you :)

Collapse
Β 
prafulla-codes profile image
Prafulla Raichurkar β€’

You can try using jpeg-compressor.com to compress it in KBs :)

Thread Thread
Β 
junlow profile image
jun β€’

Good call! Will it reduce the picture quality?

Thread Thread
Β 
prafulla-codes profile image
Prafulla Raichurkar β€’

No it won't do try giving it a shot.πŸ˜ƒ

Collapse
Β 
gitjuned profile image
Juned Khatri β€’

Hey Jun,

I just went through your portfolio. It's good but it can be Great!

Some points to be considered:

1) Fonts:
The primary and secondary font doesn't feel even. Guess portfolio would be better if you iterate over the Primary font.

2) Color:
There's too much white typography.

3) Background:
The leafy background with that black overlay, kinda making the website look dull.

4) Uneven spacing:
Look where the section title "About" and "Project" is. Both should be on the distance from the left. (I feel)

5) Images:
The project thumbnails are of different dimensions, guess they all should have the same dimensions.

6) Specialties Section:
The spacing from left and right should be the same.

Collapse
Β 
junlow profile image
jun β€’

Thank you so much, Juned! Will work on to these πŸ˜€Do you recommend using sans-serif or serif fonts for a personal website?

Collapse
Β 
gitjuned profile image
Juned Khatri β€’

Hey Jun,
Sorry for the late reply.
As far as the fonts are concerned, I'd recommend using a combination of both Serif and Sans Serif. You can check the following websites for inspiration:

kustard.io
kustard.design

Also, for font combinations, you can make use of this website.
fontpair.co

Thank You :)

Thread Thread
Β 
junlow profile image
jun β€’

That's amazing. Thank you!!