INTERNAL · NOINDEX · REVIEW
CloviTek AI — UI/Backend Redesign Review
Before/after for 12 standalone Clovi* product backends. Each app: 3 redesigned screens on one shared, brand-tokenized design system. Master plan: [internal].
12apps redesigned
36screen mockups
1shared design system (ds.css)
0→12apps with a real admin layer
CloviForms
cloviforms
Before — live app
After — redesign mockup
Top improvements
- Built the missing Admin + Settings layer (RBAC, seats, API-key rotate, webhooks, domain)
- Unified the design language and killed the dark/light split via shared ds.css
- Turned dead controls into a real product surface (Lucide icons, working card actions, real data)
CloviBioLink
clovibiolink
Before — live app
After — redesign mockup
Top improvements
- Shared tokenized ds.css replaces per-screen inline styles + divergent auth UIs
- Builder live-preview split + per-link analytics (WYSIWYG, drag-reorder, slug check)
- Polished accessible layer: Lucide icons, inline role=alertdialog confirm, WCAG semantics
CloviImage
cloviimage
Before — live app
After — redesign mockup
Top improvements
- Replaced ~70% blank canvas with a real navigable app shell (sidebar+topbar+content)
- Content-first workspace: land on your library/recent/credits/activity
- True Admin console with AI-spend / cost-cap monitoring + provider health
CloviPDF
clovipdf
Before — live app
No current screenshot captured.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
After — redesign mockup
Top improvements
- Emoji/glyph icons → consistent Lucide set across operations and nav
- Net-new Admin panel (user mgmt, system health, audit) — none existed
- Shared brand-tokenized ds.css; consistency is a one-variable color swap
CloviScan
cloviscan
Before — live app
No current screenshot captured.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
After — redesign mockup
Top improvements
- A real multi-site command center (fleet score + traffic-light site table)
- Actionable, severity-ranked findings with plain-English fixes (resellable white-label)
- One design system + true admin/RBAC, white-label and API settings
CloviAble
cloviable
Before — live app
No current screenshot captured.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
After — redesign mockup
Top improvements
- Two-pane Scan triage: severity filter → WCAG explainer → found-vs-fix diff → status
- One shared design system across user + admin (accent swap only)
- States and roles built in: empty/unverified/loading/queue + distinct admin ops panel
CloviSEO
cloviseo
Before — live app
No current screenshot captured.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
After — redesign mockup
Top improvements
- Unified grouped left-sidebar shell reused across apps (re-skin via two CSS vars)
- Action-first Site Audit: impact-sorted issues, severity pills, inline Fix / AI-write
- Real empty + loading states plus a scannable 4-up KPI strip with deltas
CloviLegal
clovilegal
Before — live app
No current screenshot captured.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
After — redesign mockup
Top improvements
- Document-centric AI Draft & Review (contract + risk-score ring + accept/dismiss fixes)
- Net-new Admin panel (user mgmt, usage meters, eSign-degraded health, audit log)
- Shared brand-tokenized DS + Lucide + semantic status pills (icon+text, never color alone)
CloviTranscribe
clovitranscribe
Before — live app
No current screenshot captured.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
After — redesign mockup
Top improvements
- Two-pane transcribe workspace (waveform player synced to segments, search, speakers)
- A real Admin console (tenant KPIs, usage meters, jobs chart, system health)
- Shared ds.css + Lucide replaces ~1k lines inline styles; real job states + responsive
CloviHuman
clovihuman
Before — live app
No current screenshot captured.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
After — redesign mockup
Top improvements
- A real grouped app shell (breadcrumb, global search, plan badge, pinned user card)
- Humanizer made legible: voice-style card, intensity control, inline diff, promoted detection gauge
- Net-new Admin console surfacing humanizer calibration health from the KB
CloviQR
cloviqr
Before — live app
No current screenshot captured.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
After — redesign mockup
Top improvements
- On-brand cyan + a consistent Lucide icon set (killed wrong indigo + Unicode glyphs)
- Designed data surfaces where there were none: dashboard, two-pane Create, admin
- Made paid differentiators + moderation visible (dynamic QR, analytics, abuse queue)
CloviBuild
clovibuild
Before — live app
No current screenshot captured.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
Redesign grounded in live source. Real before-shots to be captured during this app's build phase.
After — redesign mockup
Top improvements
- Two-pane AI Builder workspace (chat + build-step checklist + live responsive preview)
- Unified token-swappable sidebar shell with always-visible credit meter
- End-to-end AI-credit transparency + real empty/loading states