Zip plan finder

The zip plan finder component acts as a direct entry point into acquisition experiences from uhc.com. Consumers will enter their zip code and be taken to acquisition sites to find plans available in their area.

When to use

  • For shopping calls to action where we can utilize zip code to show available plans in that area

When not to use

  • For non-shopping calls to action or for any other input type (city, state, etc.)

Anatomy

  1. Description: option to add description above zip entry
  2. Label: can be hidden but still read by screen readers
  3. Input: fixed width to stay in proportion to the amount of information expected in the field
  4. Button
    • button is by default placed next to the input but can be placed below the input in Adobe Target experiences
    • button can be high impact, primary or white on blue backgrounds

Demos & variations

Standard zip plan finder

Entering any zip code takes the user directly into lower funnel shopping experiences.

Error.

ACA zip plan finder

Depending on their area a user may enter their zip code and be taken into the HealthSherpa lower funnel shopping experience. Or if they are in an unserviced area they will see a modal pop-up displaying alternative methods available to them to find ACA plans offered in their area.

Error.

Individual and family zip plan finder

Entering a zip code takes the user to a results landing page displaying which plan types are available in their area with links into the lower funnel shopping experiences. Demo live on the individual & family landing page.

Placement

When to place button to the side of the zip plan finder

  • This is the default positioning of the button and may move below as the browser resizes or is placed in smaller layouts
  • When optimizing the height of a sticky banner so it doesn’t become too tall and cover up the rest of the page as it sticks to the top or bottom of the browser
  • When a primary call to action position and content is dense, consider placing to the side to make sure the button stays above or near the fold of the browser across devices

When to place button below the zip plan finder

  • A button can only be deliberately placed below in Adobe Target experiences
  • For longer button labels that may wrap too early in desktop and tablet layouts
  • For tighter, multi-column layouts where there is not enough room to fit button to the side
  • If zip plan finder has additional input fields added (not a scenario at this point)

Mobile considerations

  • If a button falls below either due to length of button or screen size of device, button should expand full-width

Related elements