Digital-to-Print Workflow

Graphic Designer | Content Engineer

Sample end-to-end workflow for XML pagination in InDesign (content created and authored in Directus CMS (Headless) exported as XML to InDesign)

Tools & Skills

✅︎ Adobe CS

Prototype-to-Publish XML InDesign Template 

✅︎ INDD XML Template

XML and InDesign Field Mapping (Automate export data content as XML into Template)

✅︎ XML Template | XML Code

Reformat exported XML source code from Directus CMS to correctly map and import to InDesign XML Template

✅︎ INDD Styles | HTML & CSS

Print & Digital Branding | Metadata

✅︎ Miro & Figma (Wireframe)

Content Structure | Entity Relation Diagram

✅︎ Directus CMS (Headless)

Structure Data Model | Conditional Fields | Relational Fields | Trigger Fields | M2M & O2M Content Relationships | Manage Asset Library

InDesign XML Template

Digital Prototype

InDesign Tags to Styles Field Map

Directus CMS Relational Fields

Directus CMS Asset Library

Directus CMS Data Model

✅︎ Component Content

Sample Results: CMS Data Model | Print Adobe Indesign XML Template | Digital HTML & CSS

CMS Component
Directus CMS (headless)

Print Component
Adobe InDesign XML Template

Web Prototype
Figma Wireframe
here

Digital Component
HTML & CSS