Timothy
Blacketer Films
A fashion and editorial film-maker whose pricing lived in a PDF. We turned that guide into a page on his existing Squarespace site, keeping the look and feel of the original document.
The problem
Timothy’s price guide was a well-designed PDF. As a download it was hard to read on a phone, easy to lose in an inbox, and separate from the site where clients were already looking at his work.
He wanted it on the site as a proper page, keeping the same style and mood as the document.
Download the price guide.
Hard to read on a phone
Easy to lose in an inbox
Separate from the site clients were already on
The approach
Treat the PDF as the blueprint. Its fonts, colours and layout already suited the rest of the site, so the page recreates it closely using native Squarespace sections with custom CSS where the defaults fell short.
Then make it work as a web page. The contents page became anchor links to each section, and the layout was rebuilt for mobile rather than shrunk down.
The same style and mood, as a web page.
Fonts, colours and layout from the PDF
Contents turned into anchor links
Layout rebuilt for mobile
What we built
Six decisions that took the guide from document to page.
Fonts, colours, spacing and image placement matched to the original guide, so the page and the document read as the same brand.
Each package and its price laid out so a client can compare options on the page, without downloading anything.
A layout made for print reworked for small screens, so the guide reads properly on a phone.
Built with the platform’s own sections and blocks plus custom CSS, so the page stays editable instead of being a flattened image of the PDF.
The contents page from the PDF kept, with each entry linking down to its section.
Designed on a duplicate page inside the live site, matched to the pages around it, and published when approved.
What changed afterwards
Want this for
your business?
Thirty minutes, free. We'll work out what the site needs to do, and whether we're the right team to do it.
