...

View Full Version : Could you review my first website please?



gnolan
09-21-2011, 03:28 PM
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 (http://gnolan.comxa.com/Engine%20Room%20Web%20Design/home.html).

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.

alykins
09-21-2011, 03:52 PM
first problem.... links are broken (ie cannot goto site :p)

gnolan
09-21-2011, 03:56 PM
first problem.... links are broken (ie cannot goto site :p)

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%20Room%20Web%20Design/home.html

alykins
09-21-2011, 03:58 PM
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

gnolan
09-21-2011, 04:22 PM
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?

alykins
09-21-2011, 05:05 PM
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?


<html lang="en-US" class="no-js">

gnolan
09-21-2011, 05:11 PM
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?


<html lang="en-US" class="no-js">


I have tried that, still throws up an error.

myfayt
09-21-2011, 05:33 PM
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.

gnolan
09-21-2011, 06:24 PM
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.

shazib000
09-22-2011, 09:17 AM
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.

bestdeveloper
09-22-2011, 11:34 AM
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?

gnolan
09-22-2011, 11:48 AM
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.

Apostropartheid
09-22-2011, 11:53 PM
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.

gnolan
09-23-2011, 02:48 PM
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.

gnolan
10-03-2011, 05:26 PM
UPDATE: I have played around with the website (http://gnolan.comxa.com/Engine%20Room%20Web%20Design/home.html) 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 (http://gnolan.comxa.com/Engine%20Room%20Web%20Design/home.html). I'll post some screens of how the site looked before the alterations.

Link (http://gnolan.comxa.com/Engine%20Room%20Web%20Design/home.html)

http://gnolan.comxa.com/Engine%20Room%20Web%20Design/images/er_screen1_big.jpg

http://gnolan.comxa.com/Engine%20Room%20Web%20Design/images/er_screen3_big.jpg



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum