Weβre a rowdy tribe of friends dedicated to building the futures we want to see. You should come hang with us. Weekly-ish emails on all things Squarespace, design, creativity, and doing shit on your own terms. You in?
Hey Reader,
β
I wanted to get designy today, and share some tips & inspo for a LONG FORM SALES PAGE. No shit, sales pages are probably my number one fave thing to build because often there's a LOT of information that needs to be broken up and designed in way that makes people actually want to not only read the content β but most importantly, BUY into whatever you're (or your clients are) selling.
β
There's a real flow & an art to them, for sure. Especially these days β the content needs to be balanced, and as short as possible to give people all of the information they need. We can't be out here reading fucking NOVELS anymore, like we used to, ya know. π
β
So I got some shit here for you if you need some help in this arena! First, some sales page design tips, and then some actual design & layout/structure inspo too.
β
1 β Chop up the content into digestable chunks.
As I kinda mentioned, inherently long form sales pages have a shit load of text that really needs to be there β and it's your job as the designer (or the DIY-er) to break up that content as much as possible to make it EASILY DIGESTABLE for people.
β
2 β If you don't have a professional photoshoot to pull from, curate a SMALL selection of stock photosβ
βCuration of creative resources is really a MAJOR asset & skill to have, and the more you can do it, the better you'll get at it. If you or your client doesn't have a profesh shoot to pull from, you'll need to get creative and source stock photos.
β
3. Make the payment/sign up section stand out!
This one is super simple, but it's important to make the payment section stand out from the rest of the page! This is the most important part of the page because ya really don't want this to blend in with the rest of the content.
Okay, those are some solid tips that should help you get started anyway. βοΈ
I pulled this design below for you, which is actually a bit of a sneak peek inside The Stash! (The Stash is a library of 85+ creative, professionally designed Squarespace section layout templates, to help you build websites for your clients (and yourself).
Regardless of the fact this is from The Stash, this structure is pretty much what I recommend and what I stick to for all of my sales page builds. The notes on the right walk through what to use that section for in terms of content & flow.
β
Below on the left is the name of the section so you can find it easily inside The Stash. To view the image larger, either zoom in (using command+, or right click, 'open image in new tab'.
β
This is the un-edited design straight from The Stash itself, so you'd plug & play all of these sections into a single page, then customise 'em as you need to!
β
I've actually been using it myself as I'm working on my new website, every time I get a bit stuck on a section layout I dive into The Stash, find something that will work for the content, and I customise it, and then I'm good to go. π€
β
Building a website from scratch is no joke.
β
It takes a shit load of creativity and patience β especially when you wanna do your best to really knock it out of the park. But just because it can sometimes feel uninspiring and tedious, it does NOT mean it has to suck.
β
Imagine if you had a big-ass library of PRE-MADE layouts to pull from, anytime you start a fresh new sales page or website, or when you get stuck in your design process?? How fucking GOOD!
β
Check out The Stash here! |
If you have any questions about The Stash, hit reply on this email and I'll get back to you!
β
Weβre a rowdy tribe of friends dedicated to building the futures we want to see. You should come hang with us. Weekly-ish emails on all things Squarespace, design, creativity, and doing shit on your own terms. You in?