SITE REVIEW: Onyx-Design

  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

Hey guys,

I just finished my online portfolio at http://www.onyx-design.net.

For now it's only available in Dutch so nobody (except righteous_tresspasser :P ) can read the content. I'm still working on translating it, when I'm finished I'll say so in this topic so you guys can also review the content.

But... for now, please your comments on the design.

I've checked all the pages and except one they're all valid XHTML strict ;), also valid CSS.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

You know what the first thing is I'm going to say ...

Please make the link of the page that a user is on, unclickable, for example if a user is on the "home" page, make the "home" link unclickable etc etc ...

It bothers me a bit that the menu just stops like that, why don't you make the menu's right hand side the same as the left hand side ... (Do you understand what I mean ...?)

Maybe on the "contact" page, you can say that all fields are necessary, or put a little asterisk(*) next to them all ...

On the "complete websites" page, you can add a little "padding-bottom" because the content touches the bottom line ...

There where a user has to choose a sub-category for the website-designs, you could maybe add rollovers for those two links ... and the same for the Graphic-designs ...

On the "About this site" page the menu doesn't highlight the correct item ... "Websites" is highlighted and the incorrect path is shown ...

Further than that ... Excellent ...

//I really still can't believe that you're 14 ...
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

righteous_trespasser wrote:

Please make the link of the page that a user is on, unclickable, for example if a user is on the "home" page, make the "home" link unclickable etc etc ...

That's a good one. I did it with the breadcrumps but forgot to do it in the menu. Will take some time though, because it's scripted with PHP and that uses the $_GET to make sure which of the menu-items has to be active. That one has to be active and unclickable now...

righteous_trespasser wrote:

It bothers me a bit that the menu just stops like that, why don't you make the menu's right hand side the same as the left hand side ... (Do you understand what I mean ...?)

Yeah, I understand. I'll change it to see what it looks like and maybe change it back later if it doesn't looks good...

righteous_trespasser wrote:

Maybe on the "contact" page, you can say that all fields are necessary, or put a little asterisk(*) next to them all ...

Good one! Job's done!

righteous_trespasser wrote:

On the "complete websites" page, you can add a little "padding-bottom" because the content touches the bottom line ...

That one is weird...
You see IE7 shows some padding, but Fx don't... See the screens:

IE7:
Image

Fx:
Image

// I've done it manually now: just added some <br /> tags ;)

righteous_trespasser wrote:

There where a user has to choose a sub-category for the website-designs, you could maybe add rollovers for those two links ... and the same for the Graphic-designs ...

And the same for the whole site. I've edited the stylesheet. Links get underlined when hovering over.

righteous_trespasser wrote:

On the "About this site" page the menu doesn't highlight the correct item ... "Websites" is highlighted and the incorrect path is shown ...

It did that because you can also access that pages via portfolio > websites > complete websites but I guess it's not that user-friendly this way... I'll change it.

righteous_trespasser wrote:

Further than that ... Excellent ...

//I really still can't believe that you're 14 ...


Thanks :D Why can't you believe? Too young to make websites or speak English the way I do :P?
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

The english doesn't bother me, and the making of websites doesn't bother me either, it just amazes me ... at 14 I just played PC games the whole day ... I was like a game playing guru again ... there wasn't a game that I couldn't finish ... hehe ... i guess that's why I still want to be a game tester ...

Too young ... Never, for nothing ... Keep it up ...
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

thanks :), I play games too, I've got the Gamecube and 2 gameboys and I play Oblivion, GTA san andreas and Company of Heroes often. Sometimes I play games the whole day then I'm working on a website or designing the whole day. Depends on my mood ;).
  • iorgus
  • Newbie
  • Newbie
  • iorgus
  • Posts: 5

Post 3+ Months Ago

Fabinator wrote:
Hey guys,

I just finished my online portfolio at http://www.onyx-design.net.

For now it's only available in Dutch so nobody (except righteous_tresspasser :P ) can read the content. I'm still working on translating it, when I'm finished I'll say so in this topic so you guys can also review the content.

But... for now, please your comments on the design.

I've checked all the pages and except one they're all valid XHTML strict ;), also valid CSS.


Nice site, but for me the pallet of colors is neatractive
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

"neactractive", never heard that word before. Does it mean not attractive?
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

Some updates:

I've made the site SEO friendly by using mod rewrite to turn this: index.php?lang=nl&page=home into /pagina/nl/home ;)

And I've also added key-words, meta tags and more used the h1, h2, etc. tags.
  • sana
  • Expert
  • Expert
  • User avatar
  • Posts: 592
  • Loc: I am back!!

Post 3+ Months Ago

First Glance: Simple and Neat!

