Website Change!

I’ve decided to change my website as I feel it needs an update to it’s look and usability.

This is what my website looked like before, it had different html pages for each webpage and I’ve found out that it creates a less of a usability for the user. I wanted my website to be a easy to use website and research showed that having a one-page website is a much more safer option as it fits with the ‘one-click’ protocol.

It was pretty basic and I felt i needed to add something else to make it a bit more visually appealing.

The changes that I made were as follows;

  • making the website into a one-page site
  • changing the white background into a textured paper background
  • having 2 navigation bars, one that stays at the top of the page and another for the home page
  • properly centring the website

So now my website looks like this;

I feel much happier having this as my website, there are a few more adjustments I would like to make..but for the moment I am pleased with this.

I overcame a lot of problems that I had, there were quite a few as I am still getting used to web designing and coding. When I first started to update my code, i made a back up copy of my original version just in case i needed to start again.

I was quite scared changing my website because I wasn’t too sure what I could do as my coding skills are quite limited, luckily the internet has all the answers! Changing from separate webpages to a one-page website proved to be a challenge as when I did try to put everything together the alignments and sections were all confused and all over the place. I had to ask for help from a friend and they showed me where i went wrong and i continued to work on my code.

Changing the white background was bit of a struggle as i had to put it into another container, but what i had tried to do was to put it into a wrapper but that didn’t work as it would just stay on the left hand side, even when i changed the margin and padding. I had originally planned to have a different sort of background which look like this;


but the top part would get cut off, so that’s something I’m going to work on, for when I develop further.

The new navigation bar idea came to me as I was making lists of what needs to be done, and i was using post-it notes to do so. And I thought that it would create a paper theme as the background is a paper texture. Also adding colour to my pages makes my pages pop!

Something else I would work on is the way my work is being presented, I feel as though there could be something improved in that i think I’ll try to find a way to make that better.

4 Week Project | Alphabet Photography

We were given another brief which included photography. I personally really love photography as I’ve been interested in cameras for a very long time. So it was quite obvious that I would be very interested in this specific brief.

We were told to have gone around, anywhere and make an a-z for alphabet photography.

We were told to see things in a different light, different perspective! And I think in doing so, you’ll realise a lot of things that may not have occurred to you before.

The examples above are Alphabet photography that I quite liked, especially the  one in the middle, it takes basic things, basic shapes to then been seen as a letter of the alphabet. This sort of photography shows us that if we took more time from our day to look at where we are there are a lot of different things that can be seen.

I also really liked the last one as it reminds me of New York City, in a busy city full of life there’s so much being walked past that you don’t essentially see it unless you stop and look. Though some of those photos are just letters that are on a surface.

4 Week Project | Flash Animation & GarageBand: Result

The outcome for my Flash animation was this;

I started of with working with GarageBand as I felt that animating to the music made much more sense, I wanted some subtle and acoustic as it would fit appropriately to idea I had. I tried a few different types of instruments like the guitar, but it didn’t found very good. Using the piano section of GarageBand was definitely successful as i managed to come up with a 15 second clip of soundtrack.

When I started to animate, I started at the second part of the soundtrack as I had seen the sort of abstract animation I wanted for it. A simple blocks and lines, popping up and randomly changing, the soundtrack was very bouncy and it jumped a lot as well as speed up. I then moved onto the last section of the soundtrack and I felt it was quite dots came into my head and I used the Spray Brush Tool to create random areas of dots. I randomised the thickness of the brush to give it a much more splattered look. the beginning part of the soundtrack was quite difficult to animate as I wanted something to do with blocks moving across the screen. What I had finessed with, I;m not entirely happy because I felt that it could have been better and a lot more synced.

Syncing animation to music was a difficult challenge as you need precise anchors to determine where the animation would go.

Flash as a software to use was fairly okay, but it’s not something that i’d want to use as much because with other animation software there’s a lot you can do and achieve.

4 Week Project | Flash Animation & GarageBand: Research

For the first mini project we were set to do an animation using Adobe Flash, the animation a piece of music that you created on garageband. We were told to use a stage of 22mmx16mm, and that the animation had to be at least 15 seconds. 15 seconds may not sound like a lot but a lot of work goes into animation as there are many different ways you can structure animation.

I’ve previously worked with Flash, and working with it again refreshed my known knowledge about the interface and how to use it. I felt quite confident about the brief, and got to researching Flash animations on the internet. Flash as a software isn’t something that I would use to do a complicated animation as it seems to be a software that not many agree on.

Here’s an example of a flash animation that I also took inspiration from;

It has basic shapes that you can easily move around and control in Flash. A simplistic idea which showcases detail as it syncs up very well with the soundtrack. I liked and chose this animation because I felt that it was well thought out and the repetitiveness of the shapes kept with the theme.


Recently we’ve been looking at animation, and how much it has progressed since 1914, when Gertie the Dinosaur was created by Winsor McCay. You can see the amount of effort that was put into drawing out all those different scenes, it’s amazing to think that something that started of so complicated and intricate has been transformed into softwares that help you to animate the subject.

Since then we’ve got 3D animation that we create from a computer, when animation was first created there were a all hand drawn and different techniques like cel or phenakistoscope were used to see the interactions of the drawings.

As a  task we were told to create a hand drawn animation, what I went for was a simple stop motion animation;

Drawing this was hard enough, keeping the sizes of the bouncing ball and the dog were hard as i didn’t have any tracing paper to make things easier. But making a stop motion of this sorts is quite simple and fun. Stepping up a notch would be to do something like this;



Alpha Centauri : Overall Feedback & Presentation

This project had its ups and downs, but in the end I think we all got through it okay. Our videos came out well as well as the website.

The presentation was made as a group, and we all contributed to the actual presenting..although there was a few interruptions by some group members but those have been overlooked as everyone got to say what they needed to say.

The input from everyone is what pulled the project to a finish.

Change of idea: Alpha Centauri

Unfortunately the Glitchy Geoff idea was scrapped as some members of the group didn’t seem to think that the idea would work as well as their new idea.

The new idea that they came up with was a new planet estate agents. Alpha Centauri is a planet that has everything and more that earth ever had. And as Earth is deteriorating, people of Earth have to decide where they want to go. We decided to do 4 1min 30 videos as in the brief it states they should be 6 minutes altogether. Most of the shots will be locations of Alpha Centauri as a planet and Centaurians promoting people of Earth to move here.

Other planets are available for them but we want them to come to Alpha Centauri..that’s what we want to show in the videos.

All the roles are the same as before, so I’ll be concentrating on the website. The website I feel is going to be a bit challenging for me as I’ve only ever made one which was to my preference and my HTML skills aren’t up to par. But this will also give me some more experience with website designing.

As a group we created a Facebook group to discuss matters, as some weren’t always able to come to meetings. On there we contributed to location spots, video ideas and general discussions.