How I rebuild website for The Wolf Practice

The Wolf Practice is a supply chain practice that helps businesses struggling with operations and system inefficiencies save money.

They had a website hosted on WordPress which looked like this:

Its founder, Mirko Senatore, and I connected over LinkedIn to have the website rebuilt with a clean, modern look and a targetted messaging that communicates the value of the practice well.

So, I used my Web Building Blueprint method to craft their website step-by-step:

1. Onboarding call

Mirko and I connected over a call to understand the value that the company brings to its clients.

We exchanged thoughts on the service, its differentiated value, the benefits, why clients don't take action, what holds people from reaching out and other elements to uncover the positioning.

2. Crafting the messaging

After having a good idea about Mirko's vision and the company's services, I crafted messaging to communicate the aspects that clients look out for in an ideal supply chain consultancy practice.

The insights from the onboarding call guided the messaging to reflect the core benefits that The Wolf Practice brings to its clients and how it helps them to move from their current inefficient systems to a streamlined process.

3. Designing visual assets

To make the messaging effective, it's important to help the readers visualise the text.

Most people don't read all the text, rather they skim through the page to get an overview. This makes it important to hold the visitor's attention and communicate the highest amount of information in the least amount of time. And visuals that help readers visualise the text, do exactly that.

So, I curated visuals that communicate every section of text:

4. Building brand colour palette

The Wolf Practice values human communication and a sustainable approach.

They have an element of nature in their branding and they stand for sustainability and durability. That is why they have a warm earthy brand colour palette:

To design all the aesthetics of the website with the core brand colours, I created a full brand colour palette using my 5-step process:

And by using the colour palette, I updated the visuals to have a consistent on-brand look:

5. Selecting Fonts

Because the target audience for Wolf Practice is B2B businesses, we needed a font that conveys professionalism, sophistication and reliability while being modern.

So I selected Host Grotesk, a sans-serif font, because it fits the requirements very well:

6. Final Launch

With everything in place, I launched their brand new website:

This is how I transformed their article collection page:

And this is how I designed their article pages:

I also ensured that even the footer becomes an asset by conveying the value proposition:

And to ensure a robust setup for SEO, I audited the final website with the Lighthouse tool in which the site scored 398 / 400:

And that's how I rebuilt The Wolf Practice's website. It was fun to interact with Mirko and I enjoyed building website for his practice.

If you enjoyed reading this case study and need help setting up a website like this for your business, feel free to send me a message through the button in the top right corner or over LinkedIn.