Template Framework — Squarespace
With Squarespace, I created template frameworks as part of a CMS platform enabling over one million users to build their own website. I released each framework with a dedicated team, including product concept, feature and development strategy, design, and creative direction.
For context, a framework is a codebase comprised of the primary features of a template experience. Targeting various end users, process included designing UX patterns, UI conventions, and building modular system components for the platform. A framework will yield multiple templates — there are three featured in the gallery below, each exposing various features of the framework.
This framework: Primarily conceived as an immersive portfolio or restaurant product, its flagship feature is an interactive index page list, presented as a visual menu, that doubles as an omnipresent navigation element revealed through scrolling to the bottom of each of its child pages.
Supporting features include • Index list auto-cycle for touch devices • Optional index headline feature • Configurable page intro overlays dismissed on click/tap or scroll • Configurable gallery modes based on image aspect ratio.
Below are the three templates (photographer, art director, restaurant) that made up the initial release of the framework: carson-demo.squarespace.com, henson-demo.squarespace.com, tremont-demo.squarespace.com.