Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

Geek Culture / Web Design Crit

Author
Message
Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 8th Jan 2010 14:44
I've been working on my portfolio website for the last 2 days. And i believe im at the point where i can realy start asking questions on the look, feel and overall opinion on my new design.

http://www.elusive-design.co.uk/index.html

Please be truthful as i want my site to be as good as possible.

Shaun

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
Outscape
17
Years of Service
User Offline
Joined: 23rd May 2008
Location:
Posted: 8th Jan 2010 14:54
its hard to read the buttons, they are black, on dark gray, on black

Veron
18
Years of Service
User Offline
Joined: 22nd Nov 2006
Location:
Posted: 8th Jan 2010 15:35 Edited at: 8th Jan 2010 15:35
Totally messed up and incorrectly aligned navigation buttons. The 'see more' buttons look really out of place, try changing the solid black background to something nicer. The weird purple/white rectangles near the nav buttons is weird too. Other than that, it's not too bad.

Something that would be nice would be having the whole main content box with nice rounded corners, and some nice effects, rather than just a rectangle which looks out of place on the stripy grey background.

Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 8th Jan 2010 15:39
What wierd purple rectangles?
And what lining up issues?
The background is grey.

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size

Attachments

Login to view attachments
MSon
20
Years of Service
User Offline
Joined: 13th Jul 2004
Location: Earth, (I Think).
Posted: 8th Jan 2010 15:54
If you've made sites for friends or family, then list them as sites working examples you have created for others, you dont have to mention they are friends or family, as Outscape said the black text is a little hard to read, Check this site:
http://cooltext.com/

I use this to create visual buttons for sites and programs.

Everyone Be Cool, You, Be Cool.
Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 8th Jan 2010 16:32 Edited at: 8th Jan 2010 16:34
For some reason. Links show up with a blue/white outline in firefox and IE. But in chrome, opera and safari they are fine.

Any ideas how i would get around this?

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
Cyborg ART
18
Years of Service
User Offline
Joined: 14th Jan 2007
Location: Sweden - Sthlm
Posted: 8th Jan 2010 16:53
Looks good, but I dont think purble and blue goes well with the rest of the page. Maybe that is just me?

kBessa
18
Years of Service
User Offline
Joined: 8th Nov 2006
Location: Manaus, Amazonas, Brazil
Posted: 8th Jan 2010 18:39
The menu should have white text.

Just a small rule to attend to:
Background is dark? Light text.
Backroung is light? Dark text.

Also, choose a font size for the menu that will let all of them to fit the rectangle. Different buttons with different font sizes is a NO NO to ergonomics.

[center][center]
Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 8th Jan 2010 18:52 Edited at: 8th Jan 2010 18:53
The purple and blue are the 'link' borders. I didnt put them there, theyre just there cos of IE or Firefox

All buttons are using the same size font.

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
demons breath
21
Years of Service
User Offline
Joined: 4th Oct 2003
Location: Surrey, UK
Posted: 8th Jan 2010 19:00
I have to agree with the button text colour comment though. Also I think Veron's right about having a rounded rectangle instead of just the rectangle you have now - it would look a lot better...

xplosys
19
Years of Service
User Offline
Joined: 5th Jan 2006
Playing: FPSC Multiplayer Games
Posted: 8th Jan 2010 20:39
The site as a whole looks crisp and fresh, nice layout and design. The following areas need work. From the top:

1. The logo is nice, but out of place on this page. Either make the logo fit better with the page design, or change the page design to fit better with the logo. They don't look like they belong together. Perhaps just a color change would fix it. Maybe it's just too big? On a related note, I don't really understand the name you chose. What does that name say about your work?

2. All of the buttons are wrong (archaic) and once again, don't fit with the rest of the design. Remember that a button doesn't have to actually be a button, and certainly doesn't have to look like one from a FrontPage template.

3. The word "Welcome" and your other heading titles ("Latest 2D Work", etc) are in a font that totally contradicts the rest of the page. Stick to a single heading color and font so people know what is a heading and what is normal text.

4. The actual text on the page needs work. There are better, more professional way's to say what you are trying to say. I would work on that a little.

That said, I like it.

Brian.

NeX the Fairly Fast Ferret
20
Years of Service
User Offline
Joined: 10th Apr 2005
Location: The Fifth Plane of Oblivion
Posted: 8th Jan 2010 21:35
Haha, my site sucks...
www.jameswild.co.cc

