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 — with Collaboration named as a throughline across notes, exhibits, transmittals, and the recipient briefcase. 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 and the primary collaboration surface — markup, comments, and signature-grade notes on the same file. 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 that frame notes as collaboration signal — see at a glance which files have team activity. 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 that surfaces team collaboration activity (uploads, notes) inline. 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 — collaboration is visible at the entry point, not buried inside each drive. 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 with collaboration as a first-class citizen: 4-stat row with storage progress, 8-item recent-activity feed, Members panel, quick actions, and drive details — 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 collaboration 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). Frames the briefcase as a collaboration handoff between sender and recipient: 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/)