Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design Critique on new hosting website design

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #175319
    Craigw14
    Participant

    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.

    #175332
    mmcgu1966
    Participant

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

    #175343
    Craigw14
    Participant

    Thanks for the response mmcgu. :)

    #175344
    Tim
    Participant

    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.

    #175345
    Craigw14
    Participant

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

    #175360
    Kingslayer
    Participant

    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

    #175396
    Craigw14
    Participant

    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 ).

    #175425
    mreider
    Participant

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

    #175451
    Craigw14
    Participant

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

    #175513
    Paul Sullivan
    Participant

    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! :)

    #175519
    Kingslayer
    Participant

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

    #175521
    Craigw14
    Participant

    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. :)

    #175533
    Craigw14
    Participant

    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

    #177524
    Craigw14
    Participant

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

    #181206
    Craigw14
    Participant

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

Viewing 15 posts - 1 through 15 (of 17 total)
  • The forum ‘Design’ is closed to new topics and replies.