Hey there! First of all, great work in that portfolio - that speaks louder than anything else. I've got a couple of pointers on the website, though. Here is how it looks on my display:
■ 2560x1440And here is what I'd recommend to do:
■ 2560x1440Here is the list of changes on that image, in no particular order:
- Header image should be centered to work on any screen size properly
- Header image should probably fade into solid color fills on the edges, to allow you to use a simple colored background to cover 3840px, 2560px or other screen widths nicely without any need for you to spend time drawing and spend money sending an enormous ultra-wide image - as you can see on the example, it's still the old art, with a simple background block behind it
- Top level navigation needs some vertical spacing to let your logo breathe and to separate the buttons from it
- Navigation button captions should ideally use a bit more smooth sans serif like Agora Sans (check Google Fonts documentation for a very simple way to import fonts into your website if you don't know how to) to avoid conflict with smooth and beautiful lines of the logo
- Line weight of the navigation button labels should be a hair thicker, right now they are too thin, edging on an impression of a downscaled image with subpixel lines.
- Curly braces around button labels look better with a separate, thicker line weight - that emphasizes that they are part of the style inherited from the logo, and not a part of the text
- Your selection is best shown by a small selector image (e.g. arrow, or a white line eating a bit of navbar space under the selected button) and color change of the button of the selected page, not through use of another big header. Having a big "video games" header right under "video games" button is not really necessary.
- I'd leverage the neat color palette of the header image for the navbar background, no need to keep it strictly grayscale unless you have pages where header image palette has extreme clashing with page content.
- Subcategory navbar label font size should be identical to the main navbar font size, having a sub-element bigger than it's parent element throws the user off about the hierarchy of the pages and looks a bit unpolished
- I'm using a bit different spacing between the letters to improve readability
- Spacing between the curly braces/buttons should be completely identical everywhere. Imagine they are button images, with trim, edge highlights, outlines and such - it would look strange if margins would jump from single space to ten spaces like they do here, right? Same deal even if you have minimal text-only buttons, uniform element spacing is just pleasant to look at even if elements aren't images.
- Separating the subcategory navbar from the content with a subtle element like an arrow and line here might be a good idea
I hope this helps!
Developer
