Skip to content
Emisshield

Wireframes · Distributor page

Distributor page: five approaches

The network: where partners are, who they are, how to reach the right one.

  1. Option 1

    Map

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

    1. 1Header: over a world map
    2. 2Centered dark statement
    3. 3Map with partner list
    4. 4Pull quote with attribution
    5. 5Find-a-distributor form

    Open

  2. Option 2

    Regions

    Light: reads top to bottom like a magazine feature.

    1. 1Header: photo backdrop, left stack
    2. 2Statement with two-column blurb
    3. 3Region cards
    4. 4Partner logo grid
    5. 5FAQ, question and answer rows

    Open

  3. Option 3

    Model

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

    1. 1Header: two columns with stat strip
    2. 2Four-step timeline
    3. 3Map with partner list
    4. 4Centered statement with three pillars
    5. 5Two-path band

    Open

  4. Option 4

    Accordion

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

    1. 1Header: centered stack, two buttons
    2. 2Region accordion
    3. 3Numbered stat rows
    4. 4Logo strip
    5. 5Compact contact form

    Open

  5. Option 5

    Directory

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

    1. 1Header: search field and chips
    2. 2Chip strip
    3. 3Partner table
    4. 4Region cards
    5. 5Find-a-distributor form

    Open