DEV Community

Discussion on: Rate my personal website

Collapse
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan

It's definitely a good start!

I highly recommend you use an HTML validation service. There are some errors that you should fix.

You can also use PageSpeed Insights to identify performance bottlenecks.

Hero banner and Personal

Starting at the top, I'd say the biggest issue is that there's too much whitespace in the hero banner. This'll be worse on bigger monitors, so I have two recommendations: Center your page, and consider using a darker navbar. The white bleeds into the white background and doesn't convey a sense of elevation very well. As you scroll, it does become transparent, but dark on light may look better.

Since first impressions can make a world of difference, I'd recommend moving your headshot to the hero banner so people immediately see you and associate your name with your face. Don't use faceless images/drawings. They look great, but they're never a good replacement for the real you!

The typewriter effect can be hit or miss. I don't personally like it because I get impatient waiting for it to cycle through all the options, but it depends on the user.

Projects

@~AlleAmiDev~ noted some improvements you could make to the portfolio section. I noticed your images are lazy loaded, and one of the errors noted in the W3 HTML Validator tool is that your images lack src attributes.

I ran into this issue myself when adding lazy loading to my blog. The solution is to set the src attribute to a blurry, low-resolution placeholder image. I created a Python script called thumb that can do this for you, if you're interested. Then, simply insert the "real" image with your intersection observer and remove the placeholder.

Also, the link on each card doesn't look too good in the bottom left; consider linking the entire card so people can just click on it (better UX, imo).

Contact

Same issue of sparseness/whitespace. You can add a free contact form to your site with something like Formspree to beef up the content there.

Consider coloring in the social media icons so they look more vibrant.

I don't personally like the arrow; I'd remove the unnecessary title attribute that appears when you hover over it, and probably just get rid of it altogether unless you can add an arrowhead to make it clear.

I hope you find this feedback helpful! Good luck with your site :)

Collapse
dance2die profile image
Sung M. Kim

Nice feedback~!

Collapse
thomasledoux1 profile image
Thomas Ledoux Author

Hi Aleksander,

Thank you for the elaborate feedback!
Much appreciated.

I agree with your remarks, and I will see how I can best implement them into my site.
As for the arrow: something must have broken in my last commit, normally the arrow is animated and the arrowhead appears. Once this actually works I think it's a good addition to the website.
I'll comment here again when I updated my site, so you can maybe have a second look :)

Thomas

Collapse
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan

Np!

Thread Thread
thomasledoux1 profile image
Thomas Ledoux Author

Hey Aleksandr,

I updated my website with most of the comments you gave. You can check it on the URL I provided before :)

Thread Thread
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan • Edited

Well done! The site looks much better now, imo.

I would say the strongest part visually is your contact section; the colors there play really well with each other, and things are laid out responsively. Looks very balanced overall.

Hero section is still a little sparse, but that's okay—putting your headshot there was definitely an improvement!

Edit: One thing you may want to consider is increasing the height of the message text area for your contact form (for UX). But otherwise, it looks great!