Tag Archives: responsive design

CFOAS

The Conservative Friends of Africa / Scotland required a website for their new organisation. The site is designed using a WordPress theme which I customised by changing colours and layout.

WordPress allows clients to update Posts and Pages themselves, giving freedom to expand their own content. There is also an Instagram feed plugin giving recent posts from that social media platform.

Accessibility

The site was designed to pass most WCAG 2.1 AA standards. I especially paid attention to the colour and boldness of any text on colour backgrounds(blue or red), making sure it was highly visible to people with low vision or colour blindness.

Please visit the CFOAS website (external link).

Full length screenshot of CFOAS website with blue and red coloured theme and main picture of a closeup of a tree and leaves. Instagram feed with 8 recent post previews also shown on the page.

Glasgow plumbing and heating

Full screen view of T Cosgrove plumbing and heating website. Logo and navigation at the top with a prominent main image of fingers adjusting settings of a boiler.

A new website was created for T Cosgrove Plumbing and Heating based in Clarkston Glagow.

They offer a varied and comprehensive service and installation of all gas appliances and a plumbing service to cover most plumbing emergencies.

The website has a smartphone friendly design which is modern and accessible. My initial design had the headings with too light a colour which failed at WCAG 2.1 AA level, but this was fixed by darkening the font and now passes the WCAG 2.1 AA criteria.

Please visit Tony’s website(external website) if you are in the Greater Glasgow area and require any plumbing or heating services.

Stellify Developments Ltd

A new website was recently launched for Stellify Developments Ltd. The website uses WordPress, allowing my client to update their own website when needed.

Stellify Developments Ltd are a Scottish family based Civil Engineering and Building works company based in Glasgow.

The site is designed in a way to be accessible for people with visual and cognitive disabilties.

Please visit Stellify’s website (external site)

Harley Aesthetics – website design

harley aesthetics screenshot

Harley Aesthetics was based in Kilmarnock and specialised 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.

Technology Used

Adobe Comp
Adobe Dreamweaver
Adobe Fireworks
Adobe Photoshop

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 website

Technology Used

Adobe Dreamweaver
Adobe Fireworks
Adobe Photoshop

Shree Boutique Web Design

Shree Boutique Hair and Beauty Salon are based in Bearsden near Glasgow.

A responsive design was one of their main requirements to enable smartphone browsing clients to view their services easily.

New Logo

shree boutique logo

Adobe Illustrator enabled me to create a new logo for the business based on ideas they had suggested. Choosing the font was crucial and my client had a certain look in mind. I also had to use the pen tool to create the Shree icon.

The site was created using Dreamweaver utilising Bootstrap for efficient responsiveness. CSS3 was used extensively in creating the look and feel of the website.

Shree Boutique Hair and Beauty Salon Screenshot

Technology Used

Adobe Dreamweaver
Adobe Illustrator
Adobe Fireworks
Adobe Photoshop

Clyde Homes

I was asked to develop and design a new website for Clyde Homes who design and build Modular buildings and wooden timber homes.

My client required a modern design to reflect their new Glasgow based business.

They also required access to edit content and with this in mind I chose a WordPress CMS based website. More and more clients wishing a new web design also want the option of updating the content via CMS. WordPress is by far the most popular option.

I customised the colour, design and responsiveness of the website using CSS and a flexible template.

I also edited their logo to stand out better on a dark background.

clyde modular screenshot

Visit website 

Technology Used

WordPress
Fireworks
Photoshop

Features

Customised CSS3
Wide screen Slider

The Scottish Rhododendron Society Web Design

The Scottish Rhododendron Society

The Scottish Rhododendron Society required a website to showcase there photographs and highlight the society membership benefits.

Their old website had confusing navigation which made it difficult to access pages in an easy way.

I wanted to feature a large slider on the front page to immediately showcase the Rhododendron  flowers.

This is another Wordpress based website which allows the members of the society to log into the website and post their own images and start discussions.

The Scottish Rhododendron Society

Technology Used

WordPress
Adobe Fireworks
Adobe Photoshop

Responsive web design – Drain Unblocking

asset environmental web design screenshot

Asset Environmental are an established family business specialising in drainage issues including unblocking drains, sinks, toilets

I used Dreamweaver to create the website and added in a Bootstrap menu for full responsive and device compliance. I also used Fireworks to come up with some colour blends. I then extracted the CSS from the Fireworks blend and added the code to the CSS file in Dreamweaver.

Web Design Technology used

Adobe Dreamweaver
Adobe Photoshop
Adobe Comp
Adobe Fireworks

Visit website

Nova Blinds Milngavie

Nova Blinds Web Design

Nova Blinds

Nova Blinds are an established family business. They required a new responsive/fluid website for their Milngavie based Blinds business.

A Bootstrap menu was integrated into the Top navigation bar, giving the website a responsive touch-screen friendly functionality.

A Google map was embedded into their contact page.

The website was created using Adobe Comp, Dreamweaver, Photoshop and Fireworks.

Nova Window Blinds