Contest $250 Design for a Dashboard Mockup. Guaranteed winner by Monday

@outwork69
Looking great!

1. Can you please experiment with different accent colors for the cards titles?
   
2. For the Card with "Quick Links", can you make it without the card? In other words, remove the Title and the Description since the buttons themselves should be explanatory of what it is. And instead of the card, just use the four buttons (one on top of the other), and make them each span the width of the card area.
   Perhaps you can use inspiration of the buttons from these UI Kit components
   
   
   
3. For the "create event" maybe use the calendar icon in the UI Kit
4. Maybe look for a bullhorn icon for the "Post News/Notices" part if there isn't one in the UI Kit. Perhaps use the style from Fontawesome: http://fontawesome.io/icon/bullhorn/
5. For "Modify Page" using the pencil icon from the UI Kit (see below).
   
   
6. For the "Requires Attention" Card, add icons next to the two columns "Date" and "Category" to show that clicking on the column header or the icon can sort/re-sort the order of that column. You can probably use the icon/arrow that you used to the right of the profile picture.

 

Hi. I have created several, slightly diffrent versions.

Keeped the old version of Quick links, just removed the card:



Full width buttons:


The right part of the buttons was to empty, so I tried to make it good looking still functional and productive:


Colorful titles:

 

@outwork69

1. For the accent colors of the three cards (Requires your attention, Notification, Latest News & Notices), let's see how they all look if made to be the same color. And use the navy/grey color.
2. You have great ideas for the right side of the four buttons!
   Let's add the following text for the right side:
   Minutes & Agendas: "Days since last posting: 5"
   News/Notices: "Days since last posting: 11"
   Modify Existing Page: "Nr. of live pages: 35"
   New Event: "Nr. of events this month: 9"

 

The requested modifications have been completed.

 

I have slightly adjusted the text on the right side of the buttons. I just wanted to show you:

 

@outwork69

1. The grey headers on cards look a bit too heavy. Can you experiment with using a lighter shade of that color?
2. On the graph can you experiment with the details so that the coloring is a bit different. In this example attached here, the "filed in" area has some opacity of white. Can you do something similar, but of course keep the color branding?

 

HI. I have tried to use lighter version of the brand color (navy grey) but ... it not looks so good. We can try different shades of that color, but I think that a lighter version of navy grey (yes, the color used on titles is a light variant of the navy grey color) is ugly and it is against TownWeb`s branding book. Personally, I think that the white title was the best one and the most professional. We can use navy grey and red as title background, when we need to highlight the card.

 

@outwork69 :

Ok, let's make it white again and add a small grey line on top or bottom of the title space. maybe 3px. Please also try it in red.

 

@outwork69 :

1. Here is some more feedback, this time about the header (see screen shot)
2. Make the "Town of Rome" text bold so it stands out. Keep "Website for:" light weight.

 

Hi. Please check the screenshots.

 

@outwork69 : Let's see it with the lines just on the top of the title. (not the bottom)

 

Done

 

@outwork69
Thanks for the fast work!

1. I like the red style
2. For the header, please remove the off-white. It looks better with just the white
3. For the Cards, please make the Title Main Text 2px bigger (18 px?). Keep the description text the same as it is now
   
4. Make the title box bigger in size (like the Bangkok Office from the UI Kit)
5. Remove the line break underneath the title/description box and instead make it an invisible line and put a slight drop shadow (like the below screen shot from the UI kit)
6. Please make the same invisible line with the same drop shadow on the red part of the header
   

 

Please check the screenshot

 

I think the dropshadow looks too harsh (on both the header and the cards). I'm using Sketch to look at the "Bangkok" part of the UI kit, but here are the settings. It is subtle and less noticeable.

 

I think it is better.

 

@outwork69

1. Did you add the same softening to the red part on the header? It looks the same form the previous version. You can extend the width of the shadow a bit more, and perhaps a bit less opacity.
2. For the Title cards, we are *almost* there, I think. It needs a bit more length of the shadow and perhaps less opacity.

 

Completed the changes:

 

@outwork69

1. Can you do something like this for the buttons? This follows more closely to the Material Design standards. Can you also try a design with red and one in gray/navy?
   
2. In the header, we have a line underneath the word "Dashboard". Can you move that dash/line above the word? And please make it off-white so it matches the background header.
   
   

 

Please check the screenshots.