Site Intel · design proposal

Three ways to fix the analysis screen

Built from the live dashboard, not a mockup. Each option below uses Site Intel's own tokens and real data from the bbb.org run. Nothing here is implemented — pick a direction and I'll build it.

Where it stands

The header is broken, and it is measurable

Screenshotting the live dashboard surfaced a real defect. The action row cannot shrink below its own content, so it claims the whole row and the page's <h1> — the URL being audited — collapses to zero width and renders one character per line.

Header row
1038px
Title column
0px
Action row
1026px
Buttons
8

Measured at a 1600px viewport. Playwright reports that heading as hidden.

Today 1600px
Analysis
https://www.bbb.org/
bbb.org · completed

The eight buttons are all the same weight, so nothing tells you which one you came here to press — and together they starve the title. This is a one-line CSS fix, but it is worth fixing alongside whichever direction you choose.

Option A · repair

Keep the screen, fix the header

The smallest change that works. The title gets a guaranteed minimum width, one action is primary, the rest collapse into a menu. Everything below the header stays exactly as it is today.

Option A 1600px
← History  ·  Analysis
https://www.bbb.org/
bbb.org · completed · score 100 (excellent) · crawled 2 Sept
ExecutivePagesIssues 6 Keywords 100CompetitorsLinksSteps 33

Risk: very low. One CSS rule plus moving five buttons into the existing MoreSheet. Nothing else on the screen moves.

Option B · context rail

Stop the run context scrolling away

Today the score, coverage and provenance sit in one tall stack above the content, so once you scroll into the findings you lose them. This moves them into a sticky rail: the numbers stay put while you read, and the content column gets the full width.

Option B 1600px
Executive summary
bbb.org is in good technical shape — the crawl found no critical issues and AI-search health is strong at 97.
Coverage: 0 of 0 discovered URLs (budget 100), sampled.
Homepage title measured: BBB | Better Business Bureau.
HTTP mix: 2xx×0, 3xx×0, 4xx×0, 5xx×0.
Recommended next steps
1 · Maintain crawl health; re-run after major deploys to catch regressions.
2 · Review top organic keywords for content and internal-link opportunities.
3 · Re-run Site Audit after fixes to confirm issue counts drop.

Risk: medium. A real layout change to /analyses/[id], but additive — the tabs and their content are untouched. Below 860px the rail simply stacks back on top.

Option C · work queue

Lead with the work, not the score

The most opinionated option, and the one the original plan called b-queue. The screen opens on a sentence, then an ordered list of work ranked by how many pages each issue touches — so a warning on 240 pages outranks a lone critical. The score becomes a caption.

Shown here with a site that has real problems, since bbb.org scores 100 and would make an empty queue.

Option C 1600px
goldbaum-group.co.il · crawled 2 days ago · 187 of 240 pages · sampled · score 61
Google can't see most of this site the way it should — crawl blocks and missing canonicals are hiding and duplicating pages.
◆ 3 critical▲ 11 warnings● 6 to review
Work queue — ordered by pages affected
▲ Warning
Title tag missing or duplicated
Every crawled page shares or lacks a title — the strongest on-page cue.
240 / 240 pages
▲ Warning
Images with no alt text
Fails screen-reader users and forfeits image-search traffic.
189 / 240 pages
◆ Critical
No canonical link, so duplicate URLs compete
Filter and tracking variants split ranking signals between copies.
112 / 240 pages
◆ Critical
Pages blocked from Google by robots.txt
34 URLs are disallowed, so Google never crawls or ranks them.
34 / 240 pages

Risk: high. This replaces what the screen is for. It is also the only option that answers "what should I do next" without you reading a chart first. Severity is carried by shape as well as colour, so it survives colour-blindness and forced-colours mode.

Recommendation

A now, C next, B probably never

Do A this week

It fixes a defect that is live right now, on the screen you use most, and it costs almost nothing. There is no argument for leaving a zero-width <h1> in production while we debate layout.

Then decide between B and C

B is comfort — it makes a screen you already know how to read less annoying to scroll. It does not change what the screen tells you.

C changes the job of the screen: from reporting a score to assigning work. That is the bigger win and the bigger risk, and it is worth doing only if the reach-ranked order genuinely matches how you decide what to sell and fix. You are the one who knows that — I would not ship C on my own judgement.

B is the one I would skip. It spends a real layout change on a comfort improvement, and if C lands afterwards most of that work gets thrown away.