Our process is what makes us, us

Our end-to-end suite of agency services can be customized to fit your Enterprise needs, covering strategy, branding, design, Webflow development, and CMS training.

Let's get Organized

Research | Brand & Web Strategy

Play Video
01

Business Understanding

Want a website designed to woo customers?  Well, that starts with user research. We kick assumptions to the curb and find out what makes them tick and what just ticks them off. Based on the questions we need to be answered and the budget available, we'll recommend a combination of the below services.

02

Competitor Analysis

We'll evaluate your competitors' websites based on a set of defined standards to help understand the competition: what has worked, what has not worked and what are the actionable insights. Schedule a call to see an example of our bespoke Competitor Analysis.

03

User Outreach & Survey

We’ll invite users to complete a questionnaire (typically SurveyMonkey - which has an excellent analysis of data) to gather a broad range of responses to important questions.

04

Empathy Maps

An empathy map is a collaborative visualization used to articulate what we know about a particular type of user. We'll get key members of your team involved to help prioritise user needs.

05

Persona Posters

We take everything we learn from the research and design persona posters to give a face and personality to your users. This is great for business when developing services and products and invaluable to us while designing.

06

User Stories

It’s now time to take the personas and evaluate what they need to accomplish. From your user's perspective, we ask "As a <user type>, I want to <goal> so that <benefit>". There can be many goals, so let's define them all and ensure the website delivers.

07

User Flows

User Stories describe what tasks a user needs to accomplish while User Flows describe how tasks are accomplished. We provide visual flows to ensure we're aligned and all journeys/processes are taken care of.

Messaging Guide & Copywriting

Play Video
08

Copy Style Guide (Tone Sheet)

Copy has got to be the start and heart of any good design. We take the user research and follow a storytelling approach to produce clear and creative copy. Here are a few examples of our writing.

The Style Copy Guide is tailor-made for your business based on the company's tone, its voice and best practices for web writing.

The research and copy guide us through an iterative process to make sure you get a website that resonates with your brand and converts visitors into fans/customers/clients.

09

Website Copy

Using source material and implementing the guidance from the Copy Style Guide, we will then create your website copy and messaging that is a reflection of your company and speaks to your users.

Design for Web, Product, and Brand

Play Video
10

Brand Identity and Logo

The Brand Guide & Logo are tailor-made for your business based on our insights from strategy sessions.

11

Illustrations & Animations

The Brand Guide & Logo are tailor-made for your business based on our insights from strategy sessions.

12

Wireframes

Wireframes are essential to quickly get the content of a page right before diving into picture-perfect design. We do wireframes for all key pages at the same stage as copywriting.

13

Mood-board

Based on everything we know about your brand, we'll design a mood board that includes color palette, typography, image style, illustration style, iconography and graphic devices so that we have an aligned visual vision.

14

Designs

We'll design desktop and mobile layouts of all pages based on the styling agreed on in the mood board and the content structure defined in the wireframes.

15

Prototyping

We'll turn your designs into an interactive prototype within Figma. This can be used to test user journeys with real users (usabilityhub.com) and make iterations before going into development.

16

Scaleable Webflow Design Systems

Your Figma file will use a clean, organized design system with global components, making it easy for suppliers, designers and your marketing team to reference and use.

17

Marketing Collateral, Social Templates, Sales Enablement Material

Using source material and implementing the guidance from the Copy Style Guide, we will then create your website copy and messaging that is a reflection of your company and speaks to your users.

Website Development

EVERYTHING COMES TOGETHER TO REALISE THE VISION
Play Video
18

Development

We use the Finsweet Client-First System and BEM as it's the most scalable framework that adheres to accessibility standards and is based on BEM from traditional Front-end development.

19

Interactions & Animation

Sometimes standard Webflow interactions can't get the desired result. Talk to us about how custom Lottie animations, Web GL, and other assets can bring your messaging to life.

20

Data Imports

We can import your data from WordPress or similar platforms into the the Webflow CMS.

21

Training & Hand-Off

We'll hand over the completed website with a recorded training session on how to use the Webflow CMS and Client-First Style System.

Scott Van Zandt

30min 1:1 Meeting

Have a new project in mind? Schedule a 30 minute discovery call and I will at the very least give you some great advice.

Schedule a discovery call

Uploading...
fileuploaded.jpg
Upload failed. Max size for files is 10 MB.

Thanks, we've received your details and will get in touch ASAP!

Oops! Something went wrong while submitting the form.

Close

What is an RFP?

A request for proposal (RFP) is a great way for you to quickly get us up to speed on your project. It should include an introduction to your company and the reason for submitting your RFP. Tell us what it is you hope to accomplish with us and lay out any problems you or your users face with your current site. Lastly, please provide an overview of your project scope, timeline, and budget. We're happy to guide you through this on a call.