StudioSC • Brooklyn, NY
Figma to Gatsby Build
StudioSC is an internationally published, award-winning architecture and interior design studio based in New York City. Their multidisciplinary team approaches every project—from new developments to townhouse renovations—with a focus on design excellence and thoughtful functionality.
To showcase their diverse portfolio, I transformed their Figma prototype into a responsive, high-speed Gatsby build powered by a WordPress headless CMS. The result is a visually engaging site that emphasizes bold imagery, clean typography, and architectural precision, creating a seamless experience that aligns perfectly with StudioSC’s creative vision.
Gatsby · SCSS · WordPress (Headless CMS) · GraphQL · GitHub · Netlify
Project was produced with -> theremotecreative.com
Challenge
StudioSC needed a modern, high-speed website capable of showcasing detailed project imagery and content without compromising performance or editorial flexibility. Maintaining pixel-perfect fidelity with the Figma design while integrating real-time data from WordPress was key.
Solution
Using Gatsby’s static generation and GraphQL integration, I created a smooth and performant site structure that connects seamlessly with WordPress. The build included modular SCSS styling, responsive layouts, and optimized media delivery for fast load times and easy updates through the CMS.
Client
StudioSCIndustry: Architecture & Interior Design
Location: Brooklyn, NY
The completed website delivers both form and function—faithful to design, built for performance, and ready to scale as StudioSC’s portfolio grows.
