Hugh Berrymandesign engineer
I design and build the layer where people, models, and code have to agree.
At Freeport-McMoRan, I work end to end—from user research and product design through design systems and code—to align operators, product partners, and engineers around model-informed decisions people can challenge.
- Currently
- Senior Product Designer, Freeport-McMoRan
- Based in
- Phoenix, Arizona
- Built with
- Next.js 16 / React 19 / TypeScript
- Structured for
- English portfolio / localization + theme labs / web + print
01Selected work
MDS 2.0 / FORGE2025—26
A design system that an AI can read
I owned the color and component-state foundations for MDS 2.0, a 1,830-variable Figma library connected to Flutter through Code Connect. I then framed FORGE, an experimental pipeline that reduces legacy screens to structured JSON for model-assisted modernization.
My scope
Owned the color foundation, component-state matrices, and button Code Connect mapping; framed the experimental modernization pipeline built on top.
1,830
Figma variables across nine collections
Design systemsFigma Code ConnectFlutterDesign tokensAI tooling
Read the case study
MIRA 2.02024—25
Making a model's recommendation arguable
MIRA recommends operating changes in a molybdenum leach circuit. After onsite research, I designed a review flow that shows operators the forecast, current setting, and consequence of accepting, adjusting, or rejecting each recommendation.
My scope
Designed the operator-facing experience and information architecture; conducted onsite research at the plant. Data science and engineering owned the model and infrastructure.
~20%
lower recommended fresh-ferric addition than the legacy bleed calculator
Monitored seven-day comparison, internal tracking.
Data visualizationMachine learningField researchInformation design
Read the case study
ServiceNow employee portal2025
A design system for a platform we did not control
Employees were misrouting support tickets because the portal exposed IT's service taxonomy instead of the language people used. I led research across submitters and service teams, redesigned the catalog around request behavior, and delivered tokens and SCSS primitives platform developers could apply across ServiceNow.
My scope
Led research on both sides of the ticket, designed the portal, and wrote the token and SCSS guidance used for implementation.
ResearchInformation architectureDesign tokensSCSSEnterprise platform
Read the case study
◇Selected artifacts
Systems, product states, and implementation artifacts from the three case studies, shown at the proportions that make their details legible.
MINERAL DESIGN SYSTEM 2.0 (MDS) The Figma Variables editor with nine collections listed and the TextInput States matrix open: fifteen rows resolving stroke, radius, label and text roles across five component states.
MDS 2.0 Figma's Code Connect panel reporting Connected, mapping one button component set to five Flutter theme-extension symbols including FilledButton.tonal, above the generated Dart preview.
Colleagues' first names in the page header and a collaborator's presence avatar are blurred.
MDS 2.0 A FigJam board diagramming the FORGE pipeline: three ingest paths converging on one JSON-enriched representation, followed by model selection, planned Flutter output, and a quality benchmark.
A colleague's avatar and two first names attached to specific pieces of work are blurred.
MIRA Step two of the recommendation wizard. Six impurities are forecast on a shared axis against one spec line, and accept, adjust and reject each show the setpoint it would produce.
MIRA The job run result, leading with the schedule overrun before the production arithmetic, then eight range-bounded compliance meters that each state an in or out of spec verdict.
A photographic avatar on the attribution chip is blurred.
SERVICENOW The rebuilt employee support portal home page: a ranked catalog of what people actually request, a persistent service taxonomy, and one search field that reaches the whole platform.
A colleague's avatar and first name in the greeting are blurred.
SERVICENOW The redesign file structured as the backlog: one epic spine, seven feature lanes, and a global token sheet authored to compile into ServiceNow-compatible SCSS.
Six multiplayer avatars carrying the same colleague's face are blurred.
↳Earlier work
A few earlier projects connect the resume to the work: Tribal's first design system, a connected expense platform, and a React Native product I co-founded.
Tribal Credit Design system2020—23
Centro
I created Tribal's first shared component and token system—the starting point for design-to-code work I later carried into Storybook, Code Connect, and model-readable guidance.
View on Dribbble
Tribal Credit Product platform2020—23
Tribal Platform
I designed the cards, payments, reporting, and navigation workflows that connected Tribal's expense platform across web and mobile.
View on Dribbble
Whoin Design + React Native2019—20
Whoin
I co-founded Whoin, designed the product, and built its React Native app from concept through release.
View on Dribbble
02How it is built
The portfolio is part of the evidence.
Typed content drives the portfolio, printable resume, metadata, and machine-readable routes. Localization and theme labs stress the same pages in place instead of maintaining detached demos.
Read the source Localization notes Open localization lab Open theme lab
- 01
One content source
Typed modules feed the home page, case studies, resume, metadata, and machine-readable versions without duplicate claims.
- 02
Localization as a test system
Generated pseudo-copy stress-tests string expansion, ICU placeholders, and logical LTR and RTL layout without presenting machine-made translations as audience-facing languages.
- 03
One system, several readers
The same material renders as web pages, a printable resume, llms.txt, llms-full.txt, and a complete sitemap.
- 04
A repeatable delivery gate
CI repeats the typecheck, lint, and production build on every pull request and main-branch push.
03About
I'm a design engineer in Phoenix. Since 2024 I've worked on industrial and enterprise software at Freeport-McMoRan, where interfaces support decisions about real equipment and the users are metallurgists and haul-truck fleet managers. The work rewards clarity under load.
The thread through my work is closing loops. Design systems drift when Figma, code, documentation, and model instructions evolve separately. I work at those seams: Figma variables bound to Flutter theme extensions, component rules an AI assistant can follow, and tokens translated into the constraints of an enterprise platform.
04Experience
05Recommendations
What leaders, product partners, and designers say about working with me.
Hugh combines a keen sense of strategic thinking with a hands-on approach to design leadership. He doesn't just design; he thinks ahead, aligning every project with our broader business goals while keeping creativity at the forefront.
Chief Product Officer, Tribal CreditManaged Hugh directly
Published on LinkedIn
I've had the pleasure of working with Hugh for almost 5 years, and he has been instrumental in designing customer-centric products that have helped grow our company from seed-stage to Series B with presence across 10 markets. Hugh has always been exceptional in transforming complex requirements into seamless user experiences and products that customers love.
Group Product ManagerWorked with Hugh on different teams
Published on LinkedIn
Hugh played a large role in helping to improve our design system processes. His insights and meticulous approach were instrumental in improving them and strengthening collaboration with engineering. In a short timeframe, he taught the team valuable design system methods that enhanced our workflow and productivity.
Director, User Experience (UX), Symetra InsuranceWorked with Hugh at Symetra Insurance
Published on LinkedIn
Thanks to his guidance, I've grown from a junior designer to leading design for a new product as a Product Designer. Hugh is also a strong advocate of systems thinking and integrating tools like design systems or DesignOps to support others' work.
Product Designer, Tribal CreditWorked with Hugh at Tribal Credit
Published on LinkedIn
06Contact