Fabrizio Van Marciano

available for hire

2023 website redesign: A brand new look and what’s to come in the future


Welcome to the brand new look for Fabrizio Van Marciano Dot Com for 2023 and beyond! In this post, I’m excited to share with you the new design and also what’s to come in the future. Let’s dive right into it.

First of all, thank you so much for being patient with me throughout the last few weeks as we rolled out the new look for the site.

This has been an ongoing project behind the scenes, and so it was great to finally begin unveiling everything slowly over the past couple of weeks or so.

I’m sure you’ve taken the time already to take a look around the new site and layout. We’ve completely overhauled almost all of the pages, and we’re just in the process of finalizing the new logo for the site which will be ready in the next few weeks.

OK, so in the meantime, let me explain why I decided to refresh the design and then I’ll go through the tools that I’m using, followed by my plans for the future and what’s to come. Let’s get started.

Fabrizio Van Marciano new website

Why the new look?

The website has gone through several design reiterations over the past 9 years, and the last major reiteration was back in 2019.

Aww, 2019. Wow, when things were quite normal in the world…

Anyhow, over time, there was always something that needed improving and I found myself continually chopping and changing sections as we began to create new pages, add new content, posts, etc. And eventually, slowly the site began to appear inconsistent.

I finally sat down in late 2022 with Samantha to begin formulating a new mock design in Affinity Designer for the site. I have some raw video screen recordings which I will edit later to share with you some of the things that went on behind the scenes. But more news on this later in this post.

In essence, the FVM site looked a little dated in many places, especially the front page, the header, and the footer sections which most of the time was spent redesigning.

The blog archives layout also looked dated, so yes, we needed a good old-fashioned refresh!

What websites inspired the new look?

So, during our research, we got a lot of inspiration from several sites. Two of the sites that we drew most of the inspiration from were geary.co and andyhooke.co.uk. I have to call out both of these amazing sites and creators because their designs astounded us and so enabled me particularly to draw the basic lines for the new design.

I love getting inspiration from other websites in my design projects, sometimes I see something that I want to try out and sometimes I like to pick parts that I think would fit nicely with what I’m trying to achieve.

What tools did I use for the redesign?

For the mock design, I used Affinity Designer mostly. To be honest, Affinity has been my go-to tool for the past six years or so. I tried Figma for a time, but for some reason, I just can’t get to grips with it properly. I need to dedicate some more time to it properly.

I like to create my custom design assets from scratch, such as icons, logos, and background images. I know this takes a bit of time, and each to its own, but that’s one of the reasons I love using AD as a mock design tool.

After the mock, I started to create a first draft site on my local computer using WPLocal, of course.

As you may know, I consider myself an advocate and user of many website builder tools for WordPress. I’ve completely fallen in love with Bricks Builder, so naturally, Bricks was the tool/theme of choice, along with WPCodeBox where most if not all of the styling was added. I used the Bricks styling opinions very sparingly for the redesign, unlike in the past, all of the styles were done in Bricks.

We are also using PiotnetForms for all of the customs forms, including contact, consultation booking, and project support forms with payment options.

Finally, we’re also using the BricksForge plugin which I’m still experimenting with, but there are a few notable features in BricksForge that I like using, such as smooth scrolling, global classes, and animations.

During the design phase, I found some valuable resources online that you may find useful too, so I’ve listed them all here.

What’s coming in the future?

OK so now for the important bit of information, and one of the main reasons for the redesign of FVM. One of the decisions I made earlier this year was to close down a few of my other websites and blog projects to focus primarily on FVM.

It was a hard decision to make, but my resources were being spread very thin across multiple businesses and platforms, which was taking me away from creating new content for FVM and my other marketing channels.

Presently, the blog on FVM has just over 100 posts. So, shortly we will be starting the process of updating every one of these blog posts. This will take some time, however, but it’s something that needs to be done.

Also at the moment, FVM has a membership section which we’re looking to expand on very heavily over the next few years. This means, focusing on creating more in-depth premium quality tutorials. I have a long list of requested topics to get through before the end of 2023 too.

Still, on the topic of Membership, we’ve now introduced a Monthly Plan alongside our yearly and lifetime plans. The monthly plan will cost just 19€ per month and this will give members access to all the premium tutorials and existing FVM courses.

Note: If you are signing up for the membership, we recommend using the card payment option. If you are using PayPal, just be aware that we’ll need to do some additional manual new membership signup approval and configuration on the backend, but the choice is entirely yours.

Finally, as you may know, FVM also has a course section. The course site will also be completely reworked to match the design of FVM. This will be something that happens behind the scenes and after the launch of the Bricks Builder + WooCommerce Course later this month, all being well.

The YouTube channel

My YouTube channel has been quiet for the past few months, but all this is about to change. Currently, there are a lot of outdated tutorial videos there for Bricks and Oxygen Builder. So, starting this week, I’ll be updating every one of those videos, one at a time, as well as creating new ones.

In addition, I’m launching two new categories here on the site and videos as well, they are as follows –

Web design for noobs!

This category will focus on providing short web design tutorials, tips, and tricks, and cover largely the basics for anyone new to the world of WordPress and web design.

Graphic design VlogCast!

The graphic design VlogCast will be a new series of mini videos on my YouTube channel where I will share with you my process and methods, including tips and techniques for using vector tools such as Affinity Designer to create featured images, logos, icons, custom web graphics, branding kits, mock website design sections, and more.

So, that’s everything for now. As you can see there are lots of awesome things to come. But, talk is cheap, and there’s a lot of work to be done. Monday 10th April will be the day that the new content begins to see the light of day, starting with the following –

  1. YouTube Tutorial: FVM Responsive Footer Design using Oxygen Builder
  2. YouTube Tutorial: Button Styling And Hover Effects using CSS in Bricks Builder
  3. FVM Membership: Adding Animations to Icons in Bricks Builder (Design inspiration tutorial)

Don’t forget that we’re still scheduled to launch the Bricks Builder + WooCommerce Course on the 21st of April, all being well.

Thanks for your continued support so far, and I’ll see you in a video on my YouTube channel very soon.

Don’t forget to follow me on Facebook for all the latest and greatest.

Get access to my courses and expert tutorials!

Everything you need to design your website with WordPress, Oxygen, Bricks Builder, Bricks Builder, plus over 100 video tutorials, code snippets, templates, Discord Community, and more.

Join Van Marciano Pro

FREE WEB DESIGN LESSON

SIGNUP FOR MY FREE 40-MINUTE OXYGEN BUILDER COURSE TASTER