Senior Solution Architect to assist with designing system architecture for a web transactional application, including design tokens, accessibility conformance to Web Content Accessibility Guidelines (2.2 AA) and structuring a design system for AI tooling Our energy & resources client is seeking a

Senior Solution Architect to assist with designing system architecture for a web transactional application, including design tokens, accessibility conformance to Web Content Accessibility Guidelines (2.2 AA) and structuring a design system for AI tooling

Candidates will be working in downtown Calgary 4 days/week.

Must Haves

10+ years of experience as a

Solution Architect or

Architecture roles with h ands on

WCAG 2.2 AA conformance work

Experience with design token architecture,

including hands-on

Angular experience

Experience designing complex transactional or regulatory applications with multi step forms

Previous

Oil & Gas or

Regulatory industry background

Demonstrated use of

AI tooling in the design and building of workflows

Robust technical writing and demonstrated governance of a shared component library across multiple delivery teams

Nice to Have

Architecture experience within workforce augmentation environments

Responsibilities

Author the design system for the regulatory web application, covering design tokens, primitive elements, composite components, layout and page templates, interaction patterns,



form and validation behaviour, empty and error states, and content and microcopy standards

Translate the existing system design guide into an implementable token architecture with semantic layering (primitive, semantic, and component level tokens), theming, and density variants, so brand compliance is enforced by the tokens rather than by review

Define layout standards for the page archetypes the regulatory application actually needs, including search and result lists, record detail, multi step submission forms, review and decision queues, dashboards, document viewers, and map and geospatial views

Define the component inventory and the composition rules, including when to consume a Material component as delivered, when to extend it, when to build custom, and what must never be forked

Make the design system consumable by AI tooling. Publish machine readable tokens, component APIs, usage rules, worked examples, and pattern descriptions structured so that AI generated mockups and code are compliant on the first pass rather than corrected afterward

Establish the AI assisted design to code workflow end to end, from prompt or wireframe through to a compliant Angular Material page, including instruction files, guardrails, review gates, and the definition of done that developers and designers work to

📌 Senior Solution Architect to assist with designing system architecture for a web transactional appli (Calgary)
🏢 S.i. Systems
📍 Calgary