Job Board — design previews

Four interactive takes on the /job-board page, all running on the same live JobDeeter dataset (1,945 active roles). Every variant has search, sorting, and picklist filtering — they differ in layout, filter ergonomics, and detail view. Variant 4 is now the live default at /job-board (V1's filter row + column manager, V2's rows + facets, fully responsive). The others stay up for cherry-picking.

Variant 4 — live default

Hybrid

The requested mix of 1 + 2: screen-fitting stacked rows, quick filter row, full facets one click away.

V2-style rows — fields stack, no horizontal scroll
V1 column manager (columns stack, not widen)
Filter row: search + quick dropdowns w/ live counts
“More filters” button → slide-in facet sidebar
Sortable headers + active-filter chips + URL sync
Detail drawer, infinite scroll
Responsive: columns auto-fold, card rows on phones

Open variant 4 →

Variant 1

Dense Table

Spreadsheet-style power view. Maximum information density, every column sortable.

Multi-select dropdown filters with counts
Sortable column headers (click to flip)
Show / hide columns menu
Compact ↔ comfortable density toggle
Classic pagination + per-page picker
Inline row expansion for details
Shareable URLs — filters sync to #hash
Export filtered set to CSV
Press / to jump to search

Open variant 1 →

Variant 2

Facet Sidebar

Classic job-board layout: checkbox facets on the left, roomy results on the right.

Facet counts update live as you filter
Category expands into nested subcategories
Salary slider + posted-date radios
“⚡ Auto-apply supported” toggle
Zero-result options dim automatically
Row click opens a right-hand detail drawer
Infinite scroll
Mobile: filters collapse behind a button

Open variant 2 →

Variant 3

Card List

Closest to the current /apply app: chip filters, card rows, generous whitespace.

Toggle-chip rows for domain / level / where
“More filters” collapsible panel
Segmented sort control
Grouped by recency: today · this week · this month
Badges for seniority, workplace, auto-apply
Card click expands details accordion
Infinite scroll
NEW badge on fresh postings

Open variant 3 →

Feature matrix

Feature	1 · Table	2 · Facets	3 · Cards	4 · Hybrid
Layout	Full-width dense table	Sidebar + roomy table	Centered card list	Roomy table, stacked cells
Picklist UI	Dropdown multi-selects	Checkbox facets w/ live counts	Chips + simple selects	Quick dropdowns + facet sidebar
Sorting	Any column header	Sort dropdown	Segmented control	Column headers
Detail view	Inline expanding row	Slide-in drawer	Accordion in card	Slide-in drawer
Paging	Pagination + per-page	Infinite scroll	Infinite scroll	Infinite scroll
Extras	URL sync · CSV export · column manager · density	Nested subcategories · salary slider · auto-apply toggle	Recency grouping · SPA-matched look	Column manager · URL sync · nested facets · mobile card mode

Data: the live V4 board reads the synchronized data/jobdeeter_active_v2.tsv; these V1–V3 previews retain the checked-in /static/job_board/data.json design snapshot.
All three pages are self-contained Django templates (no React build step) — easy to edit or merge.