Z Controls Logo & Web Design

Z Controls are specialists in electrical design & automation systems. I created the logo design for Z Controls a few months before they asked for a website. Of course they were happy with the logo design! So they were confident I could produce the goods for the web design too. And they were indeed extremely pleased with the results.

VISIT : ZCONTROLS.CO.UK ❏

 

The Logo Design

They came to me with quite a specific design brief, showing me precisely what they had in mind. I simply had to create the design using design software, tidying it up, and producing digital files that they could use for any purpose.

The Z icon is made up of a specific graph, where the lines were important to get the exact contours. We used this graph idea to convey the technical aspects of their industry. We supplied the logo in a number of formats for digital or printing use.

 

Animated Logo / Icon

To add a little motion to the website, they asked me to create some kind of animation using the logo. I first tried to animate the graph being rendered in real time, but I then settled on a very simple shimmer effect, just to draw the eye and give the website an extra element. It was created as an animated Gif, to ensure the file size was as small as possible, and it was compatible with any browser.

Z-Controls-Animated

 

The Web Design

At the time of launch, the information they had for the website wasn’t plentiful, but well written. So I decided to create a simple two page web design, using al of the available information on the home page, but visually splitting it up so it is easily digestible.

Of course, as they grow and continue to generate information, the website is set up to allow new pages whenever needed. But I believe that having all of the important information on the home page can be a great advantage for SEO.

 

Custom Icon Design

Using relevant icons can help to split up information on a website, instantly giving the visitor a visual prompt about what the information is about. I have created many icons for various websites in the past, so I have a suite of icons to choose from, but this required a few new ones! It can be an art in itself to create an illustration that is as simple as possible, yet clearly recognised.

 

Search Engine Optimisation / SEO

As I just alluded to, having most of the information on the home page can be an advantage for SEO, however I advised that they elaborate on each service they offer to perhaps create a detailed page for each service, which will clearly improve SEO. But we ensured that the SEO basics are covered.

 

Future support

And with most of my web design projects I keep an eye on their search engine rankings for a number of weeks, making sure there are no major issues. I also provide ongoing website maintenance for all of my customers, ensuring the websites are secure and regularly updated, if needed.

 

Recent Design Projects…

Tattoo Removal Clinic Web Design

Tattoo Removal Clinic Web Design

As one of my jobs as a Freelance Designer, I build new websites for customers that invest in high-end aesthetics devices as part of their marketing support. The Naked...
Read More
Amara Clinic Logo & Web Design

Amara Clinic Logo & Web Design

I designed the logo and website for Amara Clinic around six years ago, but in 2025 I realised that the WordPress theme was not compatible with the latest version...
Read More
XL E-Commerce Web Design

XL E-Commerce Web Design

After creating the main XL Aesthetics website & branding, they required an additional E-Commerce web design to promote their lower cost machines. The website was built in order to...
Read More
LipoLas Web Design

LipoLas Web Design

LipoLas is a new product for laser fat reduction and body contouring. They asked me to design a clean, professional website to launch the product to the UK market....
Read More
Cat Stencil Vector Illustrations

Cat Stencil Vector Illustrations

A series of cat illustrations designed for small tattoo stencils. Created for glitter tattoos, they needed to be extremely chunky and simplistic to be easily visible in small format....
Read More
SK Aesthetics Logo & Web Design

SK Aesthetics Logo & Web Design

Simple logo design project for SK Aesthetics, using a single colour vector shape to maximise the readability and marketing applications. Shown here in the design process, supplying a range...
Read More