Virtual Environment week 1 Homework

Track model

This is my scale of my haunted house ride it consists of two floors. the first floor is going to be a grave yard. The second floor will be a spooky office out of a haunted house. 

Story board

Cart design 

Virtual Environment week 1

Mood Board
Here is a mood board for the type of style i want to portray on my haunted house ride. i have gone for a traditional theme with skeletons, chains, coffins, ghosts and so forth.

Screenshot

This screenshot shows the structure of the roller-coaster, I have designed in todays lesson with Andrew. I created it like this because i want to have two floors to give me space to create various rooms containing a scene and scares.

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

Interactive media Week5

In todays lesson we discussed social networking and linking it to our online portfolio's. On my online portfolio i have linked Facebook, Twiiter, Deviant art, blogger and Coroflot i have put these all into my portfolio because these are all social networks i use on a regular basis.

I have also created a page on Facebook specifically to promote myself and then dropped the link into my footer. I've also put my rss feeds onto my homepage so that viewer can see what I'm currently doing.

Interactive media Week4

when designing my portfolio i wanted the main font to be simple and easy to read so thats why i choose the font "Arial". When creating my logo i experimented with various fonts what i found on the internet like MV boil, Comfortaa, Billy Argent Font, Evolution all off on dafont.com after searching and experimenting i came to a decision that the Billy Argent font best sutterd the design, this font doesnt work on the internet so in order to have it on my portfolio i had to design it on Photoshop and save it as a png file.

Here is an example;

Also after i decided this was the font i wanted to use whilst look for inspiration and ideas i cam across this vintage ribbon on deviant art and created by ARTiK-NL link;

This led me into re-designing my logo

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

Interactive media

Here is the layout and themes i am going to use throughout my website. Some areas still need to be worked on. I have placed a big image gallery at the top of my page showing my best work so that it should intice the viewer to stay on my site.

When structuring my portfolio site i went by the 10 steps to the perfect portfolio website. Smashing Magazine (2009). 10 steps to the perfect portfolio website. [Online]. February, 29. Available from - http://www.smashingmagazine.com/2009/02/26/10-steps-to-the-perfect-portfolio-website/. [Accessed: 26/02/2011]. When i first designed the theme and structure i kept it very simple with no textures and minimum colors as seen below.

But after showing it to shaun he stated that it looked generic. With the feedback i received i went on to look
at other designers on the web; spoon graphics, Lewis Bilsland, I decided to change the theme making it look a lot more appealing.

When coming up with ideas to how i wanted it to look  Spoon graphics Smashing Magazine (2009). 10 steps to the perfect portfolio website. [Online]. February, 29. Available from - http://www.smashingmagazine.com/2009/02/26/10-steps-to-the-perfect-portfolio-website/. [Accessed: 26/02/2011].  inspired me, from how he layed out his website.


Rebecca Lloyds  Available from - http://www.smashingmagazine.com/2009/02/26/10-steps-to-the-perfect-portfolio-website/. [Accessed: 26/02/2011]. about me page has inspired me to how i would like mine to look,
with having an area on the side with basic information and an image of me similar to how Myspace lay their profiles out.

Materials used;

• Floral Texture
• Wood Texture