My Multimedia Work: interactive space

Showing posts with label interactive space. Show all posts

21 Mar 2011

Interactive Space 500 word Evaluation

For the interactive space assignment I had to create a online portfolio which consists of at least 5 pages. At first I created a very simple theme and feel but after feedback from Shaun and other people on the course I decided to focus most of my time in making it look interesting & giving it a personal feel. I researched various online portfolio's until I started to get a feel into how I wanted mine to look and be structured, I kept my website to one font Arial, And 3 colours black, pinky red & blue. I went for a traditional way of presenting information because that's what I believe is the most easiest to follow with the logo in the top left hand corner followed by the navigation bar, Then an image gallery what should hopefully draw the viewer's into my site, Then with the content below followed by a footer.

The pages my portfolio consists of are;

Home Page

I structed the content, so that people would read the tag-line that's in a big font, then go onto reading a brief introduction to my page and myself. I also added feeds from my blogger so the viewer gets the chance to see what im upto / working on and I added a section of my latest work.

About Me

The about me page is very simple in its design I wanted to give it a facebook kind of style with a section on the right with a picture of me and basic information, Then with the content flowing down the right.

Portfolio

my portfolio took a little bit more planning and gave me a chance to be a bit creative because I separated each area of design In which I offer, I gave each area an icon so that the viewer doesn't have to read the heading to find out what their looking at the icon tells them. I used J query to make each of the images pop out instead of going onto another page, what makes it look a lot more proffesional.

Contact Me

With my contact page I kept this simple with a little message from me and a section of other ways to contact me. this page helped me learn a lot more about form's and coding using PHP.

Freebee's

this page is also very simple I've set it out almost as if it was running through a blog, because I do want eventually want it to be in a blog running alongside my portfolio but I didn't have the time to learn how to do it, but it is something I am going to pursue over the holidays. I create a freebee's section because like blogging it is a great way to get gain traffic to my site.

I didn't struggle much with this assignment because it is something I have experience in and love doing, the only things what ticked my brain was the information in my footer didn't show correctly on all browsers but after researching a little on margins & padding's I quickly fixed the problems in my coding, I also had a few problems with CSS3 and borders but it was quickly fixed after a little more research.

If I could change my portfolio I would defiantly change the tag-line & its font because its suppose to be eye catching and because it's the same font and the information so it doesn't work.

You can view my online portfolio live http://leighhattersley.comxa.com

3 Mar 2011

Interactive media Week3

Something i have just learnt and found to be a right pain is that i coded up my website using google chrome to test it. and now that ive finished coding after checking it on other browsers ive found that it doesnt display properly but after doing a quick search on google ive found a post stating to do all my lay out with CSS (don't statically set any layout properties in your web forms) and then create different style sheets for each browser type. Then it's a matter of tweaking the css file for each browser through trial and error. BYTES (2008). How can i make my website look the same in all browsers. [Online]. March, 3. Available from - http://bytes.com/topic/net/answers/780677-how-can-i-make-my-website-look-same-all-browsers. [Accessed: 03/03/2011].

Google Chrome

FireFox

Internet Explorer

25 Feb 2011

Interactive media Week2

These are the wire-frames i designed for the structure of my website. I have layed my website site in this traditional layout because i believe that it is the easiest way for users to follow,With the logo to the right what is then followed by the sites navigation,The navigation im keeping simple with a drop down menu "no fancy designed buttons that have to load up" I am also having an image gallery on my site showing some of my best work so the viewer gets a test of what i do straight away hopefully then bringing them into my site.

20 Oct 2010

Interactive Space Assignment

A 300 hundred word rationale outlining my project

For this assignment I got the idea after I woken up from a hard night of partying and not being able to find my car keys so I thought why not make this into an interactive game for my project. The audience this is intended for is everyone really whether you drive or not because everybody loosing something and forget were they’ve put them?. My interactive space doesn’t have any characters in it you play as yourself checking various areas to try and find your car keys.

I started it off as if the player is at their car and doesn’t have their keys on them so they have to go back into the house were they get the choice of two rooms the bedroom and bathroom. Once inside a room they are given various different choices on where to look for example in the bedroom you get options like the bed, t.v stand, shoes, clothes and once you’ve clicked on an area you zoom in for a closer look giving you (the user) the change to navigate that area.

Most of the images contain a back button so you can return to the previous page plus I have added hidden hotspots what are scattered around the page that you have to hunt for some of these links have text what appear when you roll over them as some don’t.

Once you have finally found the keys you are directed down the stairs and back outside to your car were you can now get in. I wanted the game to create an exciting / annoying atmosphere were that you don’t want to give up until you’ve found the car keys as in a real life situation.

Here is the URL for my interactive space on Making New Maps.
http://www.makingnewmaps.com/maps/Leigh_Hattersley/index.html