Design system and custom CMS for trades.org

A scalable product system for faster web-product iteration: the UX foundation, component library and responsive templates behind multiple web products and a custom CMS/ATS workflow.

Role: UX/UI Product Designer · Tools: Figma, prototyping, documentation

The team needed to launch multiple product interfaces quickly without redesigning components, rebuilding templates or re-explaining handoff on every iteration.

Lead end-to-end design across multiple web products, from research to prototypes and handoff.

Build reusable component libraries in Figma to speed up experimentation.

Design responsive templates and custom CMS/ATS workflows with usability and accessibility in mind.

Run UX research to reduce friction and support conversion.

A modular UX and visual system with reusable templates, clearer handoff and a CMS structure that supports faster iteration.

A CRM contacts table with filters, search and multi-value fields, structured so a busy user finds the right record fast.

An applicant-tracking admin with configurable requirement templates. Data tables, filters and inline editing stay clear even as the data gets dense.

A CRM contact profile that puts history, notes, details and linked companies exactly where they are needed, with no hunting and no clutter.

Content color tokens with clear names, roles and parents: the foundation that keeps every screen consistent and easy to hand off.

A button component covering sizes, colors, icons and states, so the team ships fast without redrawing the basics.

A design system built from scratch to keep a growing product consistent, faster to iterate and aligned across the team.

Full case study: mordonez.com