UI bugs in Campus Ambassador page

[vvvk-gh]

Bad UX , UI Bugs in Coding Blocks part -2

Campus Ambassador

Url : Link

1. Buttons

   • Observed inconsistency in the button colors
   • In home page all the buttons on hover change it's background color to white but in the campus ambassador page the buttons like signup , register now doesn't change its backgroud color on hover.

   • Fig 1 is the button at homepage in hover state and Fig 2 is the button at campus ambassador page in hover state

     Fig 1 :

     

     Fig 2 :

     

   Why to fix :

   • As he gets used to hover effects in home page ,buttons in campus ambassadar page confuses the user whether the site completly is loaded or not.

   • It's important to maintain consistency in all similar elements , by which user can eaily understand how the website works/beaves.

   Suggestions :

   • Fix the hover effects

2. Checkbox in register Form

   • In consistency in check box filled state

   • In the login page upon clicking the checkbox it's gets filled with orange color but the checks box in the campus ambassador register form shows ticks like below

     Fig 3 :

     

     Fig 4 :

     

   Suggestion :

   • Use any one of the above throughout the website.
   • I prefer using the one in login page

3. Footer

• Too much information , Not properly aligned social icons , Data repetation

  Fig 5 :

  

  Why to fix :

  • I personally hate it as a daily visitor / user .
  • I feel like all data in the footer is repeated i know footer gives the quick links to access data faster but you have those links or data all over the page or also in navigation.

  Suggestions :

  • If your are planning to provide same links in the navbar please replace this rich footer with a simple one
  • We can totally remove the twitter feed in
  • Properly align the social icons
  • Plan for one that looks like a footer in Online Coding Blocks page.

[boss-contributions-bot[bot]]

Thanks @vvvk-gh, for raising the issue! 🙌

One of our mentors will revert on this soon. ✅

Star ⭐ this project and tweet 🐦 about BOSS 2020.