Designing an Ops-Focused Portfolio: Figma CMS-Powered Case Study Site
Cross-Functional Program Leadership
Support Scalability & Self-Serve Operations
Portfolio
Figma
CMS
Systems Thinking
AI-Accelerated
Operations
Design Systems
Web Design
Design system, website, and resume built with Figma
The Challenge
Traditional resumes lack depth for ops/program management storytelling.
Goal & Objectives
- Demonstrate ops mindset visually
- Make work searchable and scannable
- Integrate interactive elements
My Role & Approach
Used Figma components and CMS to structure 13 case studies.
Key Deliverables
- Full Figma Sites portfolio
- Simple design system in Figma Design leveraging templates
- Embedded interactive resume
- Embedded static and interactive work samples
Results & Impact
- Used Figma to build a single-source Design System powering a static/interactive resume and a responsive portfolio site
- Used AI-assisted iteration and CSV CMS import to efficiently structure and populate case studies to showcase my work
- Demonstrated ops mindset: reusable tooling, progressive disclosure, and deliberate restraint for focus
- Deepened knowledge of Figma Design, explored and iterated with Figma Make and Sites, and sharpened my design skills
Key Learnings
Tools should reflect the thinking you want to demonstrate.
Tools & Technologies
Figma Design, Figma Sites, CMS, Figma Make
Collaboration Highlights
Self-directed
Designing an Ops-Focused Portfolio: Figma CMS-Powered Case Study Site
Cross-Functional Program Leadership
Support Scalability & Self-Serve Operations
Portfolio
Figma
CMS
Systems Thinking
AI-Accelerated
Operations
Design Systems
Web Design
Design system, website, and resume built with Figma
The Challenge
Traditional resumes lack depth for ops/program management storytelling.
Goal & Objectives
- Demonstrate ops mindset visually
- Make work searchable and scannable
- Integrate interactive elements
My Role & Approach
Used Figma components and CMS to structure 13 case studies.
Key Deliverables
- Full Figma Sites portfolio
- Simple design system in Figma Design leveraging templates
- Embedded interactive resume
- Embedded static and interactive work samples
Results & Impact
- Used Figma to build a single-source Design System powering a static/interactive resume and a responsive portfolio site
- Used AI-assisted iteration and CSV CMS import to efficiently structure and populate case studies to showcase my work
- Demonstrated ops mindset: reusable tooling, progressive disclosure, and deliberate restraint for focus
- Deepened knowledge of Figma Design, explored and iterated with Figma Make and Sites, and sharpened my design skills
Key Learnings
Tools should reflect the thinking you want to demonstrate.
Tools & Technologies
Figma Design, Figma Sites, CMS, Figma Make
Collaboration Highlights
Self-directed
Designing an Ops-Focused Portfolio: Figma CMS-Powered Case Study Site
Cross-Functional Program Leadership
Support Scalability & Self-Serve Operations
Portfolio
Figma
CMS
Systems Thinking
AI-Accelerated
Operations
Design Systems
Web Design
Key Learnings
Tools should reflect the thinking you want to demonstrate.
Tools & Technologies
Figma Design, Figma Sites, CMS, Figma Make
Collaboration Highlights
Self-directed
Design system, website, and resume built with Figma
The Challenge
Traditional resumes lack depth for ops/program management storytelling.
Goal & Objectives
- Demonstrate ops mindset visually
- Make work searchable and scannable
- Integrate interactive elements
My Role & Approach
Used Figma components and CMS to structure 13 case studies.
Key Deliverables
- Full Figma Sites portfolio
- Simple design system in Figma Design leveraging templates
- Embedded interactive resume
- Embedded static and interactive work samples
Results & Impact
- Used Figma to build a single-source Design System powering a static/interactive resume and a responsive portfolio site
- Used AI-assisted iteration and CSV CMS import to efficiently structure and populate case studies to showcase my work
- Demonstrated ops mindset: reusable tooling, progressive disclosure, and deliberate restraint for focus
- Deepened knowledge of Figma Design, explored and iterated with Figma Make and Sites, and sharpened my design skills
Becky Lattof
Operations Program Manager
Systems & Enablement
Designing an Ops-Focused Portfolio: Figma CMS-Powered Case Study Site
Cross-Functional Program Leadership
Support Scalability & Self-Serve Operations
Portfolio
Figma
CMS
Systems Thinking
AI-Accelerated
Operations
Design Systems
Web Design
Key Learnings
Tools should reflect the thinking you want to demonstrate.
Tools & Technologies
Figma Design, Figma Sites, CMS, Figma Make
Collaboration Highlights
Self-directed
Design system, website, and resume built with Figma
The Challenge
Traditional resumes lack depth for ops/program management storytelling.
Goal & Objectives
- Demonstrate ops mindset visually
- Make work searchable and scannable
- Integrate interactive elements
My Role & Approach
Used Figma components and CMS to structure 13 case studies.
Key Deliverables
- Full Figma Sites portfolio
- Simple design system in Figma Design leveraging templates
- Embedded interactive resume
- Embedded static and interactive work samples
Results & Impact
- Used Figma to build a single-source Design System powering a static/interactive resume and a responsive portfolio site
- Used AI-assisted iteration and CSV CMS import to efficiently structure and populate case studies to showcase my work
- Demonstrated ops mindset: reusable tooling, progressive disclosure, and deliberate restraint for focus
- Deepened knowledge of Figma Design, explored and iterated with Figma Make and Sites, and sharpened my design skills