Skip to content
Emisshield

Wireframes · Case study page

Case study page: five approaches

One documented result: the stat band, what was applied, the measured outcome.

  1. Option 1

    Metric-first

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

    1. 1Header: compact, light
    2. 2Headline metric on dark
    3. 3Challenge, applied, why it worked
    4. 4Pull quote with attribution
    5. 5Related case studies

    Open

  2. Option 2

    Story

    Light: reads top to bottom like a magazine feature.

    1. 1Header: photo backdrop, left stack
    2. 2Statement with two-column blurb
    3. 3Photo gallery, three up
    4. 4Results table, before and after
    5. 5Two-path band

    Open

  3. Option 3

    Stat band

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

    1. 1Header: title with seven-field stat band
    2. 2Challenge, applied, why it worked
    3. 3Before and after panels
    4. 4Four-step timeline
    5. 5Related case studies

    Open

  4. Option 4

    Evidence

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

    1. 1Header: two columns with stat strip
    2. 2Prose with stat rail
    3. 3Results table, before and after
    4. 4Full-width diagram with caption
    5. 5Case study cards, four up

    Open

  5. Option 5

    Report

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

    1. 1Header: document style with meta row
    2. 2Contents rail with prose
    3. 3Specification table
    4. 4Dark data table beside text
    5. 5Key takeaways, four up

    Open