Athlon64 2.7gHz->OC 3.9gHz, 31C, MSi 9500GT->OC 1gHz core/2gHz memory, 48C, 4Gb DDR2 667, 500Gb Seagate + 80Gb Maxtor + 40Gb Maxtor = 620Gb, XP Home
Air cooled, total cost £160
demons breath
21
Years of Service
User Offline
Joined: 4th Oct 2003
Location: Surrey, UK
Posted: 8th Jan 2010 21:36
Nex I like the way that you haven't wasted my time by filling it with any of that content gibberish - just a background graphic and a navigation system. Simple and to the point. What more do you need from a site?

Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 8th Jan 2010 21:37
I follow you. But i cant get the colours around me buttons/links to go away. How would i get around this?

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
HowDo
22
Years of Service
User Offline
Joined: 28th Nov 2002
Location: United Kingdom
Posted: 8th Jan 2010 22:46
Shaun Of The Dead try adding border=0 in the img code for see more button.



Dark Physics makes any hot drink go cold.
xplosys
19
Years of Service
User Offline
Joined: 5th Jan 2006
Playing: FPSC Multiplayer Games
Posted: 8th Jan 2010 22:48
Just as an example, you can make the buttons part of the design, instead of the boring "button looking" buttons.



Brian.

MSon
20
Years of Service
User Offline
Joined: 13th Jul 2004
Location: Earth, (I Think).
Posted: 8th Jan 2010 23:29 Edited at: 8th Jan 2010 23:29
them buttons do look better, and its a nice color choice

Everyone Be Cool, You, Be Cool.
Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 9th Jan 2010 00:14 Edited at: 9th Jan 2010 00:16
I like that

Thanks brian and howdo

Off the point of website crit. What do you think of some of my work?

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
Phaelax
DBPro Master
22
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 9th Jan 2010 03:39
Quote: "Haha, my site sucks...
www.jameswild.co.cc"


I like those buttons, but making them move around is a terrible terrible navigational idea.


"Any sufficiently advanced technology is indistinguishable from magic" ~ Arthur C. Clarke
Veron
18
Years of Service
User Offline
Joined: 22nd Nov 2006
Location:
Posted: 9th Jan 2010 05:55
The nav lines up nicely now on the site and the rectangles are gone, looks much nicer.

As for crit on the work...

2D work - the FPSC 10 years thing looks epic, really really nice for the most part. All the fair trade stuff is good because it's simple, gets the message across, but design wise it's obviously nothing amazing as it's just an image and some text. The Wally Olins one looks a bit too cluttered, but otherwise ok.

Logo work - looks nice but most are pretty simple, i.e just fancy fonts. The red TLRA one is pretty nice though.

Websites, we obviously can't see.

Phaelax
DBPro Master
22
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 9th Jan 2010 09:45 Edited at: 9th Jan 2010 10:14
The FPSC design kinda throws me off from the rest of it. Because that particular 2d work just happens to have a bottom reflection it looks more like that's part of the site design. Because the other 3 pictures don't have that reflection it throws off the uniform look.

But to give fair credit, your gray-striped background told me what my new site was missing.


"Any sufficiently advanced technology is indistinguishable from magic" ~ Arthur C. Clarke

Attachments

Login to view attachments
Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 9th Jan 2010 12:49
Thanks for the crit guys.

I'm hoping the border= "0" stops the 'link' borders on all browsers. Im checking out browsershots.org today just to double check

Im also going to be adding a couple of extra pages today. Look out for em

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
Phaelax
DBPro Master
22
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 9th Jan 2010 15:33
It should. Although it'd be a lot simpler to just add the following to the CSS:

img {border:0}


"Any sufficiently advanced technology is indistinguishable from magic" ~ Arthur C. Clarke
Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 9th Jan 2010 16:37
Im rather new to HTML so i'd rather just use the easiest option for the time being

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
HowDo
22
Years of Service
User Offline
Joined: 28th Nov 2002
Location: United Kingdom
Posted: 9th Jan 2010 16:41
what are you using to build your page with?

Dark Physics makes any hot drink go cold.
Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 9th Jan 2010 17:08 Edited at: 9th Jan 2010 17:09
Im using currently dreamweaver. But, it is alot easier/professional that any other program (Page Breeze etc...)

It is a very useful program for adding scripts, extra code and editing the hard code itself)

