Print-to-Digital

Workflow

Content Engineer

Graphic Designer

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

  • Adobe CS

    Prototype-to-Publish XML InDesign Template 

    InDesign XML Template

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

    XML Template | Code

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

    InDesign | HTML & CSS

    Create XML tag structure with Directus CMS text editor Tiny MCE

    Add metadata to XML tag elements (with Tiny MCE) such as attributes, classes, and ids

    Utilize InDesign Style Sheets to render digital pages

    Keep style of content aligned across print & digital platforms

    Figma & Miro

    Build prototype wireframe

    Develop content structure with Entity Relation Diagram

    Directus CMS

    Structure Data Model from wireframe

    Construct database Conditional Fields (trigger content in data model) and Relational Fields: M2M & O2M Relationships

    Full autonomy of Asset Library

InDesign XML Template

Digital Prototype

Directus CMS Relational Fields

InDesign Tags to Styles Field Map

Directus CMS Data Model

Directus CMS Asset Library

Figma Wireframe here

Component Content (Sample)

CMS Component
Directus CMS (headless)

Print Component
InDesign XML Template

Digital Component
HTML & CSS