Critique on new hosting website design

[Craigw14]

Hey guys, I’ve recently spent around a month on this site and I’ve used a mixture of subtle coloration and simple google fonts ( which I will list below so you guys can enjoy some free fonts too! :p ).

Just wanted to see what you guys think of our new site and on context of that I’ve decided to give anyone at CSSTricks 10% off for the first 6 months of hosting, I’ve loved this community for ages and I want to give something back.

Fonts used:

Header: >> font-family: ‘Open Sans’, ‘Raleway’, Sans-serif;

Paragraph: >> font-family: ‘Open Sans’, ‘Raleway’, Sans-serif;

Main coloration : #34495e;

Secondary coloration(s) : #fff & #ebebeb;

Link to the site

Would love to receive some constructive criticism from you guys because I know that you guys know what you’re on about! :)

To get 10% off just use the code “CSSTricks”, thanks for the criticism guys.

[mmcgu1966]

Love the swooping-own intro animation with the rotating detail.

[Craigw14]

Thanks for the response mmcgu. :)

[Tim]

Overall its really cool, I really like the animations. Just a couple notes:

• On this page, I think it might look better if everything wasn’t underlined, at least with the dashed line. But that’s really just personal preference.

• The desktop version looks nice, however, on smaller screen sizes, some stuff breaks down. Take a look at this screenshot and this screenshot. You should adjust your browser widow yourself to see what happens. The clouds get all funky and go over some things, and the navbar looks weirdly spaced.

• I might consider combining some of those stylesheets, it would make your site faster.

• The syntax highlighting on my computer looks funny, you might have some invalid code, e.g. you forgot to close a tag.

[Craigw14]

I’ve taken all your comments into consideration and I’m working on resolving them now; thanks for such a detailed response!

[Kingslayer]

Cool site !

Small things:
1. Maybe give the paperplane a little more room to breath in the circle. Either make the outline a little thinner or the circle bigger.
2. On retina the Logo is not crisp.
3. On the Slider, the text jumps when you change the words. Because of “text-align:center;” this is anoying. You need to find a diffrent solution here!

Personal preferences.

1.Some letterspacing for the headlines on the footer. Small fonts in bold look so squished togeither. Or make them just a medium (500).
2. Have a look at the kerning of your logo.

Greetings Fabi

[Craigw14]

Thanks for the awesome critique, I’ve got to work with resolving those issues too, sorry about the logo deficiency on retina screens as I’m using a fairly old laptop for design currently, sorted the slider stuff, made it more marginalized and have split them so the second element is at the bottom so there is less jumpiness ( or none ).

[mreider]

I think all the secondary pages should use the blue in the first page for the header.

[Craigw14]

Hi mreider,
Thanks for your response and yeah, That’s a good idea!

[Paul Sullivan]

Hey! Awesome website ya got going. :)

One thing I noticed was that it’s a bit choppy in some places when resizing the screen. Check this image out to see what I mean on the client login page for example.

Much appreciated on the discount code! :)

[Kingslayer]

Btw your Logo reminds me alot of the telegram app logo !

[Craigw14]

Thanks for your response kingslayer, I’m not sure that was intentional as it was an openly available vector which is open for use to anyone using the font-awesome icons url(‘http://fontawesome.io/icon/paper-plane/’).

The logo ( as a paper airplane ) was supposed to represent the service as simple and readily available in a metaphorical manner. :)

[Craigw14]

Thanks a lot for the response Paul! That was on our checklist to fix the responsiveness of the billing page, thanks for providing us with screenshots so we can see it from your perspective.

Also, on context of the discount code, it’s no problem, it’s our way of thanking this communities contribution and valued critique.

The discount code is: csstricks

[Craigw14]

There has been further, consistent work done to our site if you want to critique it some more, we’re open to it! :)

[Craigw14]

Bump again, worked on the previous critique, any more will be appreciated!

[Author]

Posts