A pickleball brand and its store, built from scratch
Branding, then a headless Shopify storefront in Webflow with Smootify: logo, type, palette and a store for performance hats.
Built by Josh Bundren. Published on Contra, April 2025.
- Webflow
- Smootify
- Shopify
- Connects the headless Shopify store to the Webflow storefront the team designed and built.
A brand first
The team branded Pickleforce completely, then designed and developed its headless Shopify storefront with Webflow, Shopify and Smootify, all from scratch.
The identity, as the project shows it: a winged “PF” mark, a Switzer Black Italic wordmark, and the tagline “Be a force”.
Type and colour
Switzer carries the whole system, from light to black italic. The palette pairs midnight and court blue with golds and a bright “Force Punch” orange.
Applied everywhere
The mark works on light and dark, as a pattern, on a paddle and as a social avatar.
The store
The storefront opens on “Be a force. On and off the court.”, with the 0-0-1 Series of hats underneath, and an ambassador programme in the navigation. It works the same on desktop and mobile.
This case study is based on Josh Bundren’s project page on Contra. The work and the images belong to its authors.
Build the next one
with Smootify.
Free to build, pay only when you go live. One Shopify app instead of ten, billed on the store’s Shopify invoice.
- One app on the Shopify bill, not ten
- Free to build, pay only when you go live
- Works on Basic, Grow and Advanced
- Your 1.x store keeps working
- Every element stays yours to change
- Docs indexed in llms.txt