However, I think the navigation bar should have a border on both sides. Probably, RT has noticed that too. One thing that impresses me is the clean source code and appropriate use of DIV's. As there isnt much content, WHICH i understand, so I will have to say very well done.
I didnt know you were 14! I remember my site when i was fourteen *shudders* I was horrible with css! But wow, you have pulled it very nicely! Good Job.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

Thanks for your reply Sana! There will soon be more content and the english version of the site will ben available next week, I hope.

I've added borders on the right side of the menu, but that doesn't look good. So I tried something else:
http://www.onyx-design.net
  • murcielagossi
  • Proficient
  • Proficient
  • User avatar
  • Posts: 457

Post 3+ Months Ago

Very nice site! But I would add more space to:


CSS
Code: [ Select ]
margin-top:20px;


to #footer on the stylesheet.

Good Job

:D [/code]
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

Thanks for the reply murcielagossi ;)
I suppose you're right, but like I posted before IE does display this space and Fx doesn't...
  • zhaoke
  • Newbie
  • Newbie
  • User avatar
  • Posts: 12
  • Loc: Islab.org

Post 3+ Months Ago

I do really like your new header image.. cool work.
  • sana
  • Expert
  • Expert
  • User avatar
  • Posts: 592
  • Loc: I am back!!

Post 3+ Months Ago

I like what you have done with the site Fabinator. It looks much better now
  • TripleHelix
  • Born
  • Born
  • TripleHelix
  • Posts: 3
  • Loc: USA

Post 3+ Months Ago

Design looks great. At the bottom of the page, though, there's a change in page width, which should be an easy fix. I'm interested to see how it turns out when it's all finished!

Good work.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

TripleHelix wrote:
Design looks great. At the bottom of the page, though, there's a change in page width, which should be an easy fix. I'm interested to see how it turns out when it's all finished!

Good work.


I suppose you're using IE6, I've still didn't figure out how to fix that problem (and others)..
I've tested the site in a couple of browsers and it looks good in IE7, Fx (all versions), Safari 3 and Opera 9.

Thanks sana and zhaoke :D
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

I'm going on holiday now for a couple of weeks (4) so I'll will go further with this topic later on...
  • vjjohnson
  • Student
  • Student
  • vjjohnson
  • Posts: 84

Post 3+ Months Ago

the design is quite artistic. The only thing that bothers me is the colour of the text and the link structure. Change the colour of the hyper link also blue is too common.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

@vjjohnson04

I've read a book about website usability and a very common mistake is that a webdesigner thinks that because he understands the navigation everyone will understand it. But it has to be clear and one advice was to assure that hyperlinks look as common as possible so everyone will recognise them. Blue also fits my design so that's why i made that choice ;)
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

The menu looks kind of out of place for me. Can't really explain it, my eyes tell me that but forget it. I like the clean and neat layout of the site. At your age, you should be proud, and I'm not being age-discriminator. At your age, my site was a horror to look at. It was on a free host before. Its off now.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

http://www.onyx-design.net/pagina/en/home : English Translation is Done

Hey, I finished translating the site into English. I'm still working on some site description but almost everything is done and you wont get 404 errors. Any comments on the content?
  • murcielagossi
  • Proficient
  • Proficient
  • User avatar
  • Posts: 457

Post 3+ Months Ago

Stilll a very nice site, but in your artwork section...you cannot click on the image, you have to click on the link...maybe you should make a simple image viewer that can be brought up and closed...instead of just routing them to the image file in the browser...it looks bad that way.

Heres a link to what Im talking about:

http://vikjavev.no/highslide/ /* I took a little while to load the for some reason */

The image viewer example is toward the bottom.

Good luck.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

That's a good one. I should do that...
  • jammer2552
  • Graduate
  • Graduate
  • User avatar
  • Posts: 139

Post 3+ Months Ago

Very very very very very well put together. I think it's time you started to dabble in javascript though. Maybe make the menu more dynamic. You could even start messing around in flash. I think the header image would look cool with a nice animation somewhere. Cool and clean.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

@jammer2552, Thanks for your comments :D, I don't like javascript, I think PHP is a better option. But Flash is a good idea. I will do that!
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

I made a Flash header. See this test page:
http://www.onyx-design.net/test/flash.php

What do you guys think? Should I apply it to the rest of the site?
  • gu3
  • Proficient
  • Proficient
  • User avatar
  • Posts: 322
  • Loc: NCL- England

Post 3+ Months Ago

i like the site, it looks nice :D
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

Only thing that I have to say is that you may want to swap the "onyx" and the "design" because now it looks like design-onyx ... and make the animation a little longer ...
  • murcielagossi
  • Proficient
  • Proficient
  • User avatar
  • Posts: 457

Post 3+ Months Ago

