I was given an approved header design in PSD:
This design only worked on very large desktop screen sizes. To accommodate all screen sizes, I designed smaller versions, keeping the same feel.
Design for desktop:
Design for tablet:
Design for phone:
I separated each element into its own graphic or HTML piece. Some are clickable. All are fluid to adjust for screen size. Then I built it. See the mobile responsive header in action.
