Case Study

This Site

Designed, built, and published my interactive portfolio using Figma Sites, structuring it to highlight company work for brands like Walmart, Quest Diagnostics, CommerceHub, and a range of freelance projects, making it easy for hiring managers to explore industry-specific samples.

This portfolio isn’t just a showcase of my work—it’s a project in itself. From concept to launch, I created the entire site using Figma, Figma Sites, and Figma Make, with no developers or third-party tools involved.

 

 

Tools & Role:

Figma – Visual and component design

Figma Sites – No-code build and publishing

Figma Make – Interactions and logic

 

Process:
Ideation & Design in Figma: Created a modular, responsive system with reusable components and variable styles for layout, type, and spacing.

Modular Site Build in Figma Sites:
Built and published pages by brand, optimized for both desktop and mobile. Used section templates and customized layouts for each gallery.

Interactions with Figma Make:
Applied logic for hover effects, smooth transitions, and scroll reveals

to elevate the UX and make navigation more intuitive.

 

 

Graphic of a typography specimen showing the alphabet and numerals on top of a dark gray background.
Graphic depicting a hexagonal cropped photo of an interior room design with grid lines along its borders.
Graphic of a close up of a website depicting an Our Projects page with sample project names and dates.
Graphic depicting a color palette of Stone Brown, Dark Navy, Beige, and Cream White along with corresponding hex color codes.
Graphic of a close up of a website depicting an Our Projects page with sample project names and dates.
Graphic depicting a color palette of Stone Brown, Dark Navy, Beige, and Cream White along with corresponding hex color codes.

Case Study

This Site

Designed, built, and published my interactive portfolio using Figma Sites, structuring it to highlight company work for brands like Walmart, Quest Diagnostics, CommerceHub, and a range of freelance projects, making it easy for hiring managers to explore industry-specific samples.

This portfolio isn’t just a showcase of my work—it’s a project in itself. From concept to launch, I created the entire site using Figma, Figma Sites, and Figma Make, with no developers or third-party tools involved.

 

 

Tools & Role:

Figma – Visual and component design

Figma Sites – No-code build and publishing

Figma Make – Interactions and logic

 

Process:
Ideation & Design in Figma: Created a modular, responsive system with reusable components and variable styles for layout, type, and spacing.

Modular Site Build in Figma Sites:
Built and published pages by brand, optimized for both desktop and mobile. Used section templates and customized layouts for each gallery.

Interactions with Figma Make:
Applied logic for hover effects, smooth transitions, and scroll reveals

to elevate the UX and make navigation more intuitive.

 

 

Graphic of a typography specimen showing the alphabet and numerals on top of a dark gray background.
Graphic depicting a hexagonal cropped photo of an interior room design with grid lines along its borders.
Graphic of a close up of a website depicting an Our Projects page with sample project names and dates.
Graphic depicting a color palette of Stone Brown, Dark Navy, Beige, and Cream White along with corresponding hex color codes.
Graphic of a close up of a website depicting an Our Projects page with sample project names and dates.
Graphic depicting a color palette of Stone Brown, Dark Navy, Beige, and Cream White along with corresponding hex color codes.

Case Study

This Site

Designed, built, and published my interactive portfolio using Figma Sites, structuring it to highlight company work for brands like Walmart, Quest Diagnostics, CommerceHub, and a range of freelance projects, making it easy for hiring managers to explore industry-specific samples.

This portfolio isn’t just a showcase of my work—it’s a project in itself. From concept to launch, I created the entire site using Figma, Figma Sites, and Figma Make, with no developers or third-party tools involved.

 

 

Tools & Role:

Figma – Visual and component design

Figma Sites – No-code build and publishing

Figma Make – Interactions and logic

 

Process:
Ideation & Design in Figma: Created a modular, responsive system with reusable components and variable styles for layout, type, and spacing.

Modular Site Build in Figma Sites:
Built and published pages by brand, optimized for both desktop and mobile. Used section templates and customized layouts for each gallery.

Interactions with Figma Make:
Applied logic for hover effects, smooth transitions, and scroll reveals

to elevate the UX and make navigation more intuitive.

 

 

Graphic of a typography specimen showing the alphabet and numerals on top of a dark gray background.
Graphic depicting a hexagonal cropped photo of an interior room design with grid lines along its borders.
Graphic of a close up of a website depicting an Our Projects page with sample project names and dates.
Graphic depicting a color palette of Stone Brown, Dark Navy, Beige, and Cream White along with corresponding hex color codes.
Graphic of a close up of a website depicting an Our Projects page with sample project names and dates.
Graphic depicting a color palette of Stone Brown, Dark Navy, Beige, and Cream White along with corresponding hex color codes.