Design is more than what shows up on the screen. It’s the process, the structure, the systems underneath that help everything run smoothly—from first idea to final click. The tools we use are handpicked to do one thing: make your website easier to build, easier to manage, and way more effective. Below, you’ll find a breakdown of what we use and why—plus a few helpful marketing terms along the way.

Great design isn’t just a feeling. It’s the result of clear tools, good systems, and thoughtful execution.

1. Framer

We build our sites in Framer—a tool that lets us go from concept to working website without handing things off to a separate dev team. That means no templated WordPress builds, no bloated themes, and no last-minute surprises. What we design is what gets published.

The benefit? Speed, clarity, and alignment. Your site performs the way it was meant to—from load time to mobile responsiveness to visual polish.

Because Framer supports clean structure and easy editing, you’re set up for what marketers call conversion optimisation: designing pages in a way that naturally guides users to take action.

2. Figma

Before a site gets built, it’s shaped in Figma. This is our design playground—where we sketch layouts, explore type and colour, and figure out how each page fits into the big picture. It also makes collaboration easy. Clients can view, comment, and follow along in real-time—no clunky PDFs or endless revision emails.

From a marketing perspective, this is where we map user journeys—plotting how someone will move through your site, what they’ll see first, and where we want to lead them next. In other words, Figma is where we set the stage for both your brand and your goals.

3. AWS

When we share website proposals, we don’t just send static files. We record custom walkthroughs that explain the whybehind the design—talking through what we changed, what it solves, and what we’d build next.

We host those videos on AWS, so they load fast, look sharp, and don’t break under pressure. It’s a small touch, but an important one. Your feedback loop gets easier. And you get to review the work without barriers—because clear communication is part of a good experience, too.

4. Shots.so

Sometimes the way you present the work is the work. With Shots.so, we create clean mockups that let you (and your team) preview your site across devices—without distractions.

It helps when you’re getting buy-in internally or showing stakeholders what’s ahead. And it’s part of what we call design clarity—making sure what you see is what your customers will see, too. No guesswork, just sharp visuals.

5. Notion

Everything behind the scenes lives in Notion. Timelines, copy drafts, image references, meeting notes—it’s all there, neatly structured and always accessible.

It also keeps both sides accountable. You know what’s happening, what’s next, and what’s needed. That reduces friction—a key concept in both design and marketing.

Fewer blockers = smoother builds = faster launches.

Other Tools in the Stack

• CleanShotX – For quick, no-fuss screen recordings and updates

• Squoosh – Image compression for faster site speeds

• Fontshare + Google Fonts – For fast-loading, on-brand typography

• Zapier – To automate small tasks like form submissions or integrations

• TinyPNG – A helper for keeping assets lightweight and quick to load

Key Takeaways

The tools we use aren’t about complexity. They’re about making your site clear, easy to manage, and strategically sound—whether you’re booking appointments, launching new services, or just trying to get found online.

Because in the end, design isn’t just how something looks.

It’s how it works—and how it helps.