TrendAI — enterprise security platform · 2026

Quality at scale: a design system, motion language and continuous QA

Establishing design-system discipline and a coherent motion language across a 150-page, multi-region enterprise security marketing surface to industrialize design operations.

Outcome

Freed up valuable design-ops time to focus on what's-next strategy instead of policing 150 pages by hand.

TrendAI marketing site homepage rendered in the new design system
The redesigned TrendAI marketing surface, running on the new design system and motion language.
Design-to-publish time
2 weeks → 3 days
Regional builds
14
Pages audited
150
Automated checks
100+

Process

Design ops

Quality enforced as infrastructure

I built an automated audit that crawls the full English-language site and runs 100+ checks grouped into content, design, technical, and GEO/SEO themes — placeholder copy, stale brand names, broken links, missing alt text, heading-order breaks, duplicate titles and meta, thin content, missing structured data.

Every page is fetched twice — published and draft — so an issue is only marked fixed when it is absent from both. Findings are tracked across runs with new / open / fixed status, and exported into Jira and Figma pipelines so the team works from one source of truth. It runs twice daily.

Prototype

QA Process

A quality bar a human team cannot hold by hand becomes trivial once it is enforced by tooling that runs twice a day.

Deliverables

Motion system, applied

Prototypes

Three working prototypes prove out the motion language: an accordion with grid-track height animation and a cubic-bezier scroll solver that keeps the page in lockstep with the expansion; a mega menu with asymmetric hide/reveal and pane crossfade; a filter bar whose sticky position is locked to the header’s motion — plus stats, tiles, and CTA treatments.

Liquid Frosted Glass

Immersive Lockups

Accordions

See more case studies

All work →