nerdstein / nerdstein-design-library

Design Library for the 2017 Nerdstein Site Redesign
6 stars 4 forks source link

Menu Bar (Navy Desktop Side Bar) #50

Open littl3lionwoman opened 5 years ago

littl3lionwoman commented 5 years ago

I would have this FIXED, so it doesn't scroll, your logo and menu and all those items will always be visible when scrolling on the right side of your content.

I would take the logo out of the white box, and put the menu in a hamburger menu, and the search as just a search icon. I lined those icons horizontally centered with your tag bar on the right.

Here's a mockup of what that would look like, and what each state could look like:

nerdstein-updates-sidebar nerdstein-updates-sidebarsearchclick nerdstein-updates-sidebarmenuclick

I opted to add a link color in the sidebar, #bfcee2, to give a subtle cue as to what is deemed regular text (which would appear in white) and what a clickable state is (that appears in the light blue color). I'd hover to white if you choose to use this state.

My other question is, what is the difference between posts, and the feed that is in the main content area? If they are pulling from the same content, are the ones in the sidebar "featured"? If so label it "featured posts". If they are the same content, I would eliminate it from the sidebar, and just put the main menu on the page over there, instead of collapsing it on desktop.