Skip to content
Emisshield

Wireframes · Basic page

Basic page: five approaches

About, Contact, Team. Company facts, people, and how to reach them.

  1. Option 1

    Statement

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

    1. 1Header: oversized light typographic
    2. 2Centered dark statement
    3. 3Photo band
    4. 4People grid
    5. 5Map with address

    Open

  2. Option 2

    Story

    Light: reads top to bottom like a magazine feature.

    1. 1Header: text left, photo half right
    2. 2Statement with two-column blurb
    3. 3History timeline
    4. 4Pull quote with attribution
    5. 5Contact blocks

    Open

  3. Option 3

    People-first

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

    1. 1Header: centered stack, two buttons
    2. 2People list with bios
    3. 3Centered statement with three pillars
    4. 4Logo strip
    5. 5Compact contact form

    Open

  4. Option 4

    Facts

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

    1. 1Header: two columns with stat strip
    2. 2Numbered stat rows
    3. 3Alternating photo and text rows
    4. 4People grid
    5. 5Map with address

    Open

  5. Option 5

    Everything

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

    1. 1Header: compact, light
    2. 2Square tile grid
    3. 3History timeline
    4. 4People list with bios
    5. 5Contact blocks

    Open