Looking for feedback on the product landing page on my portfolio

Code Feedback
1

Hello freeCodeCamp community! Junior Dev here and I am working on building my skills to secure my first web dev position and I’ve created a product landing page for my portfolio. I would really appreciate some feedback before I submit it as part of my portfolio for jobs.

Some of you have already reviewed my portfolio and offered some fantastic suggestions; I did my best to implement those recommendations here. If there is something that you had pointed out before and I have failed to address then I apologize; feel free to point it out again!

I have a couple of questions that I am particularly interested in hearing about.

  • Images in the hero slider move slightly when a color is chosen from the color picker. Is this something I should address or is it too insignificant to worry about? (Images are Nano Banana, generated from Gemini.)

  • The second image displayed in the slider is slightly smaller than the other two; this was a compromise I made to maintain readability after I switched to a mobile-first design because when I used the object-fit: cover; property it clipped the overlay text on the shoe. Is this approach fine? Or is there something better?

  • Does the spacing of the hero text, ‘Signature Series’ and the h1 seem well-balanced?

  • I feel the shoe size chart and shoe size chip components look disconnected to one another; I’ve seen this approach used in some other designs but I’m not entirely sure about it and would be grateful for another opinion on this.

  • Any suggestions/critique for the tablet and mobile versions of the site would also be hugely appreciated; I’m using min-width media queries for 390px, 768px and 1024px and I am confused by how the font sizes look too small on the device toolbar while rendering properly on my physical device; perhaps it is just me and I am no longer able to objectively analyze.

Please note: there is a form on the page which opens via the ‘Own The Air’ CTA button; the information is stored in local storage.

I’m very open to criticism, constructive or otherwise; Thanks in advance!

2

Honestly I knew something was off and I’m glad you admitted there were ai aspects…tbh I am not attracted to ai at all and I don’t know how employers feel about ai pics but I’m sure you can use free stock images from the web and it’ll be okay? Ai slop on your portfolio isn’t nice imo. I turned down a client because they were insistent on ai pics being used and I forbid ai pics on my portfolio. I know this is just an example landing page, but I saw a company use ai slop pics and I was very disgusted, laughed at them, and moved on with my day feeling pity for them. It’s just cheap looking.

3

Haha, didn’t hold back at all — I respect it! :slightly_smiling_face: Noted on the hero image; will sort that out to something that fits in. Anything else on the landing page you feel needs improvement while I’ve got you?

4

Bumping this up! One brave soul has reviewed it so far — thank you, you know who you are. Still looking for more feedback though, so if you’ve got a few minutes and want to help a fellow newbie out, I’d really appreciate it. No pressure… but also please help me. :sweat_smile:

5

Honestly you created something pretty- but your choice of ai pics just won’t do it justice. I think the transition slider can be cooler. My friend Nick rec’ed this actually to me just today- swiper.js . They have all sorts of cool transitions and they have one template they use for sports shoes.

6

Quick update - I realized I was accidentally pushing changes to my live branch during the original review period so some visitors may have seen the site in a broken/incomplete state. That’s been corrected. The page is now as it should be. I have added the feedback from the one review I did receive.
Really appreciate fresh eyes, especially on hero section and overall first impression.

7

Hey,

I took your Swiper.js rec and ran with it – ended up doing a clean crossfade transition to keep things focused. Very happy with the way it feels now. Thanks for the tip!