DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,274 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
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
 
pika1998 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 Author

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

Collapse
 
pika1998 profile image
Prafulla Raichurkar

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

Thread Thread
 
junlow profile image
jun Author

Good call! Will it reduce the picture quality?

Thread Thread
 
pika1998 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 Author

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 Author

That's amazing. Thank you!!

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 Author

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

🌚 Browsing with dark mode makes you a better developer by a factor of exactly 40.

It's a scientific fact.