feat(ui-mockup): interactive migration console mockup with Docusign 2024 brand
Full multi-screen interactive HTML mockup for the Adobe Sign → Docusign
migration tool UI redesign. Built from scratch based on UX analysis of
the migration workflow.
Screens:
- Dashboard: migration progress stats, attention-required blockers,
recent activity, overall progress bar
- Templates: paginated table (500+ scale), readiness badges
(Ready/Caveats/Blocked/Migrated), multi-select bulk operations,
filter tabs by status
- Template Detail: 4-tab view — Overview (recipients, DS target),
Field Mapping (per-field Adobe→DS tab mapping with ✓/⚠/✕),
Issues & Caveats (per-issue severity + manual fix guidance),
Verification (post-migration test envelope results)
- Migration Results: per-template expandable result cards with
warnings listed explicitly, blocked templates with fix guidance
- Issues & Warnings: aggregated view across all templates
- Verification: test envelope queue with configurable test recipient
- History & Audit: full migration run log with export
- Settings: platform connections, verification config (test
recipient name/email, auto-void timer, API-only vs full envelope),
Migration Project context
Key UX decisions documented:
- Readiness badge surfaces problem templates BEFORE migration attempt
- Workflow follows: Connect → Discover → Analyze → Execute → Verify
- Logs demoted to History; Issues promoted to primary nav
- Migration Project model for multi-customer support (project switcher
modal with customer switcher — per-session but project-persistent)
- Unsupported features (conditional HIDE, calculated fields, JS
validators) shown per-template with actionable fix guidance
Docusign 2024 brand applied:
- Wordmark: "docusign" all lowercase (April 2024 rebrand)
- Nexus icon: two converging lobe shapes (Mist + Cobalt) forming
the inkwell / "shape of an agreement"
- Inkwell #130032 nav, Cobalt #4C00FF CTAs, Ecru #F8F3F0 background,
Poppy #FF5252 errors, Mist #CBC2FF highlights
- Source: brand.docusign.com official guidelines
Also adds the original Blueprint .docx for reference.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
64b33357cf