Hi, I'm Sunnie - web designer / developer from Bournemouth / Poole.
I offer services in web and graphic design, creating websites, optimization and photography.

  • About
  • Portfolio
  • Photography
  • Contacts

Facebook

info@sunnieweb.com

RSS

The Note Catcher mobile Recording Studio website - inspiration and solutions

Posted: 17.02.2010 at 9:44 pm
Category: Blog
Tags: Inspiration Web development

catcher-preview.jpg

Task: to create good-looking user-friendly website for recording studio on South West, UK

Website Live: http://thenotecatcher.com

1 Project started from taking pictures of the studio. It was like a blank leaf to paint on - all the work in design and development was done by me and I just enjoyed process of looking for ideas, inspiration and creating this product.

2 Taken pictures of the studio’s equipment gave a good start for designing the header of the website - it just reproduces the atmosphere inside the truck.
3 For menu’s background layers of rendered clouds are used and put above each other with different blend mode. The same approach was used for background on records blocks.
4 I was looking for inspiration in the things inside the studio and the main background of the website was inspired by tiles used for sound protection.
5 Main page of the website has to catch users’ attention and make them look through the other pages. Instead of putting the big list of equipment like on websites of many other studios and what actually doesn’t say a lot to people who are not sound engineers, short sentences about what the note catcher mobile studio is and samples of some records are put on the top of the main page.

6 Wordpress customised backend gives all what is needed to update this website - ability to upload music files and put data about performer, name of the track and music style, upload and create previews of pictures on the gallery page, update text information, guestbook page for users to leave their comments or questions to sound engineer / owner of the mobile studio.

Website is SEO optimised at once - all the images and folders have correct names.

Structure of the website is planned the way that it takes minimum mouse-clicks to get all important information.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>