: What to change on this webpage, to look more elegant I'm not ui ux engineer. I just want to hear your opinion/help on where would you (designers) put this grey box or app links, what is

@Smith574

As mentioned above the gray box is out of place and I have some other notes to add in regards to the gray box.


The gray box has round corners when your navigation is sharp, crisp and to the point
The gray appears to have a gradient with a blur effect
The gray box has a harsh shadow.
Gray, black and purple look good but you throw in an overpowering yellow for a background.
In your main navigation you show a harsh font layout. Might I suggest reading on kerning, leading and tracking. (This also applies to "Portfolio" and "software and Web Engineer").
To touch more on the navigation: you have two completely different elements of direction. I do like the subtle look of the main, but the sub and arrows have no purpose. Pick one style and go with it.
Lastly the background. Look into contrast and colors. You basically have a medium and no distint definition. Maybe a darker yellow or a pattern to help soften the extreme yellow. Might I also suggest to make the white pop ad a small black or gray stroke.

Vote Up Vote Down

@Speyer780

It looks like you started with a template and just slapped the gray box on top of it.

The gray box itself seems to contain regular unstyled blue/purple links. The rest of the page uses plain black text for the links. The visual inconsistency throws the page off balance. Also are those supposed to be buttons the links are on? If so, remove the underline and make sure you add appropriate hover states to the buttons.

The drop shadow on the gray box is also rather overwhelming, and I would suggest making it more subtle by changing it's color or making it smaller (or both). The gray box also uses rounded corner whereas the rest of the elements use sharp, pointed corners.

Keep in mind the yellow, black, and white are kind of the "theme" of the website. It's very minimalistic and clean - the gradient of the gray box really takes away from that.

I would also suggest reading through these questions:


Professional Looking Websites
How to not make my website have a “1990's” look
Designing interesting looking websites in greyscale, minimal tones
Adding visual interest to a website without cluttering it or making the visuals detract from the content
Why do people keep telling me my site looks awful?
Modern design - What's that?

Vote Up Vote Down