How Drupal, WordPress, Atomic Design and internal APIs Came Together in a Financial Services Website
summary
Case study of a three month rebuild that uses Drupal 8 as a content hub to manage and push reusable atomic design components into WordPress micro sites and lobby kiosks via internal APIs, with Pattern Lab style patterns, integrated loan calculators and live rate numbers, automated testing and security checks, and an enforced accessibility workflow achieving WCAG 2.0 A/AA goals. Concrete artifacts: a Drupal multi‑site, component library, API endpoints, and a working kiosk deployment. three months Drupal 8 API
AI-written summary · about
chapters (15)
- 0:00Introduction and project overview
- 4:26Challenges with Eastern Bank’s old site
- 7:01Marketing needs for agile campaigns
- 10:23Project timeline and rebranding goals
- 12:50Benefits of reusable components
- 16:25Customer-driven navigation and personalization
- 18:39Drupal multisite and API integrations
- 23:59Planning and discovery process
- 27:23Importance of on-site workshops
- 33:04Security and compliance considerations
- 35:12UX surveys and stakeholder feedback
- 37:21Brand refresh and design alignment
- 41:00Atomic design and component systems
- 43:05Kiosks and digital signage use cases
- 46:36Project outcomes and next steps
related talks
32mAn External Design System in Practice
25mCollaboration Walkthrough
01h 00mBuild It Better, Stupid: Using Design Systems for Scalability
52mLeaning Into Design Systems
27mAgile Atomic Design - Experiences from the reality
01h 00mAmerican Medical Association: Topic Landing Pages (A D8 Case Study)
28mThe ultimate CMS vs Framework showdown
51mAgency Workflows