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: My initial concept was to fill a gap in our collection of template products by building a case study page as part of a template framework. This would allow users to discuss a project's process, or to tell a story along with a set of images. Using the system gallery’s existing image and caption data, we created a new page type called “Project” that includes various layout options for images and text. And, a project navigation module was designed and built, enabling all project titles, simply "Next", or nothing at all if disabled. For the index page, there’s an optional headline area, and a stacked list of projects which can be displayed in various configurations.
Featured below are the three templates (photographer, illustrator, creative agency) conceived and built as part of the initial release of the framework: lange-demo.squarespace.com, york-demo.squarespace.com, Holt template TBR.