Category Archives: Web Design

JWD Roofing web design

JWD Roofing Screenshot

JWD Roofing are a young vibrant Scottish roofing company committed to providing the best quality of building and roofing work to all our customers. JWD has over 20 years experience specialising in all types of roofing, roughcasting and restoration work.

The design

I designed the website based on their logo colour scheme. They also required a responsive design to look good and functional on Smartphones.

They had a selection of their own photographs from work carried out on roofs, sandstone restoration, roughcasting and various building work. I created a slideshow for the gallery page to showcase the best of the work.

Technology Used

Adobe Comp
Adobe Photoshop
Adobe Dreamweaver

Click here to visit the website

JSM Logistics – Responsive website

Screenshot of JSM Logistics website

JSM Logistics provide quality freight forwarding services at competitive rates across the UK. Glasgow based JSM have a wealth of experience to make handling your road haulage and distribution issues a smooth process.

I created a demo for the look and design of the website using the handy tool from Adobe called Comp which I have installed on my iPad.

Once the design was approved I switched to Adobe Dreamweaver to create an HTML5 and CSS3 website which is quick loading and responsive.

Accessibility

To help with accessibility I added appropriate ‘Alt text’ to all the images. I also made sure that colours and writing were clear to view and the design was easy to navigate.

Technology Used

Adobe Dreamweaver
Adobe Fireworks
Adobe Photoshop
Adobe Comp

Visit website by clicking here.

JOM Charity WordPress Design

JOM Charity

Josephine Oboh-MacLeod (JOM) Charity

Main aims of organisation – Progression of society and community development by connecting the world using Art, Craft, Design, Heritage/history.

This website required large landscape photographs to fill the main slideshow. To go with the JOM Charity logo I added in purple and red to the website navigation to keep with the colourful theme.

My client has full control of all content on the website and has filled the pages with their own copy and images.

Visit Website

Technology and Skills Used

WordPress, Adobe Photoshop – CSS3 and photo editing

M1 Fitness Glasgow – website design

m1 fitness website screenshot

M1 Fitness offer one to one personal training alongside boxing fitness classes based in Glasgow.

The WordPress based website was developed by customising a blank template with CSS3 and appropriate plugins.

My client required a website where they could update certain areas of content and WordPress usually fits the bill.

The site is responsive and also contains a silent video on the front page which shows different workouts. Black and white photographs and video were selected and edited in Photoshop.

Website

https://m1fitness.co.uk

Technology Used

Adobe Photoshop
CSS3
Customised WordPress Plugins

Web Design for SIGRA Construction Services

SIGRA construction screenshot

SIGRA Construction Services is a joinery business in central Scotland who work collaboratively with clients to deliver an outstanding service on budget, to quality and on programme.

Requirements

My client required a new website design which better reflected the company brand and also featured responsive design and the ability to update their own content.

WordPress

I chose WordPress for their CMS, allowing them to update their page content and also to enable  background plugins. I installed a basic template then customised most of it using CSS.

Website

Visit SIGRA Construction Website.

Technology Used

WordPress
Adobe Photoshop
Adobe WordPress

 

Harley Aesthetics – website design

harley aesthetics screenshot

Harley Aesthetics based in Kilmarnock specialise in non-surgical treatments to beat the ageing process. Offered across Ayrshire and South West Scotland.

The website was designed using Adobe Dreamweaver, Fireworks and Photoshop. As always with my web designs the site is fully responsive for Phone, Tablet and PC screens.

I also sourced some colourful and appropriate stock photographs to complete the professional look my client requested.

Website

http://www.angelakelso.com

Technology Used

Adobe Comp
Adobe Dreamweaver
Adobe Fireworks
Adobe Photoshop

 

Autism Support website design

A.R.I.A. ignite C.I.C. logo

At ARIA ignite C.I.C. they aim to provide needs led support for parents/careers of children with Autistic Spectrum Disorder. They are based on Glasgow, Scotland.

The website was developed and designed using WordPress with a customised template with full mobile / tablet / desktop responsive compatibility.

They also requested a new logo design for the organisation featuring a blue surf style.

Website

http://ariaignite.co.uk

Technology Used

Adobe Comp ( initial design)
Adobe Photoshop
WordPress template customisation
Firefox Developer mode

Home Appliance Repairs Website Design

home appliance repairs logo

Home Appliance Repairs is a Washing Machine, Electric Oven, Washer Dryer, Dishwasher and Tumble Dryer repair business based in West Lothian.

This is a Smartphone friendly site with a prominent Telephone number for clients to get in touch.

I took the colour palette from the logo to keep a consistent theme, which was the preferred option of my client.

The site was tested out on Smartphone, Tablet and Desktop devices for full responsiveness of design.

Visit website

home appliance website

Home Appliance Repairs

Technology Used

Adobe Dreamweaver
Photoshop

Fireworks

Ivory and Brass Music Lessons Website

Nicola Hopkinson of Ivory & Brass provides private music tuition in piano and brass instruments.

Nicola needed a new website and hosting package. A modern responsive website was the best option to promote her music lessons online.

After feedback from my client I came up with a suitable colour scheme for her website. Next we also looked at appropriate photographs for the site.

french horn

A full width piano photograph was chosen as the main image on the front page. My client then took some photographs of her room where she teaches and these were added into the site. Finally we added some appropriate stock images.

The final stage was to make the site completely fluid and responsive for all Smartphones, Tablets, Laptops and Desktop computers.

Once my client was happy with the website I transferred the domain to my hosting and uploaded the website to it’s new home.

Visit website

Ivory and Brass Music Tuition

Technology Used

Adobe Dreamweaver
Adobe Fireworks
Adobe Photoshop

Agnew Chimney Engineering

Agnew Chimney Engineering are based in Knightswood, Glasgow. They specialise in stove installation and chimney maintenance.

They required a responsive Smartphone friendly website to promote their business and skills.

I created a responsive design using HTML5, CSS3 and Bootstrap elements.

The look and colour scheme of the website was based on their logo, their van artwork and their type of industry.

I used a CSS3 blend for the background and top bar colours.

The section of photographs also played a crucial part in the design and feel of the website. They take all their own photographs of wood and multi fuel stove installations. This is fairly unique as most businesses rely on stock photos.

Agnew Chimney Engineering Logo

Agnew Chimney Engineering Logo

Screenshot

Agnew Chimney Engineering website screenshot

Agnew Chimney Engineering

Visit Website

Agnew Chimney Engineering

Technology Used in Web Design

Adobe Dreamweaver

Adobe Fireworks

Adobe Photoshop