Skip to content
Emisshield

Wireframes · Industries landing page

Industries landing page: five approaches

The library of industries: ten entries, one destination each.

  1. Option 1

    Mosaic

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

    1. 1Header: oversized light typographic
    2. 2Industry image mosaic
    3. 3Centered dark statement
    4. 4One hero number with support stats
    5. 5Pull quote with attribution

    Open

  2. Option 2

    Rows

    Light: reads top to bottom like a magazine feature.

    1. 1Header: photo backdrop, left stack
    2. 2Industry list rows with thumbnails
    3. 3Statement with two-column blurb
    4. 4Case study cards, four up
    5. 5FAQ, question and answer rows

    Open

  3. Option 3

    Cards

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

    1. 1Header: text with image mosaic
    2. 2Industry card grid, ten
    3. 3Numbered stat rows
    4. 4Photo half, text half
    5. 5Logo strip

    Open

  4. Option 4

    Tabs

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

    1. 1Header: two columns with stat strip
    2. 2Industry tabs with featured panel
    3. 3Dark data table beside text
    4. 4Image card row
    5. 5Related chips

    Open

  5. Option 5

    Directory

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

    1. 1Header: search field and chips
    2. 2Chip strip
    3. 3Industry text list with counts
    4. 4Industry card grid, ten
    5. 5Expandable rows beside heading

    Open