I also suggest you make it longer, and when the text is going down, you can see a faint outline of "onyx" and also in the animation, the design bumps up at the last second...i would change that.

Also the text of "design" looks awkward, i would change it to verdana or some other font.

But I like the flash banner more than the image.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

You guys are right. I just got Flash yesterday and I never used it before, so the result is not that good. I have to swap the 'design' and 'onyx'. But I don't think the font (Acens) is that bad, I'll think about it though.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

murcielagossi wrote:
and when the text is going down, you can see a faint outline of "onyx"
I see that aswell ... have a look at that ...
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

It's changed. Is it better like this?
Here's the link again: http://www.onyx-design.net/test/flash.php
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

Yeah, much better ... I like it ...
  • murcielagossi
  • Proficient
  • Proficient
  • User avatar
  • Posts: 457

Post 3+ Months Ago

Yes. that looks tons better. Good job.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

Ok, I aplied it to the rest of the site. I just have to do the gallery for artwork now..
  • WestPoint
  • Newbie
  • Newbie
  • WestPoint
  • Posts: 12

Post 3+ Months Ago

Wow your site it beautiful! I love the limited color pallet. I think the thing that might be catching people on the menu is that it is the only flat colors on the site. If it had some sort of gradation, and I honestly can't think of what would work best (horizontal, vertical, ?) it would be much more sophisticated like the rest of the site.

Your contact page must still have the old reversed design/onyx image on it?

I'm curious what everyone thinks about the onyx design flash on every page load? It seems like if it did it only once, the site would feel more anchored. (I'm absolutely new and here trying to learn, so don't give much weight to my comments).

Your site is GREAT for a person of any age and you truely have talent.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

@ Westpoint,

Thanks for your reply :) I appreciate it. Doing the flash header just once is an option, but you get the problem that you don't know on which page the people will enter the site. If I show the flash header only on the homepage a lot of people won't see it....

And I agree the menu is not the best part of the site, but I'm still thinking how to improve it. ;)
  • Hamish Mather
  • Newbie
  • Newbie
  • Hamish Mather
  • Posts: 6

Post 3+ Months Ago

not very tidy
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

Hamish Mather wrote:
not very tidy
why not? And the main question: how can i improve it?
  • WestPoint
  • Newbie
  • Newbie
  • WestPoint
  • Posts: 12

Post 3+ Months Ago

Hamish Mather wrote:
not very tidy


Huh? I totally disagree with the statement.

But I did go to your site to see if you changed it a lot and noticed that if I go to the basic URL (http://www.onyx-design.net/) I don't get the animation. When I click on the 'home' link I do.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

@ Westpoint, you're right, it;s fixed now ;)

Forgot to tell it, but I've created something new. It's called the onyx-design image viewer. Images are no longer loaded in the root but in a image viewer. See it for yourself (click on "see the picture"):
http://www.onyx-design.net/pagina/en/portgroot
  • murcielagossi
  • Proficient
  • Proficient
  • User avatar
  • Posts: 457

Post 3+ Months Ago

The viewer looks good. Good work.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

@murcielago: thx :) I preferred making a viewer myself instead of using a tool.

I made a sitemap: http://www.onyx-design.net/pagina/en/sitemap
It's not much of a use right now but if my site becomes bigger it might turn out convenient...
  • burger
  • Novice
  • Novice
  • burger
  • Posts: 28
  • Loc: UK

Post 3+ Months Ago

I am sorry but this does not do it for me
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

which browser do you use, burger?
  • hawash
  • Newbie
  • Newbie
  • hawash
  • Posts: 6

Post 3+ Months Ago

ur flash is so simple
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

hawash wrote:
ur flash is so simple

Simpler is better ... That's the whole "WEB 2.0" design style these days ...
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

Do simpler flash site have more SEO advantages?
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

Bogey wrote:
Do simpler flash site have more SEO advantages?

You shouldn't make your whole site in flash, that's really bad for the SEO. But just a header (like mine) does not boost the seo but doesn't make it less good either.
  • gozames
  • Beginner
  • Beginner
  • User avatar
  • Posts: 37

Post 3+ Months Ago

Disigne is nice but wery simple try to use another coolors and add more content.other i think maked well.I only think to change coolors.
Good work
  • wincyclopedia
  • Novice
  • Novice
  • wincyclopedia
  • Posts: 30

Post 3+ Months Ago

I think you could use a favicon
  • armandoz
  • Born
  • Born
  • armandoz
  • Posts: 1

Post 3+ Months Ago

hi guys,

recently I updated an gwt-php-adodb open source real estate software,

If someone is interested urls are:

Tar/GZ:
https://sourceforge.net/project/showfil ... _id=198879


Demo site:
http://retecasa.us/area/v1beta_build1/R ... state.html

Bye

