Mobile app version of vmapp.org
Login or Join
Correia448

: Design tips for a web design by a beginning developer I'm currently in the process of making a design for a web application. Although I'm very interested in design, I'm actually a programmer,

@Correia448

Posted in: #Critique #Css #InterfaceDesign #PageLayout #WebsiteDesign

I'm currently in the process of making a design for a web application.

Although I'm very interested in design, I'm actually a programmer, and I don't have a lot of experience with design. That's why I came here.

I have the following set up:

(click for original)

The menu on the left has a small hover effect, where the text turns white and gets a very light gray-ish background color.

I tried my best with the limited knowledge I have, but I just have the feeling something isn't right (and it feels too plain).. I paid special attention so that everything is in an "invisible grid" (e.g. there is a line flowing down from the logo to the left menu-bar).

I also tried my best to match the colors (the red and green are required by the customer). But I'm having trouble matching colors with the green..

Could you provide me with tips (any tips IMHO that would benefit the design)? I'm willing to upload the css and html if required!

Thanks for the help :)

UPDATE: This is what it looks like now:

(click for original)

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Correia448

1 Comments

Sorted by latest first Latest Oldest Best

 

@Sims5801359

First, this is obviously a critique which we allow but as a result the following are my opinions:


The menu on the left should all be aligned right. Its strange to me that you aligned right all the points but then align left the headings and then indent the date. Align it all to the right.
I think the Green and Red is actually nice. What doesn't work is that blue you chose for links and for whatever that rectangle in the middle is. I would find a different color than blue to use. Perhaps a really dark green almost black would be better.
The kerning on your lettering in parts looks really tight. For example at the top the word 'Project' has the C and T touching. KPI in the middle has the P and I almost touching. I would really allow a little more space. The compactness is nice but I think you went a little too far with it.
There's gray around the KPI on the left menu. I'm not sure why it is there but I would adjust it so whatever it is doesn't extend past the right alignment you have or add another element there showing the margin area. Right now it just sorta dangles over the invisible edge you've created with the text.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme