We create brands and Webflow websites.

We believe in democratising good design. We believe in accessible, inclusive practice. We believe in cleaning up the web to make experiences easier. We are Studio Tonic.

A selection of brands we’ve worked with...

Our process

Branding

Whether you’re a start-up building your brand from scratch, a growing business in need of an evolution, or an established company looking for a revolution, we’re here to help bring meaning and impact to your verbal and visual identities.

We steer you through the process and bring you along on the journey, from strategy and visual identity to brand management and creative direction.

01

Discovery

We lead you and your key stakeholders through individual discovery sessions to get under the skin of your business so we can understand you, your audience and your hopes and dreams for your business.

02

Brand Audit

We pore over your existing brand assets, marketing collateral and tone of voice to see what’s working and what can be improved or added to your arsenal. We look at your market and brand positions and research into, and benchmark against, your competitors to help you find any hidden gaps.

03

Brand Architecture

This is the structure of your business, sub-brands, products and services. By understanding and organising your proposition and the depth of your business structure we bring clarity to customers, helping them make sense of what you do.

04

Brand DNA

This is your personality – what makes you, you. It gives your customers a reason to believe in your business and to understand what drives you. It’s unique and defines how your business looks, feels and sounds.

05

Identity

We distil everything we’ve learned from the exploration phases into an initial creative response, giving a glimpse into the foundations of a robust and cohesive visual identity and tone of voice.

06

Delivery

We package up everything we've made for you and hand over neatly arranged and clearly labelled files for you to download.

SLIDE INTO
OUR DMs...

Get in touch to see how we can bring your brand to life.

Book A Meeting
Allen Leitch
SPOV
Allen Leitch
Studio Head

Working with Studio Tonic was a breath of fresh air. They are dedicated professionals with a passion for their craft. They have a depth of knowledge and experience in designing for the web that we were severely lacking before we were lucky enough to find them. I very much look forward to collaborating with them again in future.

Hannah sinclair
Crafty Counsel
Hannah sinclair
Head of Marketing

I recently worked with Studio Tonic to create a new visual identity for our company and our whole team is really impressed with the final product. Tonic really took the time to understand the brand through discussions with our key stakeholders, and helped to guide us through the whole process. The new branding looks super slick and working with team Tonic is always a pleasure!

Arran selhi
March Construction
Arran selhi
Director

We would wholeheartedly recommend Studio Tonic. Always two steps ahead and always ready; their professionalism, laced with an accessible and very human touch, was exactly what we wanted. Their work has been of the highest quality and we have chosen to move forward with them on our motorsport projects as well.

Our process

Websites

First impressions matter, so your website should look great and perform perfectly. By combining research and user testing with content design and a beautiful interface we make sure that visitors can understand your business, easily navigate your website and do what you want them to.

01

Discovery

We have an initial call so we can get to know each other and discuss your requirements. Depending on the size of the project we can fit everything into this initial meeting or set follow-ups to get into the nitty-gritty.

02

Site Map

We list out all pages, sections, and the content for each, focusing on user experience (UX). We work with you to create the best structure of content to get the user where we need, based on the goals agreed in discovery.

03

Wireframes

We turn the site map into black and white design pages so we can see the structure in its actual size, how the content flows, and how a user can best navigate through it.

04

Content Design

We look at the position, prominence and language of all the elements on your site to make sure that they’re working as hard as possible to drive a user’s actions in the right direction and that the copy and tone of voice are amplifying your brand message.

05

High Fidelity Design

User interface (UI) design is where we apply your visual identity to the wireframes and bring them to life, creating the final design and words for you to sign off, ready to go into development.

06

Development

We build your site in Webflow and test it across multiple browsers and devices as we go. We add interactions and animations to add personality and motion to the design.

07

Handover

We create custom walkthrough videos to help you learn how to manage your website and its content. We find them a lot more useful than a PDF that no one will ever read.

09

Aftercare

Our optional aftercare solutions keep the tech on your site up to date – from time-to-time various laws, accessibility regulations and best practices change so we’ll make updates to your site to keep it running smoothly. You can upgrade to a tailored package where we take care of all your content and copywriting needs, too.

Featured Work

Crafty Counsel

Branding

The home for the in-house general counsel community needed a makeover.

View Project
A green background on top of which sits the redesigned Crafty Counsel logo

Flock

Web Design
Development

A fresh and dynamic new website for insurance industry disruptor, Flock.

View Project
A mockup showing the Flock website on a desktop and mobile device

March Construction

Branding
Web Design
Development

A visual identity evolution and Webflow website for high end, bespoke building masters, March Construction.

View Project
A mockup of the website and the new logo sitting in front of the frame
View all Projects

Why we love Webflow

Webflow is a visual web design tool with no coding needed, which means it’s 10x faster than the old-fashioned methods of creating a website. We design and build fully bespoke sites without the extra cost and time of using a developer. And not a template in sight.

Powerful content editing

We build you a custom content management system so you can add and update content through the easy-to-use editor dashboard. Make your changes and publish with just one click.

Load times and global servers

Your site is hosted on multiple servers around the world, which means super-fast load times. Fast load times gives your customers a seamless experience, your site a good performance score, and your business a better ranking on search engines.

Development and update speed

No manual coding means more budget for strategy and design. When your business scales, the platform we’ve built for you can scale quickly and easily too.

Security and peace of mind

Webflow takes care of your site’s security, so your customers can browse safely.

You can’t break it

Say goodbye to update anxiety. We control what you can and can’t edit so you can’t break the site and we’ll make you in-depth training videos to teach you how to master your content.

Let's work together

With offices in London and Bristol, see how our 30+ years of experience can help your business grow and succeed.

Book my consultation