[Feedback] Personal Website
I just remade my site, I'd love to have some feedback:
https://www.samalander.dev/
Sam Cheng
o/ I'm Sam! Check out my website to learn more about me or contact me.
8 Replies
Your design is really nice and I like most of the animations as they don't get in the way too much. I see only a few minor issues which you might consider addressing
1. your pill tags and your buttons are basically identical in the work section. Maybe consider differentiating them more so it's obvious which is which
2. the button hover animation is pretty slow. Also, the submit button is different from the rest. Might consider consolidating all buttons to the same
3. the spacing between text elements is really tight *especially on mobile, and you could add more separation for easier reading and navigation. I would defintely like to see the pill tags a bit lower from the titles
4. also on mobile, it is not perfectly centered, and on my 414 px wide screen, it is overflowing a bit as well (but only cutting off the last 5% or so)
5. on the codenaut image, because the bg matches the site's bg, the 3 icons below the black area are a little jarring. it's hard to see they are just part of the codenaut png
6. on the peek image, the download button could also be confusing
7. on the feedback form. I might try aligning the contact details to the form boxes rather than the form bg. If not on desktop, for sure on mobile it would look better centered to the lower content
8. also on the form, I would consider removing the descriptions as I don't think they are necessary. Just having 'name' 'email' etc, is enough. But if you keep both, I would differentiate them in style so there is more visual hierarchy
9. and finally in the peek section, you have a [insert testimonial here] brick at the end of your text, not sure if you meant to keep that or not
-----------
As far as the overall, I would consider 3 things: 1. rearranging the sections so your "my work" section comes before the "about" section. That would get people onto your portfolio immediately as quickly as possible
2. After seeing the page, I dont' know what your skillset is. Are you primarily a ui/ux designer? A front end developer? An animator? Maybe consider adding your core skills to the 'about' section or somewhere so they know what you are using
3. In your 'about' section, you say you are an award winning designer. It would be good to highlight what awards you have won since you mention it prominently.
anyway, your page is already really top notch. Hope some of this is helpful
Maybe I'm just stupid but from a UX perspective the My Work section was kind of confusing
I wasn't sure which each project was until I looked at it for a bit
I think "My Work" with the arrow button should fill up one screen, and have each subsequent project fill up a screen
That way there is a clear distinction between each project
I like the design though it looks great 👍
Also your My Work sliding animations are completely broken on mobile view in Firefox
they disable at under 880px (which i assume to be mobile or smaller screen), so if you go into mobile view without reloading it breaks
what part confuses you?
definitely helpful, thanks!
Okay, that fixed it, but design still isn't responsive past <400px it seems
Screenshot taken at 320px
Adding
flex-wrap: wrap to the div container holding your tags (Website/Personal Project/WIP tags) makes it responsive