Product Designer

samuelhgflax@gmail.com

Keep Pride Alive

A living system for the parties that make SASS BK, well… SASS BK.

Project Brief

01

Timeline

June, 2025

Role

Web Designer, Webflow Developer

Project Type

Modular sub-site that can adapt to promote events

Challenge

I helped design and build Campaigns, a modular subsite that showcases SASS BK’s ongoing events — starting with our Pride 2024 activation. We needed a digital home for the big themes, bolder visuals, and evolving calendar of drop-in parties and collabs — one that could keep up with the energy and feel alive every time it changed.

Link

https://www.sassbk.com/campaigns

Project Outline

- Discovery & Research
- Information Archetecture
- Visual Exploration
- Content Structuring
- Style Guide
- Final Screens
- CMS Development
- Site Construction
- SEO & Performance Optimizaiton
- Lessons and Reflections

Blog page with custom header

Context & Goals

02

Sitemap and colors

We had four main goals with this modular page:

1. Launch a Pride cmpaign that felt celebratory, defiant, and unmistakably “SASS”
2. Design a subsite that could expand to support future campaigns without needing a full rebuild
3. Keep it mobile-first and CMS-ready, so the team could swap content on the fly
4. Integrate Webflow animations and type-forward layouts that invite a scroll

Design System

03

Sitemap of the project, with links and available actions

The idea was to build a campaign framework — something flexible and expressive, but grounded in clear hierarchy. I created modular blocks for:

Hero messaging: Oversized type + bold movement
Event details: Clear dates, partners, links, and artwork
Scroll rhythm: Alternating layouts and color breaks that keep it engaging without overwhelming

Type choices stay rooted in the main brand system, but I opened things up for campaign flair — stacked caps, big outlines, and shifting scales to create that “poster in motion” feel.

Building the Site

04

Bold, responsive, and highlighting local creators

Working in Webflow, I:

- Built fully responsive layouts for desktop and mobile
- Used CMS collections to keep events editable and repeatable
- Added scroll-triggered effects to let key text and visuals pulse into view
- Tuned padding, breakpoints, and visual rhythm to feel cohesive across sections

The backend is clean and scalable — campaigns can be swapped or added without breaking anything, and the layout holds its own no matter how loud the graphics get.

Phase One - Keep Pride Alive

05

The first live campaign, Keep Pride Alive, launched in June 2024 and set the tone.

We leaned into sharp contrasts, editorial photography, and a scroll experience that invited exploration. It was loud, loving, and unmistakably SASS — and it gave the team a solid framework for everything to come.