Pick a layout direction for /my/projects

Click a card to select. We'll iterate on the chosen direction next.

๐Ÿ  / Projects Sort: Name โ–พ
S29824
50 tasks62%
Customer Care
0 tasksโ€”
Field Service
0 tasksโ€”
S29824 - Internal
1 task0%

A โ€” Card grid

Each project is a card with name, task count, % complete, and a tiny progress bar. 2-up on desktop, 1-up on mobile. Most "modern dashboard" feel.

๐Ÿ  / Projects Sort: Name โ–พ
S2
S29824
62%50
CC
Customer Care
0%0
FS
Field Service
0%0
S2
S29824 - Internal
0%1

B โ€” Enhanced rows

Same vertical list, but each row gets an avatar/initials chip, inline progress bar, and badge stats. Closest to the current page; quickest to scan with many projects.

๐Ÿ  / Projects Group: Status โ–พ

โ— Active

S29824
50 tasks ยท 62%
S29824 - Internal
1 task ยท 0%

โ— Idle

Customer Care
0 tasks
Field Service
0 tasks
Internal
0 tasks

โ— Done

Nothing here yet

C โ€” Status columns (kanban-ish)

Projects grouped into columns by activity (Active / Idle / Done). Visually striking but unusual for a customer portal where users mainly browse to drill into one project.

My recommendation: A โ€” Card grid. It's the most "modern" feel you asked for, scales gracefully to a few or many projects, and gives room for the data we already compute (task counts, % done, hours). B is a strong runner-up if you have lots of projects (20+); C feels overengineered for a portal landing page.