Tag Archives: responsive design

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

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

Visit Website
Shree Boutique

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

AA Web Solutions

I am a self-employed web designer and my main website is  AA Web Solutions. The site will be updated within the next few months with a new design and content.

It is a few years old now and needs updating but it was one of the first of the new generation of responsive websites in the UK. Amazingly there are still lots of top ranked and prominent web design websites that are old fashioned non-responsive sites.

This is unforgivable in this day in age with the massive increase in Smartphone and Tablet web browsing.

I will keep updating this blog over the next couple of months with progress reports relating to my new web design for AA Web Solutions.

Life in the UK site

Just launched a new site for practicing the Life in the UK Test. It features a responsive design, ideal for viewing on all devices including mobile and tablet PC. I may do a bit more work on the mobile navigation for the site to make sure the links are finger friendly. For now though, it is looking fine and is accepting customers.

Passing the Life in the UK Test is a requirement for people wanting to gain permanent residency in the UK or become a British citizen.

www.lifeintheukonline.com

Responsive design for Aptitude test site

I have recently completed a new design for AptitudeOnline.com. The site was designed using mobile first principles. The CSS styles are split into 3 parts for differing screen sizes.

Responsive Web Design

I have designed a number of websites using various responsive web design techniques. They all ultimately respond to different screen sizes that users have. Responsive design is also known as fluid or liquid web design.

Here is a site I finished recently for Just Done It Medals. Try to view the website on various devices from Smartphone to PC.

www.justdoneitmedals.co.uk