[EDIT] I have now been able to add a Favicon [EDIT]

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
HowDo
22
Years of Service
User Offline
Joined: 28th Nov 2002
Location: United Kingdom
Posted: 9th Jan 2010 17:21
OK, Nice package if you can afford it, I use coffeecup or webplus 4X, first one let you do the hard way by putting in all the code the other lets you cheat and does it all for you.

Dark Physics makes any hot drink go cold.
Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 9th Jan 2010 17:39
haha. Never heard of either of them. But when i start to learn more hard code im gonna go for a program like that. Just because i want a challenge

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
Veron
18
Years of Service
User Offline
Joined: 22nd Nov 2006
Location:
Posted: 9th Jan 2010 17:45
Might want to remove the SiteGrinder meta tag in your code, assuming it's legal/they allow you to.

xplosys
19
Years of Service
User Offline
Joined: 5th Jan 2006
Playing: FPSC Multiplayer Games
Posted: 9th Jan 2010 17:53
Quote: "Im using currently dreamweaver."


Quote: "<meta name="generator" content="SiteGrinder 2 http://www.medialab.com/sitegrinder" />"


Are you sure?

Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 9th Jan 2010 18:46 Edited at: 9th Jan 2010 19:13
Yeah. I used the base area (Background only) from a template my good friend asteric made in photoshop and exported to html for me using sitegrinder. Only the base. The rest i added on my own

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
AaronG
18
Years of Service
User Offline
Joined: 28th Oct 2006
Location: Millstone, NJ
Posted: 9th Jan 2010 19:29
Wow, didn't know my logo was used by Unleashed, nice to see!

You're sites pretty good, it seems like you may have used a drag and drop editor, as some of your code isn't so organized.

Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 9th Jan 2010 19:57 Edited at: 9th Jan 2010 19:59
Drag and drop editor?

Thanks. Im sure you were told by asteric about the logo being used...
At the moment im not sure theres a problem with it being unorganised. Ill get onto that when im more familiar with the code.

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
Outscape
17
Years of Service
User Offline
Joined: 23rd May 2008
Location:
Posted: 9th Jan 2010 20:47
dreamweaver
you select table, and drag it onto the screen..

Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 9th Jan 2010 21:00
I never actually knew that. I added them manualy through the code.

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
Violent Pigeon
17
Years of Service
User Offline
Joined: 30th Dec 2007
Location: London, Great Britain
Posted: 9th Jan 2010 22:11
Your web work: Cadet Pro with the British Army Cadet logo interests me, what do you do for or know of the ACF?

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 9th Jan 2010 22:58 Edited at: 9th Jan 2010 23:20
Im a long time serving cadet as a matter of fact. That's why I made the site. Also, the logo isn't anything to do with the British army

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
Phaelax
DBPro Master
22
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 10th Jan 2010 05:27 Edited at: 10th Jan 2010 10:54
I took a look at your source code, omg does dreamweaver make some ugly css! And the meta tag in the header technically doesn't follow xhtml standards. Here, let me help you with that.

Lots of absolute positioning, setting z-index, and referencing gif images I don't even see in the design, it's all unnecessary junk making very unmanagable code. It's pretty bad when looking at the source I can't even figure out where the background image was set.

Your index.htm and home.css files made a total of 22.3KB. I rewrote your index page (embedded the CSS in the header) and the total size was only 4.6KB. The new page looks identical to yours but uses 1/5 the code. I'm not saying anything bad about you, afterall you did say you used an editor. I'm just pointing out how inefficient wysiwyg editors can be.




"Any sufficiently advanced technology is indistinguishable from magic" ~ Arthur C. Clarke
Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 10th Jan 2010 13:00
Thanks for that. But i think im gonna wor on my own to try and ake it alot more tidy

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size
Serial Velocity
16
Years of Service
User Offline
Joined: 24th Aug 2008
Location:
Posted: 10th Jan 2010 16:34 Edited at: 10th Jan 2010 16:34
The website design is good, however I would move the Latest work from the welcome page to the media page once you get on to making it. Good work so far

Shaun Of The Dead
16
Years of Service
User Offline
Joined: 28th Jan 2009
Location: Wouldnt you like to know :P
Posted: 10th Jan 2010 18:29
Thanks man
I was also thinking of that, to keep the main page less cluttered.

Your signature has been erased by a mod - Please reduce it to 600x120 maximum size

Login to post a reply

Server time is: 2025-05-25 06:02:13
Your offset time is: 2025-05-25 06:02:13