What improvements could i apply to my website to make it even better?

[Jeroen1322]

Hi guys!

I want to do some more freelance webdesign jobs and i made my own website! It is Dutch so sorry if you can't read the text but what i am looking for is to improve my design because i feel the website is boring and won't really attract people.

 

Thanks!

PS, i know i need to make it mobile friendly but i don't have the time yet. I'll probably do it this weekend.

[Jeroen1322]

Sorry for the text color, i can't seem to fix it. Highlight the text, it will make it easier to read.

[Pugs501]

Not to be rude (I'm not sure) but can you make it so the page has an English version?

[flibberdipper]

Make the buttons do something.

[Jeroen1322]

Not to be rude (I'm not sure) but can you make it so the page has an English version?

I could make that but that would be a weekend project. What i want to improve right now is just the design itself.

[wildy]

Not to be rude (I'm not sure) but can you make it so the page has an English version?

agree

[Jeroen1322]

Make the buttons do something.

Like what?

[flibberdipper]

Like what?

I don't know, I just find it weird that they're there and they don't do anything.

[WyvernAbstracts]

give me a sec, ill show you an improved version just to help you out. 

[Mightybaal]

Unless your site has is free to run you should of used Squarespace with offer code Linus. 

 

 People saying about an English version if you use Chrome it has an auto translator which makes it easy to read.

[ThreePinkApples]

The icons on the home page looks... cheesy? old? Outdated?
They will have worked a few years ago, but if I see a website with the style of icons today I would mark it as questionable and ignore it

Specially the three first icons

 

The text under the icons should be part of the "buttons" you seem to have on the frontpage (the icons I mentioned), and if it is supposed to do something, the mousepointer must change to indicate that

Other that that, nice and simple. 

I like people that have a design that expands the whole screen

[NinjaStyle013]

fill out the mid section so its an even grid

[Maximation]

I will have a better look at it after school.

[Maximation]

Colors are very important though. Make sure you don't use boring boring colors and color combinations. Keep the color combinations interesting. And interaction is important. Apply some hover effects. Oh wait, I have not seen your website yet. Oh well, these are some general hints.

[iHammmy]

Hello,

 

As other members have mentioned, try to make the buttons do something. Such as when you click the 'Cheap web design' button, actually let the user go to the page on your site that has the relevent information on.

 

~ Harry

[Ciccioo]

don't use so many fonts, pick a couple and stick with those

[Pugs501]

don't use so many fonts, pick a couple and stick with those

And don't use Comic-San

[Heisenbleurgh]

These are subjective recommendations:

I'd try changing the border color while hovering over the images.

Also this might be silly, but the fact that the first row has 3 values and the second only 2 breaks the uniformity, maybe trying add/removing something or organizing them in another way?

In your navigation menu, maybe change the underline color when clicking an option.

 

These, not so much:

Try using the HTML5 tag <nav> for your menu.

You applied a style to the div with id of menu in html rather than css, which should be removed. This is also the case for your li of class highlight.

Hovering over the white CONTACT anchor tag might be messing with some margins or paddings but it's making a shuffle. edit: It's because you're changing the font-size while hovering. Remove that line and it'll be fine.

I wouldn't center the text on your About Me page, I think orienting it either left or right would look cleaner but pretty much everything is centered so it might seem a bit off. I'll be honest, I'm not sure how I'd fix it but it just feels unorganized. A couple subheadings might help too, separating information as you would in a CV (education, interests, technologies you're familiar with).

I noticed you create white space above and below your images using <br>s, which I don't feel is a very good practice. You should use margin-top and margin-bottom instead. It'll look the same, but it's easier and more common.

edit: Oh, you actually have a lot of <br> elements all over the place, these should be replaced with margins through css.

 

In your css, instead of doing

p{	font-family: 'Open Sans', sans-serif;}h1{	font-family: 'Open Sans', sans-serif;}h2{	font-family: 'Open Sans', sans-serif;}h3{	font-family: 'Open Sans', sans-serif;}h4{	font-family: 'Open Sans', sans-serif;}

do this:

h1, h2, h3, h4, p {	font-family: 'Open Sans', sans-serif;}

edit: btw I didn't mean to sound too criticizing, it actually looks pretty good right now.

[Maximation]

@Heisenbleurgh provided some good hints.

I would recommend you to use the same classes for the 'dienst' divs so you can style them all together instead of one by one.

The div#inhoud should be less wide, in my opinion. The whole thing is not really designed for resizing. When I set a width to div#inhoud everything gets funky, that basically means the layout is not responsive enough. Responsiveness is hard to get right though.