Need feedback on the design for my site

Yeah lol you need a new font chances are without me looking at the CSS you have a font that doesn't exist on Windows computers or you have the font typed wrong. Use tahoma or arial.

The overall design idea looks nice, maybe you could make a lower amount on the drop shadows
 
I think the website design is 3 out of 10
The content design is 2 out of 10
Overall you need to work on the website
I don't know if you have programmed it yourself from scratch
If you did, don't work on the design, unless you are truly capable of handling the code
Also I want to know how many years have you been programming
 
GSquadron said:
I think the website design is 3 out of 10
The content design is 2 out of 10
Overall you need to work on the website
I don't know if you have programmed it yourself from scratch
If you did, don't work on the design, unless you are truly capable of handling the code
Also I want to know how many years have you been programming

Giving me ratings does not help me (although it's still appreciated). I need feedback on what should be changed and how its current state is. How can I improve it? Not just "this doesn't look good."

I've been a programmer for about 5 years; however, I usually do not make designs myself. This is pretty much my first try.
 
I see, this is why you had a cms there
Ok here it goes:
3 out of 10 because
It feels so unprofessional because it is not in the center of the screen.
Usually you use margin-left: auto and margin-right:auto for the whole wrapper
The design of the votes feels so childish, because there is
The footer and header feels so DAMN empty, especially footer
The footer is grey which simply doesn't fit
Combination of colors is obviously right, but it doesn't give you the comfort you are navigating, you are just reading. Try to make a bit more color combination and black, white and cyan sucks somehow. That is not even white, it is some kind of bright grey which makes things worse.

Content design is strongly related to the overall website design with the aim of the structure only.
Your website is not RESPONSIVE and it sucks like hell when trying to zoom in and out. (I am saying it like that because this is extremely important nowadays) When trying to make a 2013 website, if it is not responsive or adaptive you are clearly not a good designer, none will like you website, especially guys with smartphones, they will hate your website.
Use media queries to fix this and search on the internet since it is more than just that, especially when it comes to iPhone 5.
I don't know if you have gone to php.net new website, because there was a TON of angry guys who hated the 'white color' and they had to switch the whole website design. This means I cannot read in a 'SO WHITE' website and I hate reading anything.

When I saw your website, I thought: Reddit
This simply because it has some kind of similarities but that is not even close. If you look at their website, there is no BLACK on the place where I am trying to read. Black simply means look at me and why should I look at the header? Because I don't know.
Why black says that? Because it is such a DEEP color, only 10% of your website is in black (or less) and that emphasizes the user to read that. That catches attention when trying to read and makes it irritating.

Your vote design simply sucks. Don't use only paint skills especially if you are not a designer. You should use every tool you have to be like one. A good designer uses less tools because he is efficient, meanwhile you are clearly have no clue on what you are doing, you are just making something because 'you think' it is best like that, simply because you don't know how to make it much better.

Overall, learn DESIGN THEORY. This is very important and it is what you really lack. I mean, common it is just colors and that hand voting, but that is all your website. Start from that and you will see that you will become much better at it. You are not a bad designer, you simply don't think what other do and there is no bad or good design, it is just trying to make everybody happy. The more stuff you have on a website, the more difficult it becomes to make everybody happy. Also color theory might help, but I don't know if you 'accidentally' choose those colors or someone ordered you to.

Also, this is just the beginning, because there are other stuff, but you don't need them now, like the responsive part. Without doing a good design, it will suck on a smartphone.

One thing I noted which also SUCKED was the use of divs. When I worked for some guy, I was offended like hell, because I didn't use HTML 5 specifications and had to reinvent the wheel again. I love your programming skills, but I hate your design skills. Overall I hate your skills because if you are not a good designer, it will be so hard to accept your programming skills and you will always work for others or have others do your design job, which makes you pay some money without any real reason, since you can make a simple design yourself.

Before I go, your navigation pane sucked because you had no padding between the puttons and you used bored-radius in a square design. Come on, you made such squares and thought that box-radius would help you?

What really 'offends me' is that you have been programming for 5 years and you don't know well html5 and css3. What were you thinking? :angry:

A question: How much time did you spend on the design? 1 night?
 
GSquadron, I'd like to thank you for this wonderful bit of feedback. (y)

GSquadron said:
It feels so unprofessional because it is not in the center of the screen.

I would not consider the center of the screen a "professional" place. YouTube, which I think we can both agree on professional, also avoids the center of the screen. I went for that "left" feel.

GSquadron said:
Usually you use margin-left: auto and margin-right:auto for the whole wrapper

Not if you don't want it centered. 🙂

GSquadron said:
The footer and header feels so DAMN empty, especially footer

I don't understand this. I've had multiple people tell me there needs to be more content, but why? I've heard it was best that you didn't take up space needlessly and just have your visitors focus on the main portion of your website, the server listings.

GSquadron said:
The footer is grey which simply doesn't fit

I was confused on this. It seems like this would be the best color available? What do you think would be a better color?

GSquadron said:
Combination of colors is obviously right, but it doesn't give you the comfort you are navigating, you are just reading. Try to make a bit more color combination and black, white and cyan sucks somehow. That is not even white, it is some kind of bright grey which makes things worse.

Yes, I don't think any website has a pure white background. It's too hard on the eyes, that's why it's a dimmer white. As for the color combination, it was originally black, white, and orange. Although, people said they liked the blue better. As for navigating, we have to remember what category/type of site this is. There doesn't need to be much navigation, as of course all the visitors are here for is the server listing to find what server they want to play.

GSquadron said:
Your website is not RESPONSIVE and it sucks like hell when trying to zoom in and out. (I am saying it like that because this is extremely important nowadays) When trying to make a 2013 website, if it is not responsive or adaptive you are clearly not a good designer, none will like you website, especially guys with smartphones, they will hate your website.

Only one part of my website isn't responsive, and that's only when you decrease it to a very small window. Other than that, I don't think any problems will come to responsiveness. I've seen my website on other peoples phone and my phone, and it fits well; however, I will go fix that one unresponsive area.

GSquadron said:
I don't know if you have gone to php.net new website, because there was a TON of angry guys who hated the 'white color' and they had to switch the whole website design. This means I cannot read in a 'SO WHITE' website and I hate reading anything.

Yes, I find myself at php.net all the time. Quite frankly, I like both the new and old designs. And everytime I make a dark theme, I'm always getting told I should make a light theme.

GSquadron said:
When I saw your website, I thought: Reddit
This simply because it has some kind of similarities but that is not even close. If you look at their website, there is no BLACK on the place where I am trying to read. Black simply means look at me and why should I look at the header? Because I don't know.
Why black says that? Because it is such a DEEP color, only 10% of your website is in black (or less) and that emphasizes the user to read that. That catches attention when trying to read and makes it irritating.

Hmm, I see what you're saying. But where else would I place black on my webpage?

GSquadron said:
Your vote design simply sucks. Don't use only paint skills especially if you are not a designer. You should use every tool you have to be like one. A good designer uses less tools because he is efficient, meanwhile you are clearly have no clue on what you are doing, you are just making something because 'you think' it is best like that, simply because you don't know how to make it much better.

I can actually agree with you on this one, yes, the vote design does simply suck. I had absolutely no idea where to put it or what to make it look like. I'll ask a designer that is on my skype what he thinks and how I can improve that bit.

GSquadron said:
Overall, learn DESIGN THEORY. This is very important and it is what you really lack. I mean, common it is just colors and that hand voting, but that is all your website. Start from that and you will see that you will become much better at it. You are not a bad designer, you simply don't think what other do and there is no bad or good design, it is just trying to make everybody happy. The more stuff you have on a website, the more difficult it becomes to make everybody happy. Also color theory might help, but I don't know if you 'accidentally' choose those colors or someone ordered you to.

I agree, there isn't much too my website. But that's the point! My website doesn't need to be cluttered with stuff. It's a website that allows people to come find the right private server for them, and I'm sure they don't need a bunch of stuff on the page to help them with that. But of course, I'm sure there's a way to improve their experience on the website and the amount of content on the website. If you wouldn't mind giving me a step n the right direction on that, that'd be great. 🙂

GSquadron said:
One thing I noted which also SUCKED was the use of divs. When I worked for some guy, I was offended like hell, because I didn't use HTML 5 specifications and had to reinvent the wheel again. I love your programming skills, but I hate your design skills. Overall I hate your skills because if you are not a good designer, it will be so hard to accept your programming skills and you will always work for others or have others do your design job, which makes you pay some money without any real reason, since you can make a simple design yourself.

This is too true. I've always been in to the "back-end scene" and have always felt that's were I belonged. I could never really produce an aesthetically pleasing design, so I always had to fallback on an existing one for any of my projects (until now, and we see how that's going, haha...).

GSquadron said:
Before I go, your navigation pane sucked because you had no padding between the puttons and you used bored-radius in a square design. Come on, you made such squares and thought that box-radius would help you?

Haha, alright. I've actually been meaning to improve the navigation. I'll get on that. 😉

GSquadron said:
What really 'offends me' is that you have been programming for 5 years and you don't know well html5 and css3. What were you thinking? :angry:

Like I said, I tend to stay in the "back-end" of everything. Functioning is my bit, and I always had someone else making the looks/designs. I guess this is my attempt to change that.

GSquadron said:
A question: How much time did you spend on the design? 1 night?

Yes, about 3 hours.
 
1. Do you really think that youtube has a professional website design?
It sucks like hell and a lot of people complained
It is the content which makes it so popular
Same for a lot of website
I am left handed and it really makes me feel uncomfortable
Meanwhile if you place it in the middle, it will be ok for both

2. When I designed my first icon it took me a WEEK of stupid designs
Learn Illustrator and try to do the design yourself
Learn the fundamentals but don't ask others how to do it
How did you learn programming? Asking others? Or trying to program every single day, until your code gets good?
I learned a whole week of illustrator tutorials and than I started making my own logos. (the website design took a month and responsive design took a year, still not completed)

The way to go is to learn from others, but take only what makes you feel good. Don't think that adding box-shadows will help you. Usually more means greater danger and rarely more means good. Try to make a percentage between content and design.
The more time you spend designing, the better it will be, but not always!
Design is very relative and only masterpieces are absolute (meaning they are really good and none can say they are bad)

3. Footer is bad that way because it is very unprofessional. Professional websites usually have more than 5 options to choose from and the copyright sign might even make visitors feel bad, especially those who already design themselves.

What in the world told you to put grey? Between so many beautiful colors, you choose grey? Seriously? Is it a website about graves?

4. I resized and your header seemed to get smashed. You are using fancybox which is ok for iPhone, but doing it alone would be better. You are the programmer after all.

5. The grey color is normally the best color, because of your design. Make it black.

6. Don't place black. Do it something light, try to see examples online.

7. Don't ask designers for ideas, ask them for suggestions. Do it yourself and this is very important. Work on that vote for days until you are satisfied.

8. If that is the point than make it simplier. Your vote sign takes so much space. Your title background is not 100% but there are so many things to add to your front end design. I see you used jquery, but I don't see any color transitions on any links. It feels frozen, let the users play with transitions.

Facebook has an amazing right panel which, sucks there, but doesn't on other websites. Maybe adding a panel look alike would be a better choice than padded divs staying away of each other, with little text and big ugly boxes.

9. You have always had others designs at hand!!! Learn from them!
Look what they did, why they did it. If you are starting out, 'please' don't use photoshop for web-design. Use illustrator instead. I am happy I switched to illustrator and a lot of designers wont do for you, if you depends on them.<br /><br />-- 07 Oct 2013, 22:39 --<br /><br />It is better studying for a week Illustrator without doing anything else, rather than paying people to do the design for you.
 
Change font
It seems a little better now, but still it is a dull design
 
Back
Top Bottom