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