Design Challenge #13
This week is Design Challenge #13 and is breadcrumbs. Breadcrumbs are a type of secondary navigation scheme that reveals the user’s location in a website or Web application. The term comes from the Hansel and Gretel fairy tale in which the two title children drop breadcrumbs to form a trail back to their home. Most of the time they are just text and do not contribute to the overall esthetic. My plan was to try to make the breadcrumbs part of the layout and fit in with the layout of the site.
I started with a regular text layout and built it out from there. I thought what if I made the breadcrumbs like buttons that have some sort of animation to them and some drop shadows. A sample of the bar is below:
The rollover look is below:
Lets take a look at what the site I did in the previous design challenges would look like with the breadcrumbs from this one included on the site in the below image.