Developed as an internal portfolio showcase project by Toolshed, Stillhouse was created to demonstrate how modern digital experiences can elevate high-end architectural studios beyond static PDF portfolios.

Stillhouse represents a hypothetical net-zero studio that pairs passive sustainable architecture with an in-house home automation platform called Nest. Architecture work of this caliber is historically sold through referrals and static documents, which fail to match how prospective high-net-worth clients evaluate studios online. The core design challenge was building a benchmark project that translates five residential case studies, a technical Smart Home Automation Showcase, and a considered design philosophy into a single interactive scrollytelling website built natively in Framer.

To deliver a premium Framer Website Development project that serves as a PDF Portfolio Replacement, increases client engagement, and drives qualified project inquiries. The objective was to make the depth of the studio's Sustainable Architecture Design legible without overwhelming visitors, present project case studies dynamically using Interactive Framer Motion, differentiate the Nest home automation system as a PropTech Web Design capability, and leverage a custom Framer CMS and Design System to provide a low-friction contact path for prospective buyers.

Toolshed engineered a single-page scroll experience natively in Framer using Restrained UX Animation, custom Framer Component Variants, and interactive scrollytelling to carry the narrative:

Parallax Hero & Credibility Metrics: Designed a full-bleed parallax hero section backed by key performance indicators, establishing studio authority immediately through photoreal renders, awards, homes designed, and energy saved metrics.

Interactive Scrollytelling for Services & Process: Engineered sticky scrollytelling panels for the studio's three core disciplines and a four-stage project lifecycle (Discover, Design, Automate, Inhabit), featuring a continuous scroll-progress timeline that updates visual panels dynamically as the user scrolls.

Stacking Cards Animation Portfolio Experience: Replaced traditional thumbnail grids with full-width case study cards utilizing Stacking Cards Animation. As visitors scroll down, each project card rises to cover the previous one—which scales down and dims—creating the tactile feel of flipping through a physical architectural portfolio.

Dedicated Smart Home Automation Showcase: Architected a distinct, dark-themed interactive section for the Nest automation system, positioning it as a live product featuring adaptive climate controls, circadian lighting, and energy monitoring panels built with dynamic Framer Component Variants.

Restrained UX Animation & Design System: Built a responsive Design System in Framer using a warm architectural color palette (#FAF7F2 off-white, sage green, terracotta, and charcoal dark) with Plus Jakarta Sans and Inter typography. All motion was tuned for low-speed physics and subtle scroll effects to maintain a calm, Luxury Real Estate Design aesthetic.

Framer CMS & Contact Path: Configured Framer CMS collections for ongoing project management alongside brand identity basics (light/dark logo variants, favicon set) and an intuitive inquiry page to convert site visitors into active client engagements.

By transitioning Stillhouse from static PDF portfolios to a dynamic No-Code Web Design platform, Toolshed provided the studio with a single shareable digital asset for High-Net-Worth Portfolio presentations. The Stacking Cards Animation gives every residential case study individual focus, while the dedicated Nest module successfully positions their smart-home technology as a primary competitive differentiator. Built completely by certified Framer Experts using dynamic Framer CMS structures and optimized Framer Component Variants, the platform delivers fast load times, seamless mobile responsiveness, and a quiet, considered browsing experience that reflects the quality of the studio's physical homes.