Process

Wanna see how I work?

Have a scroll through my 9-step process to learn how my workflow suits your business.

Plan

Step 1/9

Shoot me an email

Here's an email template to help get things started.

I know how businesses work and how frustrating it can be when all you want is a quote but instead you’re having to endure a drawn out email exchange that feels like it’s going nowhere - made even worse when quoted terms in the end don’t even work for you!

So, to spare you from that ordeal, I've structured the email template to clearly outline everything that I need to know in order to accurately gauge the scope of your project and give you an instant quote on timescale and cost.

In fact, if the email is detailed enough, I’m confident I can give you that quote you’re looking for in my very first email back! Along with some suggestions of features worth implementing.

Get in touch - I can't wait to learn all about your business!

Step 2/9

We discuss & agree terms

Yep... That’s really all it takes to get started!

-Design deposit

Design

Step 3/9

Moodboard

First thing's first, let's define a design direction for your website.

I'll make a moodboard for us so that we can easily share design inspiration with one another.

This will instantly give you a space where you can show me any existing design material you may have, such as logos, colours, typography, photography, other websites that you really like, or even entire other moodboards. Feel free to add anything!

I'll be steadily populating the moodboard with complementary material, mainly in the form of other website designs. Simply let me know what you like and dislike, and I'll reflect your feedback in the future designs.

Moodboards often capture ideas that would otherwise be lost in translation when only describing things verbally, saving you time and money by avoiding additional revision requests later down the line.

Step 4/9

Sitemap

Shortly after receiving the moodboard you'll also be given a sitemap diagram which will outline the structure of your website and give you a bird's-eye view of the user journey.

Even better, you'll receive this diagram, the moodboard, and all other design work on FigJam, making live feedback an absolute breeze. This keeps me continually informed on your style preferences and what you envision the end product to look like.

Step 5/9

Wireframe

Next, I'll give you a detailed wireframe for each page of your website.

Wireframes are skeletal illustrations of a page’s interface. They communicate what content is being prioritised and, most importantly, the intended user behaviours.

Defining a good interface structure is the most important part of designing your website because it directly focuses on fulfilling your business’ key objectives.

Step 6/9

Final Designs

For the final designs I'll populate the wireframes with your content, such as product images or text, and modify the wireframes to reflect your style preferences from the moodboard.

Since the goal of this stage is to fine-tune, we'll conduct three review rounds so you can be absolutely certain that the designs meet your expectations.

Adjusting these final designs is my favourite part of the design process because I finally get to fully hone in on your vision.

-Three review rounds

-Payment following design completion

-Development deposit

Develop

Code snippet

Step 7/9

Let's write some code

By this point, I’m itching to begin coding and making your website a reality.

This is the most time consuming step of the process, but it’s also the most enjoyable for me as it reminds me of my time at university reading maths.

I use fast, modern and industry proven web frameworks such as React and Next.js which are relied upon heavily by giants like TikTok, Redbull and Nike.

-Payment following development completion

-Deployment & maintenance deposit

Deploy

Code snippet

Step 8/9

Deployment

We’re now ready to launch your website!

But just before we do, I’ll deploy a test version that I’ll use to show you how to use your website’s features, for example where to access the analytics, or how to add new products.

I’ll also benchmark your website using Google Lighthouse. This is a service that audits your website for performance, accessibility, and SEO.

This will give you peace of mind knowing that your website has goodCore Web Vitals which are metrics used by Google to index search results.

Step 9/9

Maintain

I’ll be sticking around for an extra month once the project is deployed to ensure that everything runs smoothly.

When your business grows and you require more features, or if you just want keep me around for a bit longer, I’m open to set up a monthly arrangement for me to implement changes for you on demand.

...and that's that!

-Payment following deployment & maintenance

Some questions & answers