Welcome to My Web Design Portfolio

Explore What's Behind
The Screen

Explore Case Studies
Aura Skincare services section shown on an Iphone and a Macbook Pro mockup.

Recent Web Design Case Studies

Wines Unearthed

Wines Unearthed create an amazing exhibition space for spirit and wine producers who are looking for buyers. Being the potential link between so many business deals, it is important for wines unearthed to be seen as the professionals they are as well as memorable in the busy venues in which they host these events. Their new website allows them to begin their new adventure into the online space.

wines unearthed website shown on a macbook pro
wines unearthed website shown on an iphone 15

Colour Palette:

#F57922
#728C73
#0F0A0A
#FDFAFA

With the brand colour of orange, and an idea of wanting a more earthy feel for the site build, a deeper green seemed a great choice. It contrasts the orange well without being quite as striking; allowing for easier reading throughout.

Font Type:

Headings (H1>H6): Joseph Sans
Paragraph Text: Roboto
Visit The Live Site
Wines Unearthed

Gawsworth Scouts:

1st Gawsworth Scouts required their first website to try and bring new kids into Beavers, Cubs and Scouts from the local area. As well as to advertise the group, a section advertising the available hall hire is great for being able to bring in some extra revenue for the group. Contact forms make it far easier for people to get in contact with the correct people regarding any query they may have.

Gawsworth Scouts homepage shown on an Iphone 14 Pro.
A laptop mockup of a recent website build

Colour Palette:

#7413DC
#333333
#FAFAFA

This colour palette was all but chosen for me. Scouting already has their primary colours which I followed for each section. This was important as people can recognise the colour scheme without knowing exactly what the website is about.

Font Type:
Headings (H1>H6): Lato
Paragraph Text: Roboto
Visit The Live Site
Gawsworth Scouts

Journey Kind

Journey Kind is a charity which looks to allow people of all ages to take on a meaningful new challenge by travelling with a purpose. Focusing big on imagery, we looked to portray the message from Journey Kind visually. Images are often more eye-catching and get the attention of the reader quicker. In a world of constant scrolling, it is crucial to grab the reader’s attention. And, as a guide, a website has less than 15 seconds to do so.

Journey Kind hero section shown on a Imac Screen.
The front and back of a generic phone which is showing Journey Kinds resposive hero section.

Colour Palette:

#EF3E36
#101160
#FDFAFA

A simple, yet bold colour palette shows professionalism in how Journey Kind operates. But allows them to show their modern way of conducting charity work.

Font Type:

Headings (H1>H6): Merriweather
Paragraph Text: Nunito
Logo Design:

At DCDesignz, we offer a comprehensive logo design service that goes beyond a single logo. Our package includes four distinct versions: light, dark, circular, and favicon. Each designed to tailor to a specific use case. Whether we are on a dark browser or a social media account, our logos will work seamlessly to maintain a constant and a unique visual identity across all platforms.

Main logo design for Journey Kind.
Main Display Logo

This Logo will be used as the default for the website and brand building opportunities.

Dark mode logo design for Journey Kind.
Dark Mode Logo

If a browser is being used in dark mode, or if there is a certain page on the website which requires a dark mode logo.

Circular logo design for Journey Kind.
Social Media Logo

Optimizing a logo to fit well into a circular frame, like many social media profiles, is great for showing the attention to detail and the care taken within the business.

Favicon logo design for Journey Kind.
Favicon Logo

A favicon needs to be super simple as it appears on search tabs to maintain a visual identity even when not on the specific page.

Keystone Construction:

Keystone Construction wanted a modern site which would be able to advertise their services and also hold a portfolio section; within which they could update with new, completed projects. This site is designed to look professional and to be easy to navigate. Potential clients will often be in a rush to find the correct content, but when they do find it, it needs to be informative and evidence based.

Keystone Construction services section shown on an Iphone and a Macbook Pro mockup.
A wooden hand holding an iphone 14 which is showing the services section of Keystone Construction.

Colour Palette:

#E35A20
#33312D
#1A1916
#F6F6F6

The bright orange was the starting point for this palette. With its ability to grabs someone's attention, it works well for safety jackets on site and also to capture the reader's attention. The bold colour palette will help to create a memorable impression.

Font Type:

Headings (H1>H6): Bitter
Paragraph Text: Open Sans
Logo Design:
Main logo design for Keystone construction.
Main Company Logo

This Logo will be used as the default for the website and brand building opportunities.

Dark mode logo design for Keystone construction.
Dark Mode Logo

If a browser is being used in dark mode, or if there is a certain page on the website which requires a dark mode logo.

Main logo design for Keystone construction.
Social Media Logo

Optimizing a logo to fit well into a circular frame, like many social media profiles, is great for showing the attention to detail and the care taken within the business.

Favicon logo design for Keystone construction.
Favicon Logo

A favicon needs to be super simple as it appears on search tabs to maintain a visual identity even when not on the specific page.

Aura SkinCare:

Aura SkinCare are an organic skin care brand who focus on sustainability within their products, as well as their message to customers. A clean and modern layout worked well. We wanted the product images to be the main focus without the layout and design detracting from it. We were able to split the layout up into product placement and small education pieces to create an engaging site.

Aura Skincare hero section show on an Macbook pro 16".
Aura Skincare product section shown on an Iphone 14 pro.

Colour Palette:

#1A535C
#F9F9F9
#F7E1D7
#EB6424

A neutral base with a deep green gave a natural feel for this kind of business. The green and orange were enough to tie Aura back to nature without being overpowering or distracting.

Font Type:

Headings (H1>H6): Playfair Display
Paragraph Text: Open Sans
Logo Design:
Main logo design for Aura Skincare.
Main Company Logo

This Logo will be used as the default for the website and brand building opportunities.

Dark mode logo design for Aura Skincare.
Dark Mode Logo

If a browser is being used in dark mode, or if there is a certain page on the website which requires a dark mode logo.

Circular logo design for Aura Skincare.
Social Media Logo

Optimizing a logo to fit well into a circular frame, like many social media profiles, is great for showing the attention to detail and the care taken within the business.

Favicon logo for Aura Skincare.
Favicon Logo

A favicon needs to be super simple as it appears on search tabs to maintain a visual identity even when not on the specific page.