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

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

Sondh Associates Architecture and Design

I recently created a new website for this established Glasgow based Architect firm.

I used Adobe Muse to create the website. I found it fairly straightforward to use, but slightly lacking in customisation features. I had to export the website from Muse then open it in Dreamweaver and perform several html and css updates to each page before it was ready for uploading.

The software was great for Galleries and this allowed for a quick initial setup but once again lacked some customisation options that would have been very handy.

I now have room to expand the site in the future and create a responsive design.

Visit the website

sondh associates screenshot

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

New Web Design – Autoship Systems UK

Autoship Systems UK

Autoship Systems UK

I have recently launched the new website for Autoship Systems UK.

The design involved creating a website to be responsive, modern but also retain some graphics and other elements of the older ‘.com’ site.

Adobe Comp

I started off with an initial sketch of the layout. I then gave the latest Adobe CC apps a go on my iPad including Adobe Comp. This proved useful in setting out a basic layout.

Dreamweaver

To create the design the website I used the latest Adobe CC software including Dreamweaver, Photoshop and Fireworks CS6 (still very handy).

The site needed an initial visual impact so I opted for a full width image of containers on a cargo ship.

Testing

I tested the design on all devices including Mac, laptop, iPad and Smartphone and tweaked the size and style depending on any layout problems.

My client was kept informed and shown various demo pages throughout the design process. Once they were satisfied with the colour scheme and layout I created pages of content based on their information and documents.