NYDSC Meetup | Dec. 2016 | Union: The Knot's New Design System

820a6b15cc60e3bc5c3dfce0f97d72e5?s=47 silviatc
December 16, 2016

NYDSC Meetup | Dec. 2016 | Union: The Knot's New Design System

Silvia Tueros-Cossio (Senior Product Designer) and Phil Kelly (Senior Engineer) describe where they started, where they are now, and what's next with The Knot's new design system, Union.

820a6b15cc60e3bc5c3dfce0f97d72e5?s=128

silviatc

December 16, 2016
Tweet

Transcript

  1. Union: The Knot’s New Design System Silvia Tueros-Cossio, Senior Product

    Designer Phil Kelly, Senior Engineer
  2. Where we started

  3. We help couples (and everyone who loves them!) navigate and

    enjoy life’s biggest moments together. Perez Photography, Shang Chen Photography, Thinkstock
  4. None
  5. We saw it as a project, not a product. No

    dedicated support + No iterations = No cohesive design language.
  6. UNION Unified Information Architecture Consistent Design Language Consistent UX Patterns

    Consistent Voice and Tone
  7. UNION Unified Information Architecture Consistent Design Language Consistent UX Patterns

    Consistent Voice and Tone
  8. Where we are now

  9. Surveys

  10. Surveys Personas

  11. Surveys Personas Empathy maps

  12. Surveys Personas Scenario maps Empathy maps

  13. http://bit.ly/salesforce-team-model http://bit.ly/eightshapes-team-models The Federation

  14. Component cut-up workshop http://bit.ly/component-cut-up-workshop

  15. Airtable! http://bit.ly/content-display-patterns

  16. GUI kit versioning

  17. Documentation powered by Jekyll https://xogroup.github.io/union/

  18. Managing Sass with NPM packages 1) Packages are published to

    an npm repo which apps include in package.json and bundle as they see fit (probably webpack). 2) Simpler monolithic structure similar to ant.design https://github.com/ant-design/ant-design
  19. What’s next

  20. http://bit.ly/union-kanban

  21. Thank you! Silvia Tueros-Cossio @silviatc Phil Kelly @chatche