Skip to content
Emisshield

Wireframes · Request a Quote page

Request a Quote page: five approaches

The primary conversion: what a useful quote needs, and the fewest fields to get it.

  1. Option 1

    Form up top

    Sparse: the fewest words, the most air. One idea per band.

    1. 1Header: intro left, form right
    2. 2Reassurance row
    3. 3Four-step timeline
    4. 4Pull quote with attribution
    5. 5After-submit state

    Open

  2. Option 2

    Reasons beside

    Light: reads top to bottom like a magazine feature.

    1. 1Header: compact, light
    2. 2Form beside its reasons
    3. 3Logo strip
    4. 4FAQ, question and answer rows
    5. 5Two-path band

    Open

  3. Option 3

    Stepped

    Medium: imagery and numbers carry the page; copy stays short.

    1. 1Header: oversized light typographic
    2. 2Stepped form with progress
    3. 3Reassurance row
    4. 4Case study cards, four up
    5. 5Form with contact sidebar

    Open

  4. Option 4

    Cards

    Medium to dense: more per screen, still one topic per band.

    1. 1Header: two columns with stat strip
    2. 2Form as step cards
    3. 3Numbered stat rows
    4. 4Centered statement with three pillars
    5. 5FAQ, question and answer rows

    Open

  5. Option 5

    Long form

    Dense: the most information per screen, built for scanning.

    1. 1Header: centered stack, two buttons
    2. 2Single long form in groups
    3. 3Expandable rows beside heading
    4. 4Related case studies
    5. 5Contact blocks

    Open