Charlotte Strethill-Smith

Digital Media Design Student

About Page Idea — December 30, 2013

About Page Idea

Image

For my portfolio websites about page I wanted to make it more personal. So I decided to storyboard out an idea for a cartoon image of my face turning and then changing into my interests and programs I use. I wanted the final outcome to be something you hover your mouse over to start the animation. To do this I would need to use javascript to change a still image of the gif to the working gif. At this moment I have just put in the gif image to have a longer time on the still before it starts playing automatically. The final outcome is this.

Image

 

Overall its a very simplistic design but gets the point across. If I wanted to complicate it more I would like to find out how to make it more interactive. This could be achieved by using flash to expand elements of the design to expand out when the mouse hovers. I thought about colouring it but i think the black and white design works with the websites colour scheme.

Online Portfolio initial sketches — December 6, 2013

Online Portfolio initial sketches

ImageImageImage

 

We have been given a project to complete over christmas, which involves making an online portfolio website. Ive started planning in my sketchbook by looking at different colour schemes, fonts and sketching out some ideas. A lot of the ideas I wanted to do are way beyond what i’m capable of at the moment, however I plan to revisit them once I get more confident with coding. These designs included a floating metallic box which you could spin with your mouse to get to different parts of the site, a webpage that looked like a folded out sketchbook and would extend the more you updated and some more simplistic designs which I chose to start off with.

I also started looking at different logo ideas by playing around with the letters in my name. I also began finalising the overall layout as well as how I could make it more personal to me. I began coming up with ideas like the side of my head which would be animated and split into different sections which showed my skills and interests. At this moment i’m considering putting in small animated cartoon versions of myself on the about page.

The process of creating a webpage from scratch is slower than I thought it would be mainly due to this being the first time i’ve coded something serious. But i’m having a lot of fun making it.