Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15
  1. #1
    New Coder
    Join Date
    Apr 2011
    Posts
    65
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Could you review my first website please?

    Hi,

    I've almost finished creating my first website, which will be my personal web design website. I'd appreciate all comments and criticisms - but try to go easy!

    I'd first like to point out some problems that I am already aware of:
    • i'm just free hosting at the moment for testing purposes
    • although i mention responsive design, my site is in no way responsive
    • unsure whether the site looks acceptable in IE 6-8
    • don't have enough/any websites online for my 'portfolio' page
    • i know none of the social network icons link to any personal page yet


    I'm sure there are many other problems but please be kind, this is my first proper attempt. The website can be found here.

    Can anyone give me any advice as to what name to domain name to choose for the website? I was initially going to go with www.engine-room.ie, but then i'm thinking about www.engineroomwebdesign.ie but am wondering if that would be a bit too long.
    Last edited by gnolan; 09-21-2011 at 03:58 PM. Reason: Bold text

  • #2
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,758
    Thanks
    41
    Thanked 191 Times in 190 Posts
    first problem.... links are broken (ie cannot goto site )

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • #3
    New Coder
    Join Date
    Apr 2011
    Posts
    65
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by alykins View Post
    first problem.... links are broken (ie cannot goto site )
    The link to the site is in the OP where it says "here". The others are simply suggestions for names of the site.

    EDIT: to avoid any confusion: http://gnolan.comxa.com/Engine%20Roo...sign/home.html

  • #4
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,758
    Thanks
    41
    Thanked 191 Times in 190 Posts
    Quote Originally Posted by gnolan View Post
    The link to the site is in the OP where it says "here". The others are simply suggestions for names of the site.
    well dont i feel like a putz... checking it out now and ill edit this post for my feedback

    I think it looks great. Everything runs smoothly and it even works without scripting enabled... kudos!
    I will say that i think you can only have one <html> set and even if you can have two you need to close the second (but pretty sure only one is valid) also I would move the class from the <html> tag to the body... you have some errors that I am not sure why they are there; I am thinking it is due to the duplicated <html> or also possibly the missing doctype... other than that the site looks realy good IMO
    Last edited by alykins; 09-21-2011 at 04:10 PM.

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • Users who have thanked alykins for this post:

    gnolan (09-21-2011)

  • #5
    New Coder
    Join Date
    Apr 2011
    Posts
    65
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by alykins View Post
    well dont i feel like a putz... checking it out now and ill edit this post for my feedback

    I think it looks great. Everything runs smoothly and it even works without scripting enabled... kudos!
    I will say that i think you can only have one <html> set and even if you can have two you need to close the second (but pretty sure only one is valid) also I would move the class from the <html> tag to the body... you have some errors that I am not sure why they are there; I am thinking it is due to the duplicated <html> or also possibly the missing doctype... other than that the site looks realy good IMO
    Thanks for the feedback.

    Are you referring to the <html class="no-js"> part of the code? Because, yes, i have this error on every page but i think it is an essential part of the code that is required for the modernizr script.

    I am about to upload some updated files that have no errors when validated in HTML5, no errors except that class="no-js" error.

    As a beginner I know very little about SEO, keywords, metadata and such? Can you recommend some online reading? How do you think it currently looks from an SEO point of view?

  • #6
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,758
    Thanks
    41
    Thanked 191 Times in 190 Posts
    I am personally not the greatest at the entire <head> region of coding. My company make primarily web applications that are used on intranet's. I am beginning myself to branch out into the world of internet client's, but as for making things SEO and what-not I am not uber fluent. Have you ried moving the class to the first <html> set and seeing what happens?
    Code:
    <html lang="en-US" class="no-js">

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • #7
    New Coder
    Join Date
    Apr 2011
    Posts
    65
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by alykins View Post
    I am personally not the greatest at the entire <head> region of coding. My company make primarily web applications that are used on intranet's. I am beginning myself to branch out into the world of internet client's, but as for making things SEO and what-not I am not uber fluent. Have you ried moving the class to the first <html> set and seeing what happens?
    Code:
    <html lang="en-US" class="no-js">
    I have tried that, still throws up an error.

  • #8
    Senior Coder
    Join Date
    Apr 2010
    Posts
    1,453
    Thanks
    71
    Thanked 102 Times in 101 Posts
    It is rather interesting, but there is a bunch of special effects going on, mainly the overlays. I think that could be toned down a bit, but you have good white space which is important.

  • #9
    New Coder
    Join Date
    Apr 2011
    Posts
    65
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by myfayt View Post
    It is rather interesting, but there is a bunch of special effects going on, mainly the overlays. I think that could be toned down a bit, but you have good white space which is important.
    Yeah i think the multiple text-shadows that popup when hovering over the main navigation menu items is probably a bit overkill. I would like to have some sort of effect on them, just more subtle and less intrusive.

    It's something i'm going to address anyway.

  • #10
    Banned
    Join Date
    Sep 2011
    Posts
    6
    Thanks
    0
    Thanked 1 Time in 1 Post
    As for as domain name is concerned i think Engineroomwebdesign.ie would be better as it is specific and will help you to rank easily in google searches.

  • #11
    Regular Coder
    Join Date
    Mar 2010
    Posts
    294
    Thanks
    3
    Thanked 7 Times in 7 Posts
    I liked general concept of your site as well. Looks simple and accurate, but it doesn't mean it's plain. Also I think you have to work on home page look, make it a bit catchy, placement of certain design themed pics would do no harm. Then may I ask, why have you put periods after each word in nav bar buttons?
    websitetemplates[dot]bz

  • #12
    New Coder
    Join Date
    Apr 2011
    Posts
    65
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by bestdeveloper View Post
    I liked general concept of your site as well. Looks simple and accurate, but it doesn't mean it's plain. Also I think you have to work on home page look, make it a bit catchy, placement of certain design themed pics would do no harm. Then may I ask, why have you put periods after each word in nav bar buttons?
    I've been wondering about pics and stuff, but i don't want to just throw up random images, people laughing, man sitting in front of laptop etc. I can't think of anything suitable and unique, something that hasn't been done to death.

    The period after each word in the nav bar was purely a stylistic choice, i think it actually looks better in a different font. With the current font it's a bit small and barely noticeable. I'll take a look at it thanks.

  • #13
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Your logo is frankly awful, excuse my French. It looks as though it were made during the 80s. There's nothing wrong with the picture, but the font and emboss effect--eugh. Those were phased out a while ago.

    The effects are weird, especially on the navigation, and don't add anything. If you really want something flashy, try something more subtle, like a simple CSS transition.

    Your fonts look a bit fuzzy. I'm on Windows 7, Chrome.

    The social networking icons would look better if they weren't muted, I think. They also have a weird white corner.

    The grey background is far too dark. Generally, better contrast is recommended; grey gives the impression of dullness.

  • Users who have thanked Apostropartheid for this post:

    gnolan (09-23-2011)

  • #14
    New Coder
    Join Date
    Apr 2011
    Posts
    65
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Apostropartheid View Post
    Your logo is frankly awful, excuse my French. It looks as though it were made during the 80s. There's nothing wrong with the picture, but the font and emboss effect--eugh. Those were phased out a while ago.

    The effects are weird, especially on the navigation, and don't add anything. If you really want something flashy, try something more subtle, like a simple CSS transition.

    Your fonts look a bit fuzzy. I'm on Windows 7, Chrome.

    The social networking icons would look better if they weren't muted, I think. They also have a weird white corner.

    The grey background is far too dark. Generally, better contrast is recommended; grey gives the impression of dullness.
    That's pretty scathing but i appreciate it! It's very useful to have someone be critical and actually point out the specific flaws.

    On your first point, i actually kind of liked the logo design; having said that though, i don't have an eye for graphic design or at least i haven't developed one yet. Can you suggest something better? My idea behind the emboss was to give the logo a bit of depth, but if it doesn't work so be it.

    I completely agree on the effects on the main navigation menu, it's gaudy and over the top and probably quite distracting. I think for that menu i'll stick with the script that turns the other menu items opaque when i hover over one of the menu items.

    Personally, i quite like transitions on the "who am i", "what i do" and "what i've done" links on the home page.

    I think i can see what you mean about the fuzziness of the text. It could have something to do with the stencil detail, i'll take a look at it.

    I only noticed that white corner on the social networking icons a few days ago, i'll get that out with Photoshop. I originally had the icons unmuted but felt they stood out far too much, so i think i'll stick with the low opacity.

    Again, i agree with your point on the grey. My worry is coming out with something that looks a rainbow threw up on my website. I've looked at color scheme designers but thought that the combinations looked weird. Again, this is probably due to me not having an eye for that kind of thing.

    I'll try to make some changes and i'll update when i have. I really appreciate the comments and criticism and it'd be great if you could offer some more advice. Thanks.

  • #15
    New Coder
    Join Date
    Apr 2011
    Posts
    65
    Thanks
    10
    Thanked 0 Times in 0 Posts
    UPDATE: I have played around with the website a little more and addressed some of the issues mentioned here.

    I have changed around the colour scheme to something more high contrast. I have simplified some of the transitions, such as the hover effect on the main menu. I have also altered the typography opting for mostly sans serif type with an exception here and there.

    With mentions of the site being a little bare on images i added something extra on the homepage which has added to the contrast. I repeated this same image as a sort of watermark throughout the site.

    I am still unsure about the logo design. I am still fond of it and have got a mixed reaction.

    Can I get some opinions on the changes. I'll post some screens of how the site looked before the alterations.

    Link





  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •