SlideShare a Scribd company logo
1 of 17
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%



May be you/designer can suggest something based on UI principles.
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)
3) Page Background

Current background colour used is:
HTML code: #E7EBF4
RGB code: R: 231 G: 235 B: 244
HSV: 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: #E6EBEF
RGB code: R: 230 G: 235 B: 239
HSV: 206.67° 3.77% 93.73%
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.
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:
10) Most popular (content) block: Currently it has not been organized in visually appealing
    manner:




   We could have it like:
11) Comments section: Current structure is:




Some inputs could be taken from:
12) Forum linked to group/event:
13) Add an Event Page: Can we have a better way of representing numerous fields?
    Also mark mandatory fields with red asterisk.
14) Invite members: Please improve UI for member invite to be clear for Users:
15) After invite is sent to few Users: Please check for following suggestions
16) Forums landing page:




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




    Another option is:
18) Starting new thread:




   Another better approach:
19) View thread:




Better option:
DOC
DOC

More Related Content

Similar to DOC

Global Scope Final Report
Global Scope Final ReportGlobal Scope Final Report
Global Scope Final Report
Kamil Mustaffa
 
Presentation1
Presentation1Presentation1
Presentation1
gregbear
 
Web Design Notes
Web Design NotesWeb Design Notes
Web Design Notes
butest
 
Presentation1
Presentation1Presentation1
Presentation1
nhuthi
 
Presentation2
Presentation2Presentation2
Presentation2
gregbear
 
Gvhwebsitediscussion
GvhwebsitediscussionGvhwebsitediscussion
Gvhwebsitediscussion
patricksis
 
20130909_GODEL Style Guide Guide
20130909_GODEL Style Guide Guide20130909_GODEL Style Guide Guide
20130909_GODEL Style Guide Guide
Milly Schmidt
 
wordpress-based-non-profit-website-redesign-project-by-digital-systems
wordpress-based-non-profit-website-redesign-project-by-digital-systemswordpress-based-non-profit-website-redesign-project-by-digital-systems
wordpress-based-non-profit-website-redesign-project-by-digital-systems
Digital Systems
 
Usability Guidelines
Usability GuidelinesUsability Guidelines
Usability Guidelines
homeplate31
 

Similar to DOC (20)

abc
abcabc
abc
 
Global Scope Final Report
Global Scope Final ReportGlobal Scope Final Report
Global Scope Final Report
 
Presentation1
Presentation1Presentation1
Presentation1
 
Web Design Notes
Web Design NotesWeb Design Notes
Web Design Notes
 
Divs and Links Styles
Divs and Links StylesDivs and Links Styles
Divs and Links Styles
 
Web dev
Web devWeb dev
Web dev
 
Presentation1
Presentation1Presentation1
Presentation1
 
Interview+Questions (1).pdf
Interview+Questions (1).pdfInterview+Questions (1).pdf
Interview+Questions (1).pdf
 
Presentation2
Presentation2Presentation2
Presentation2
 
Web Design - What's Trending in 2021-Mantran Presentation
Web Design - What's Trending in 2021-Mantran PresentationWeb Design - What's Trending in 2021-Mantran Presentation
Web Design - What's Trending in 2021-Mantran Presentation
 
Gvhwebsitediscussion
GvhwebsitediscussionGvhwebsitediscussion
Gvhwebsitediscussion
 
20130909_GODEL Style Guide Guide
20130909_GODEL Style Guide Guide20130909_GODEL Style Guide Guide
20130909_GODEL Style Guide Guide
 
Top 10 Graphic Design Mistakes - Part 1
Top 10 Graphic Design Mistakes - Part 1Top 10 Graphic Design Mistakes - Part 1
Top 10 Graphic Design Mistakes - Part 1
 
CSS3 and a brief introduction to Google Maps API v3
CSS3 and a brief introduction to Google Maps API v3 CSS3 and a brief introduction to Google Maps API v3
CSS3 and a brief introduction to Google Maps API v3
 
wordpress-based-non-profit-website-redesign-project-by-digital-systems
wordpress-based-non-profit-website-redesign-project-by-digital-systemswordpress-based-non-profit-website-redesign-project-by-digital-systems
wordpress-based-non-profit-website-redesign-project-by-digital-systems
 
A new look for e4
A new look for e4A new look for e4
A new look for e4
 
Best web design
Best web designBest web design
Best web design
 
Creating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in MindCreating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in Mind
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePoint
 
Usability Guidelines
Usability GuidelinesUsability Guidelines
Usability Guidelines
 

More from theextraaedge

Basics+of+Datawarehousing
Basics+of+DatawarehousingBasics+of+Datawarehousing
Basics+of+Datawarehousing
theextraaedge
 
Basic+Accountancy+Principles+for+Non-commerce+students
Basic+Accountancy+Principles+for+Non-commerce+studentsBasic+Accountancy+Principles+for+Non-commerce+students
Basic+Accountancy+Principles+for+Non-commerce+students
theextraaedge
 
Business+Applications+-+Practise+paper3
Business+Applications+-+Practise+paper3Business+Applications+-+Practise+paper3
Business+Applications+-+Practise+paper3
theextraaedge
 
Peter+Thiels+-+Stanford+Lecture
Peter+Thiels+-+Stanford+LecturePeter+Thiels+-+Stanford+Lecture
Peter+Thiels+-+Stanford+Lecture
theextraaedge
 

More from theextraaedge (20)

test doc
test doctest doc
test doc
 
demo slide
demo slidedemo slide
demo slide
 
Coll edge demo_deck_v1.3
Coll edge demo_deck_v1.3Coll edge demo_deck_v1.3
Coll edge demo_deck_v1.3
 
Lean startup simplified for learners, entrepreneurs & practitioners
Lean startup simplified   for learners, entrepreneurs & practitionersLean startup simplified   for learners, entrepreneurs & practitioners
Lean startup simplified for learners, entrepreneurs & practitioners
 
Lean startup simplified for learners, entrepreneurs & practitioners
Lean startup simplified   for learners, entrepreneurs & practitionersLean startup simplified   for learners, entrepreneurs & practitioners
Lean startup simplified for learners, entrepreneurs & practitioners
 
Empowering our Engineering colleges
Empowering our Engineering collegesEmpowering our Engineering colleges
Empowering our Engineering colleges
 
Empowering our engineering colleges
Empowering our engineering collegesEmpowering our engineering colleges
Empowering our engineering colleges
 
ExtraAEdge - CollEDGE Product Demo
ExtraAEdge - CollEDGE Product DemoExtraAEdge - CollEDGE Product Demo
ExtraAEdge - CollEDGE Product Demo
 
ExtraAEdge - CollEDGE Product Demo
ExtraAEdge - CollEDGE Product DemoExtraAEdge - CollEDGE Product Demo
ExtraAEdge - CollEDGE Product Demo
 
Engineering as a Career Choice
Engineering as a Career ChoiceEngineering as a Career Choice
Engineering as a Career Choice
 
 
Basics+of+Datawarehousing
Basics+of+DatawarehousingBasics+of+Datawarehousing
Basics+of+Datawarehousing
 
Basic+Accountancy+Principles+for+Non-commerce+students
Basic+Accountancy+Principles+for+Non-commerce+studentsBasic+Accountancy+Principles+for+Non-commerce+students
Basic+Accountancy+Principles+for+Non-commerce+students
 
Business+Applications+-+Practise+paper3
Business+Applications+-+Practise+paper3Business+Applications+-+Practise+paper3
Business+Applications+-+Practise+paper3
 
Peter+Thiels+-+Stanford+Lecture
Peter+Thiels+-+Stanford+LecturePeter+Thiels+-+Stanford+Lecture
Peter+Thiels+-+Stanford+Lecture
 
letter+review
letter+reviewletter+review
letter+review
 
About+us
About+usAbout+us
About+us
 
letter
letterletter
letter
 
just+dial+proces
just+dial+procesjust+dial+proces
just+dial+proces
 
letter
letterletter
letter
 

DOC

  • 1. 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% May be you/designer can suggest something based on UI principles.
  • 2. 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)
  • 3. 3) Page Background Current background colour used is: HTML code: #E7EBF4 RGB code: R: 231 G: 235 B: 244 HSV: 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: #E6EBEF RGB code: R: 230 G: 235 B: 239 HSV: 206.67° 3.77% 93.73%
  • 4. 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.
  • 5. 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:
  • 6. 10) Most popular (content) block: Currently it has not been organized in visually appealing manner: We could have it like:
  • 7. 11) Comments section: Current structure is: Some inputs could be taken from:
  • 8. 12) Forum linked to group/event:
  • 9. 13) Add an Event Page: Can we have a better way of representing numerous fields? Also mark mandatory fields with red asterisk.
  • 10. 14) Invite members: Please improve UI for member invite to be clear for Users:
  • 11. 15) After invite is sent to few Users: Please check for following suggestions
  • 12. 16) Forums landing page: Another option for arrangement is :
  • 13. 17) Threads landing page: Option for Page numbers needs to be there. Also filters for “Sticky” etc. needs to be there. Another option is:
  • 14. 18) Starting new thread: Another better approach: