Design Challenges
Markup
Responsiveness
- fixed width site
- mobile-specific URL
Navigation
- header too tall
Information Volume
- a lot of info displayed at once
- expand features discourage reading
Call-to-action emphasis
- expected user action not clear
Strategies
Color
- add a green midway between military and stoplight.
- use palette more widely
Type
- hierarchy, consistency, weight
Visual Paradigm
- dynamic frame
- flagpole as organizing element
Nesting
- give users control over what they see
- drive engagement
Color
Hierarchy
- Implement a consistent hierarchy of typefaces using color as a tool to indicate purpose and importance of copy.
Call-to-Action
- Propose a new richer call-to-action green that doesn’t lose the reference to military green.