Modern UX/UI Preview
A redesign-only prototype on top of the existing FileTeam platform. Backend stays as-is (Go + PocketBase + PHP). This shows what a modernized post-login experience could look like — David can integrate one screen at a time.
Screen Inventory
Ordered by impact. Click any "Shipped" card to view the redesign.
-
Annotation Editor
ShippedThe heart of the product — markup surface for evidence-grade documentation. Modernized toolbar with labels, redesigned right sidebar with note cards, prominent Export Report action that surfaces the buried download menu.
fikes.fileteam.com/#detail:dc=doc&dk=...
-
Files List
ShippedFlat file list with note count chips, sortable columns, bulk action bar, hover/more menus, smart pagination. Replaces the "File Note Added 20241119 File Note Added 20241119" repeated-string rows with single chips.
fikes.fileteam.com/#search:st=file
-
Folders
ShippedSticky folder tree on the left, sub-folder grid + "Recent in this folder" panel on the right. Replaces the giant blue +/cloud squares with a unified action bar; folder icons are crisp Lucide line SVGs, not yellow emoji blobs.
fikes.fileteam.com/#search:st=folder
-
Portal Hub
ShippedMulti-drive selector redesigned as clickable cards with tier pill, storage usage + ring, last-activity signal, and a real avatar menu. Replaces "90% whitespace + underlined account/logout text links" with welcome hero + drive cards + Quick Links panel.
portal.fileteam.com/home
-
Drive Detail
ShippedWas the worst page in the product (single-button launcher). Now an actual dashboard: 4-stat row with storage progress, 8-item recent-activity feed, members panel, quick actions, and drive details — with Enter Drive prominent but no longer the only thing on screen.
portal.fileteam.com/drive/view/<id>
-
Exhibits + Notes
ShippedExhibit cards with file thumbnails + Share-as-primary action + rename hint for auto-named exhibits. Notes view aggregates per-file with chip breakdown (page · file · hand-written) — replaces the repeated "Page Note Added 20241119" concatenated rows.
fikes.fileteam.com/#search:st=exhibit · #search:st=note
-
Recipient Briefcase (External)
ShippedExternal-chrome view (no logged-in nav, body ≥18px for older recipients). Sender card + verified-sender chip + human message + prominent Download Complete Package CTA + per-file Preview/Download + chain-of-custody verification panel.
External PHP template (drive-template/external/)