Web Design Showcase

Header Redesign

See it in Action

header design green and white 2017

This header displays across the entire Marywood site. Our new and creative approach is the non-rectangular design of the green bar becoming a more popular trend for web and mobile apps, giving the Marywood header a unique look. It utilizes a 'hamburger' menu mobile design approach to collapse and expand for easy viewing of the page while users still have access to all menu options with the touch of a button. This design is mobile first, meaning it is easily accessible and usable on any device or screen size.  With subtle yet sleek transitioning, this brings Marywood's header into a modern design. 


  • Exists on all pages
  • Mobile friendly
  • Non-rectangular design
  • Utilizes 'hamburger' menu mobile approach
  • Calls to Actions 
  • Sleek and subtle transitioning