DOC111

19
Pritamji, We are moving in right direction in terms of placement of components and designing of individual components are concerned. However we are wondering what should be done to make the site more appealing in terms of using right combination of colours. Honestly things aren’t looking very appealing today and here are few suggestions. (I would also suggest that we talk to some designer/Shraddha) to ask what colours should be used for different components. 1) Menus on the site ( Main as well as Sub ) Current color scheme used is: HTML code: #3B5999 RGB code: R: 59 G: 89 B: 153 HSV: 220.85° 61.44% 60% I think this blue color is seeming to be too bright to eye (mostly because it is being used at too many places on home page). Can we try to use following blue colour: HTML code: #427CAA RGB code: R: 66 G: 124 B: 170 HSV: 206.54° 61.18% 66.67%

Transcript of DOC111

Page 1: DOC111

Pritamji,

We are moving in right direction in terms of placement of components and designing of individual components are concerned.

However we are wondering what should be done to make the site more appealing in terms of using right combination of colours. Honestly things aren’t looking very appealing today and here are few suggestions. (I would also suggest that we talk to some designer/Shraddha) to ask what colours should be used for different components.

1) Menus on the site ( Main as well as Sub )

Current color scheme used is: HTML code: #3B5999RGB code: R: 59 G: 89 B: 153HSV: 220.85° 61.44% 60%

I think this blue color is seeming to be too bright to eye (mostly because it is being used at too many places on home page).

Can we try to use following blue colour:

HTML code: #427CAARGB code: R: 66 G: 124 B: 170HSV: 206.54° 61.18% 66.67%

May be you/designer can suggest something based on UI principles.

Page 2: DOC111

2) Menu on Hover:

Currently it is as follows:

We need to have a better visually appealing color combination/display format. (May be we just play with fonts instead of having blocks for sub-headers)

Page 3: DOC111

3) Page Background

Current background colour used is:HTML code: #E7EBF4RGB code: R: 231 G: 235 B: 244HSV: 221.54° 5.33% 95.69%

Can you try to change it to following to match it to the new blue color suggested.HTML code: #E6EBEFRGB code: R: 230 G: 235 B: 239HSV: 206.67° 3.77% 93.73%

Page 4: DOC111

4) Login Menu:

Can we try to use different colors for Student, Colleges and Corporate here itself (and which can be used to differentiate them later across the site)?

5) Buttons

I think we should use another colour (may be a shade of orange) to differentiate all buttons) - - Since they call for user actions and should be differentiated (See Google – Compose, Send buttons are different colour)

6) Page/Block Headers:

This should be having uniform color/font across all pages (even Black is ok)

7) Text heading and static information

This is not looking good as in current format. I think we could follow format across site for all similar data above:

Note that the article heading is BOLD.

Page 5: DOC111

8) Text footer:

This is also not delimiting the data properly. We could follow following format:

9) Page No Link : Currently it is like:

To make it better we can have it like following:

Page 6: DOC111

10) Most popular (content) block: Currently it has not been organized in visually appealing manner:

We could have it like:

Page 7: DOC111

11) Comments section: Current structure is:

Some inputs could be taken from:

Page 8: DOC111

12) Forum linked to group/event:

Page 9: DOC111

13) Add an Event Page: Can we have a better way of representing numerous fields? Also mark mandatory fields with red asterisk.

Page 10: DOC111

14) Invite members: Please improve UI for member invite to be clear for Users:

Page 11: DOC111

15) After invite is sent to few Users: Please check for following suggestions

Page 12: DOC111

16) Forums landing page:

Another option for arrangement is :

Page 13: DOC111

17) Threads landing page: Option for Page numbers needs to be there. Also filters for “Sticky” etc. needs to be there.

Another option is:

Page 14: DOC111

18) Starting new thread:

Another better approach:

Page 15: DOC111

19) View thread:

Better option:

Page 16: DOC111
Page 17: DOC111