Still As Life

Powerhouse Music and Technology is a music store that sell musical and computer gear. They specialise in guitar parts, especially pickups, knobs, scratch plates, effects peddles and other guitar modifications.

I have been working on their site since the beginning, including the transition to a Zen-Cart based website.

Zen-Cart provides a vast amount of functionality and automation of things, thus it can almost be used entirely in the place of MYOB Retail Manager style inventory and sales management, it prints invoices, keeps the website up to date with current stock and so on.

Everything is customisable.

It does have a few downfalls, for example, only one image can be used for each product, unless you know how to use FTP and know HTML image tags. If this is the case, than you can put more images in the product description since it allows HTML to be entered in it.

It also does not have built in warranty claim management or return authorization management, so this must all be done manually by email, phone, or any other means.

Powerhouse Music and Technology has recently undergone a makeover. I did not design the original Zen-Cart website for them as they found a template much to their liking. I did do all of the custom graphics and so on, as well as all of the custom code.

Over the past week or so, we have been going through the website and making various changes to the template. For anyone that had not seen it previously, it had a dark grey/blue background and used varying shades of dark blue throughout the website. It was a fixed width and had a plain black background behind the main content area. Boring.

If you have a look at it now, you will notice a few key changes that we have been working on. The first and foremost is that the website has been lightened significantly without changing the colour scheme. It is now a much lighter grey/blue with darker rows alternating lighter product rows so they are easier to read.

The second main change to the website is that the background is no longer a boring plain black that does nothing but emphasise the empty background. It is now a tiled pattern based off the material covering of an early Vox Guitar Amplifier. The pattern does not scroll with the rest of the website so it remains the same no matter where you are or what your screen resolution is. The decision to do this was made because having the website automatically adjust to fit different resolutions, while being based on the current template would take a lot of time and work and would rewriting the majority of the CSS. Thus, something else was needed to emphasise the content.

The background does this perfectly. The colour scheme does not clash with the current colours and even the black material on it's own without the stitching provides a better background than the plain black because it contains various shades. The background as a whole however now emphasises the content and makes the website more interesting, especially on higher resolution screens.

There have been other changes made as well, though not so significant, with the switch from dark to light, the text colour has all had to be changed and in doing so, the link hover colour has been changed to a green rather than a blue, to fit in with the green used in the logo.

The menu has also been adjusted to remove gaps in it that left it seeming empty, which it is far from being.

Finally, there have been a few fixes to widths that had not previously been noticable with the darker background that became apparent with the light background.

The past couple of days we have been gradually working through the site and picking up the colour glitches here and there that have been caused by the change and were missed for whatever reason in the main styles. So if you have a look and notice anything that doesn't quite seem right, such as unreadable text, it would be great if you could let me know.

Thanks.

Labels: code, design, work