If you’re going to use a 100% width fluid website, you have to prepare for people have wide monitors. I don’t want to see a huge gap down the middle of the page.

Suggestion: Used a fixed width (960px will work just fine).

2. Footer

Yikes. It looks very disorganized. Spacing and having things line up together is very important. Have a look around at some sites, including this one, to see how you can improve that. Also, get rid of the word "navigation". If you have to tell people it’s a nav, you haven’t done it right.

3. Portfolio

Why oh why would you squish your work like that? Get rid of the width/height declarations on your img tags.

4. About

Again, even the picture of yourself is squished; no good. Tobia Conforto and "Services" are colored differently, check your stylesheet.
________________________

It’s a better start than most will come on here with, but there’s still a lot of work to be done. You’ve done a half-decent job on the typography, but it needs some refinement. You’ll also want to look into color schemes, but most importantly, understand spacing between elements.

If you’re going to use a 100% width fluid website, you have to prepare for people have wide monitors. I don’t want to see a huge gap down the middle of the page.

Suggestion: Used a fixed width (960px will work just fine).

2. Footer

Yikes. It looks very disorganized. Spacing and having things line up together is very important. Have a look around at some sites, including this one, to see how you can improve that. Also, get rid of the word "navigation". If you have to tell people it’s a nav, you haven’t done it right.

3. Portfolio

Why oh why would you squish your work like that? Get rid of the width/height declarations on your img tags.

4. About

Again, even the picture of yourself is squished; no good. Tobia Conforto and "Services" are colored differently, check your stylesheet.
________________________

It’s a better start than most will come on here with, but there’s still a lot of work to be done. You’ve done a half-decent job on the typography, but it needs some refinement. You’ll also want to look into color schemes, but most importantly, understand spacing between elements.

I would also consider revisiting your logo.

Hope this helps.

Thank you for the critique, yes I have over looked the fixed/fluid layout on wider browsers which will be sorted. One thing though, you said "Also, get rid of the word "navigation". If you have to tell people it’s a nav, you haven’t done it right." Just take a look at the bottom of this page in Chris’s footer???!

Usability before design. If it takes longer to read text, but looks aesthetically better, than in my eyes, it has failed it’s purpose. If the content feels better in the centre and tends itself to be wider, than sobeit. Whilst you shouldn’t let go of great artwork, you also shouldn’t let go of usability in the process. Usability, Accessibility, and Readability are the foundation for any great webseite.

Okay the site looks nice, but I would change the fact that there is an iMac on the homepage, although it is a nice idea it makes me feel as if you are a Mac-fanboy – something you don’t want your potential clients thinking. Also I would change the size of the buttons on the homepage to make them smaller and less bulky.

Tips

Categories

We have a pretty good* newsletter.

Email Address

CSS-Tricks* is created, written by, and maintained by Chris Coyier and a team of swell people. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans Pro and Source Code Pro. It is made possible through sponsorships from products and services we like.