aa5ab4b653
fix(ui-mockup): replace approximated logo with official Docusign SVG
...
Embedded the official Docusign full-color vector logo sourced from
Wikimedia Commons (Docusign_Full_Color.svg, viewBox 0 0 1200 241.4).
Wordmark paths changed to fill="#FFFFFF" for visibility on the Inkwell
(#130032 ) nav bar; Nexus icon retains brand colors (Cobalt #4C00FF,
Poppy #FF5252, white document shape). Brand name corrected to "docusign"
(capital D, lowercase s per 2024 rebrand).
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-21 10:14:59 -04:00
64b33357cf
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>
2026-04-21 10:02:30 -04:00
Paul Huliganga