It's simple enough that it probably should be an SVG.

The image itself is blurry, regardless of device

Ok, that's not helpful feedback at all.

Agreed.

Here are my 2 cents.

I would go as far as having one single item in the menu : Contact

We don't need the other 2. It's only one page, About is the top and Work is just after, most likely visible on page load. Get rid of the burger menu.

I'd make a few other edits:

loose the hello-my-name-is tone and go straight to the point like the rest of the page does. For ex. :

• Yarosky Cruz
• Interactive Designer in the Sunshine State
• I do web/app design and front-end coding

The intro section needs further tweaking. You don't need all those margins upon margins and percentage width breakpoints. It makes awkward word-wrap (and a taller than needed section) on everything under 1200px.

Same thing for the contact section. For ex. :

• emailaddress@@gmail.com
• LinkedIn — Twitter — Instagram — Dribbble
• Or grab my phone number on my resume

Make edits for narrow viewports. Quick ex :

Before:

After:

Your images look blurry. Use 2x images and SVG.

Also agree with Cristian Moisei's and Matthew Blode's comments.

Don't fade the pictures, it makes the colors look washed out. The scaling hover effect is enough. Would be nice if you had one effect on the whole item, including the title, instead of one for the image and one for the title. By the way, html5 is just fine with you using tags to wrap divs or other block-level elements. Just make the itself a block-level element.

Do something about the footer, it looks bad when it doesn't reach to bottom of the screen. Make the page background the same color or stick it to the bottom or anything else that says: I took care of it. I would just remove the footer.

Add a way to navigate the works on work pages. A basic (looping) previous/next nav. will do but don't make me go back to the homepage every time.

Work the style (See live demo links, color scheme, etc.)

And finally, please don't mind the imperative tone, this is just an opinion :)

Not that it's a stellar decision here, but why "...at all costs"!

• Opening statement

  • The opening statement could be one sentence, but I actually prefer it over two. It makes the points feel separated.
  • I think the first line needs rewording though. Not everyone would know the Sunshine State. As an Australian I know it as Queensland but apparently there are others. It could be something clearer like "I'm an Interactive Designer based in Queensland, Australia" or if you wanted to make it quirkier, strike a balance of quirkiness and clarity.
  • The text is centered, but not center-justified. Justification is when it's flush on both left and right sides.

• Portfolio Pieces

  • 100% agree that you need more images.
  • In addition, you should also consider having more content in the site rather than pushing people off to PDFs. The only reason I can think of where it justifies the PDF-route is privacy/sensitive information (but you're making it pretty accessible so this probably isn't a concern of yours).
  • Your "process books" are pretty well designed. They do a better job of showing your capabilities as a designer (more on this later) and give a much clearer overview of the project. They're not perfect, but including this content would definitely bring your site up a few notches!

• General: Push it further!

  • Visual design: While the design of your portfolio shouldn't overshadow the work you want to showcase, it still needs to be designed. I say this because I honestly don't see much divergence from the Bootstrap stock-standard theme.
  • Case studies: Basically what I mentioned in the "Portfolio pieces"section above, but approach your website like a project. It needs to follow the same process as any of your projects.
  • Lastly, when you ask for feedback, try and give context on what type of feedback you want. Just so everyone knows what stage you're at.

I hope this helps. Reach out if you want more feedback.

No. I didn't even do any optimization on it neither.