Armando
  • Merlyn
  • Guru
  • Guru
  • User avatar
  • Posts: 1143
  • Loc: Oregon

Post 3+ Months Ago

For future reference armandoz, if you want people to review your site, normally you would start your own thread.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

wincyclopedia wrote:
I think you could use a favicon

Yeah, for sure, when i have some spare time i'll do that
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

Onyx Design Update: Comments

I've added a MySQL database to my site so people can post comments on some pages. I've experienced that people who want to say something about almost never contact me and people who want to spam me do. So I want to try this. It's still a bèta but I want to add it onto several pages when it's finished.

For now you can add comments just on the about this site page:
http://www.onyx-design.net/pagina/en/onyx

Please add one and give me some feedback. (also about the design of the comment boxes ;))
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

Oooohh ... no error checking ... I added an empty comment ... that's a big no-no ...
  • DPZero
  • Beginner
  • Beginner
  • User avatar
  • Posts: 48

Post 3+ Months Ago

What's up with the 'Stats' link at the bottom of the page? It seems it is a link to your logs folder, which is password protected. I know you use that link a lot, but it's not nice for you to have it on the first page, where visitors can see it but can not access it :)
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

righteous_trespasser wrote:
Oooohh ... no error checking ... I added an empty comment ... that's a big no-no ...
I know.. it's a work in progress.. but I thought to show it first.
Edit: It should be fixed now ;)

Quote:
What's up with the 'Stats' link at the bottom of the page? It seems it is a link to your logs folder, which is password protected. I know you use that link a lot, but it's not nice for you to have it on the first page, where visitors can see it but can not access it Smile

Edit:I suppose you're right, I've removed the link..[/b]
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

that works now ... great ... now just add a back button on the error message screen, then all should be well ...
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

righteous_trespasser wrote:
that works now ... great ... now just add a back button on the error message screen, then all should be well ...

Yeah that's a good one ;) I'll try to change it tomorrow...
  • ktg2007
  • Born
  • Born
  • ktg2007
  • Posts: 4

Post 3+ Months Ago

Your Flash design looks really nice


Fabinator wrote:
Hey guys,

I just finished my online portfolio at http://www.onyx-design.net.

For now it's only available in Dutch so nobody (except righteous_tresspasser :P ) can read the content. I'm still working on translating it, when I'm finished I'll say so in this topic so you guys can also review the content.

But... for now, please your comments on the design.

I've checked all the pages and except one they're all valid XHTML strict ;), also valid CSS.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

@ktg2007 thanks :D
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

Great job!

(are you really 14?)

Just one thing - I would take off the bit of graphic that lines the main content/ text on each page (you know the bit I mean? the light blue margin with dark blue leaves scattered on it). I don't really feel it fits with the rest of the design, and I don't think it would take anything away from the overall feel if you just left that bit white. In fact it would give the text some breathing space..........

celandine
  • Bryce
  • Beginner
  • Beginner
  • Bryce
  • Posts: 52
  • Loc: North Carolina

Post 3+ Months Ago

I like the design of it a lot. I don't really see anything you could improve on, but instead of having the flash header only on the main page, why not put it on every page? This can be done very easily if you had PHP Inclusions on your site, or some kind of template engine. Otherwise, very nice.
  • wish71
  • Novice
  • Novice
  • wish71
  • Posts: 16
  • Loc: Italy

Post 3+ Months Ago

Great look, professional....

Navigation is ok and the message is clear.... i will wait to see the English version.
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

You know what might be an easy way to smooth out the Flash header a little (the movement is kind of jerky), is if you were to increase the frame rate in Flash. Then stretch out the timeline to compensate for the extra speed that will give it.

With a simple animation like that, you shouldn't have to worry about it adding too much size to the Flash file and I think it would add a nice pro feel.

Other than that, great job!
  • Bryce
  • Beginner
  • Beginner
  • Bryce
  • Posts: 52
  • Loc: North Carolina

Post 3+ Months Ago

I just validated your site for you as you had the XHTML 1.1 Strict link there. It's found 11 errors.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

No it doesn't ... it's valid ... chek this
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

@Celandine, Actually my birthday was a few weeks ago so I'm 15 now ;)
Maybe you're right about the leaves, but I do like them... I'll think about it.

@Bryce, I have PHP inclusions, but the reason I didn't do it on all pages is that I think it starts to annoy when you see it too often.

@wish71, I have an english version: http://www.onyx-design.net/pagina/en/home

@jameson5555, you're right... I'll do that... ;)

Thanks for your replies guys:D

Post Information

  • Total Posts in this topic: 69 posts
  • Moderator: Website Reviewers
  • Users browsing this forum: No registered users and 3 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2016. Ozzu® is a registered trademark of Unmelted, LLC.