product

facets · web design

facets.cloud, designed in figma and built in next.js. the project that got me closest to the product.

year
2025
role
web design & front-end
client
facets.cloud
tools
  • Fifigma
  • Aiillustrator
  • Aeafter effects
  • Nnext.js
  • Fifigma mcp
  • Ccclaude code

i designed the facets.cloud pages in figma and built them in vscode with next.js, the figma mcp bridging the two. clean, on-brand, and quick to move through.

the live site

it shipped. a screenshot doesn't do a built site justice, so see it for real.

open the live site
facets.cloud live homepage
facets.cloud, live

design and build, same hands

designing and shipping the same pages changed how i designed them. i made the supporting pieces too (the loader, banners, thumbnails, and open-graph images) so the site feels connected page to page instead of stitched together.

open-graph image set
open-graph image set, one per page type

the footer

one of the coolest custom footer i've ever designed and built: the cta band, the sitemap columns, the newsletter signup, and the partner badges. the background is a live canvas, a flickering grid that ripples under the cursor. it's meant to be touched, so here it is, recreated. move across it, or click.

move/click for ripples
the footer's live grid, recreated. move + click to ripple.

closest to the product

this is the work that got me nearest the product. i worked directly with the ceo and picked up the low-level details, which pushed me to be more creative while staying aligned with how the thing actually works. the revamp is in progress now.

thanks for scrolling

the work that got me closest to the product.