Designing for modularity – from art direction, to site design, to back-end
summary
A behind‑the‑scenes account of turning a 7,000‑word report into an interactive and PDF experience powered by one back end; the team builds a modular system in Figma from art direction (a puzzle motif of eight chapter blocks and a reusable simple stroke hero) to site templates, maps 12 content blocks almost one‑to‑one into a CMS that supports edits and 14 languages, and hands stakeholders a working prototype so future updates land without heavy dev support.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:08CX Trends 2022 summary
- 2:34Be flexible, by definition
- 3:14Late stage feedback happens every time
- 3:51Maintain control of the products
- 4:27Art Direction
- 6:17Site design
- 12:21Takeaways
- 14:44Closing
related talks
15mModern Approach to Designer ❤️ Developer Collaboration
30mDesigning a Design System for Modular Modules, and Building a Team to Build it
19mBehind the system: A showcase of files that inspire us
40mHow to optimise the workflow between designers and developers using design..
14mRethinking Designer-Developer Collaboration
21mResearch-driven design systems
36mStructure after the fact: Bringing content strategy to existing docs for a design system
26mCrafting Cohesion A Design System Journey Without a Dedicated Team