Background: Body and Container

I decided that I wanted to have paper and card textured backgrounds to the pages as I thought it would give it more of a sketchbook feel. More

Advertisements

Responsive Elements: Rollover Images

For the home page I realised that the paint palette was not suitable on smaller screens as you wouldn’t be able to see the information on the artists. Therefore I decided to use three different images, which I think work well on each screen size. I tried to make sure that each image would be clear to read on each different sizes.

More

Quiz Page: Interactive Quiz

Resources

I found it difficult to find the exact script which I wanted to use. But I did find this and I thought that it worked simply and effectively for what I needed:

More

Sketchpad Page: Interactive Canvas

HTML 5 Canvas Tag

For my second page I wanted to incorporate this sketchpad as I thought it would tie in effectively with both the hand drawn theme and child friendly interactive qualities I wanted to produce in the website.

More

Home Page: Interactive Elements

Paint Palette

For my first page I have designed this paint palette image to use as a background for the rollover images:

More

Initial Stages: Header and Navigation

Header Designs

I have created header designs for each page. I decided to make the images in Adobe Illustrator, in which I wanted to create this sketch/hand drawn feel. More

Content Ideas

Planning

In beginning this project I thought it would be a good idea to have a clear idea about what I wanted to achieve on the website. I decided to construct a plan, in which I have done some rough sketches to show what content I want to include on each page:

More

Previous Older Entries