©

Kyle

Humber

2026

Kyle
Humber

Pat Scott Gallery Website

Pat Scott Gallery Website

Pat Scott Gallery Website

Description

A gallery site for Pat Scott, a local BC painter. This Framer site is home to a growing collection of 250+ paintings for sale, maintained via a robust CMS collection.

Disciplines

Web Design

CMS Collection

Applications

Framer

Photoshop

Deep Dive

Project Overview

This project centered on creating a digital home for Pat Scott’s growing body of work—an extensive collection built through years of daily painting. With over 200 pieces, many at a large scale, the existing site no longer reflected the quality or breadth of the work. The goal was to design and build a platform that could properly showcase the collection while supporting ongoing sales, all within a system that felt as considered as the art itself.

The site was designed and developed entirely in Framer, alongside a full migration and organization of the existing catalog, bringing the archive into a more structured and accessible format.

A Tailored Viewing Experience

The experience is intentionally restrained, allowing the artwork to lead. Every decision—from layout to copy—supports a sense of care and attention, reinforcing the value of the pieces and the consistency of Pat’s practice. Rather than overwhelming users with volume, the site creates moments of focus, giving individual works space to stand on their own.

Key pages are designed to highlight featured paintings, using them as visual entry points that guide users deeper into the collection. This approach balances discovery with direction, encouraging exploration without sacrificing clarity.

Structuring a Large Collection

With a catalog of this size, navigation becomes a central design challenge. The item card system acts as the backbone of the browsing experience, distilling essential information into a format that remains lightweight and repeatable.

The design draws subtle inspiration from seed packets, where information is clearly organized and immediately scannable. Titles are positioned prominently, while imagery remains the focal point. Supporting details are present but understated, allowing users to move quickly through the collection without friction while still having access to key information when needed.

Designed Around Real Usage

A defining constraint of the project was the primary device: both Pat and Terry rely exclusively on iPads. This shifted the design approach toward touch-first interactions, prioritizing clarity, scale, and ease of navigation.

Typography, spacing, and interface elements were all calibrated for legibility and comfort on tablet screens. The desktop experience extends naturally from this foundation, while the mobile layout adapts more deliberately to accommodate smaller form factors. The result is a system that feels consistent across devices, but is ultimately optimized for how it’s actually used day to day.

Extending the Identity

The visual language established on the site carries through into supporting materials, creating a cohesive presence beyond the screen. Business cards translate key layout elements from the digital experience into a physical format, maintaining recognition while simplifying the information hierarchy. The inclusion of a QR code creates a direct bridge back to the site, reinforcing it as the central hub.

Similarly, show flyers were redesigned to align with the updated identity. These materials function both as event-specific promotions and as general awareness pieces, helping extend the reach of the work while maintaining a consistent visual tone.

A Platform for Ongoing Growth

At its core, the project transforms a static archive into a living system. The structure supports continued additions to the collection without compromising usability, ensuring the site can evolve alongside the work itself.

More than a portfolio, it positions the collection as an accessible gallery—one that reflects the scale, consistency, and care behind the paintings, while making it easier for viewers to engage, explore, and ultimately collect pieces of their own.

Let's make something cool 😎
Let's make something cool 😎

If you're interested in working together, reach out by heading over to my Connect page or copy my email.

If you're interested in working together, reach out by heading over to my Connect page or copy my email.

If you're interested in working together, reach out by heading over to my Connect page or copy my email.