Coca-Cola: Hamburger Menu

Hamburger Menu

When the hamburger menu is selected, the hamburger lines extends and turns red to indicate it’s selected, and the side menu opens.

The final sidebar navigation hasn’t changed much from the original wire-sketch. It’s a dark gray sidebar that overlays and collapses back. I added icons for each menu category, social media navigation, and quick access to log in/sign up.

I also changed the navigation arrows to plus signs for the expanders; the right-pointed arrows seemed more indicative of an item that opens a new page rather than expanded the menu down because they pointed outside of the menu. The plus sign better-shows that the selection will expand when selected.

Sketches

Hamburger Menu Brainstorming and Sketches