Interactive Communication Design: Final Outcome

Hi

In this post my portfolio website is finished and this is basically a round up of how it looks. So here we go:

Screen Shot 2013-01-04 at 22.59.24

Here is my homepage and it looks like it completely different from my final design because this is my home page and the final design is for my work. In this page it consists of a photo to make sure the portfolio your looking at is none and then way of contact which is my Facebook and twitter.

Screen Shot 2013-01-04 at 23.08.25

This is my work page and this is basically a computerised summary of this website that basically shows all my subjects then links it up to that page which i will show in the next photo. But when i get round to it this will show my work from work 2 and 3 if i get to it, no point of me putting it on now cause i haven’t even got their yet.

Screen Shot 2013-01-04 at 22.54.45

and here is the last page and every time you click on a subject one of this will show up and these are in the same layout but obviously subjects. Here we have a conext which has come out of the brief the desciption which is not like the brief because that can change. Also this page consists of a Evaluation and then a picture on the right of that text that will link you to my blog or evidence showing you have have done the task for example my flash page with give you a link to my flash website i have done.

Overall i am very happy with this website and i will continue to work on it to make it even better after the deadline has passed.

Thanks.

Advertisements

Interactive Communication Design: Final Design

Hi

finaldesign

This was my final design and i had gone with the navigation being in the top header along with the logo.

  • Logo – The logo which i will be creating is for my own personal branding in the subject visual communications and i thought it would be great since im branding myself as this, it would be only sensible to implement this into my portfolio website.
  • Navigation – This will be a simple navigation bar where you click on the options and it will drag you to that page. Simple and not complicated.
  • Computer and the subjects – I really like this idea that’s why its actually in my portfolio website because it describes that i use computers etc. So i created a desktop like situation where the computer will be showing what subjects i do where the user will be able to access this by just clicking on it.
  • Keyboard – the keyboard is just there for show .

Site Map to follow

Interactive Communication Design: Design 2

Hi

 

ScrollingPageEffect

On my second design i thought i would try and copy the scrolling effect which i really like but thought to myself this is high end stuff and even some top web developers can’t even do this. The scrolling effect is when, you launch a site the first page is basically on long page cut into different sections. so when you click lets say ‘Sport’ it will scroll down to that section on the same page and show the content on their. I think its a really good idea for a portfolio because you can have the subjects as the first page and each section a different subject. The only negative thing about this is that if i get to year 3 the page will get longer and longer and the content will get bigger and bigger and this full website will grow in the number of megabytes that are held, which means it will take even longer to load up the age on a basic connection which is not good for the user.

Final Design to Follow

Interactive Communications Design: Design 1

Hi,

FirstPortfolio

On my first design i like the idea of having my navigation bard attached to my header so that the use instantly thinks that it will be at the top of the page, which it will be. on this design i was only testing the navigation but i like the look of it on the top, then all i was left to do is create a logo that what show me off and then have the navigation style as like that with each button being separated off by a dark L shape. But remember this was only a idea and i had plenty more to come.

More Designs to follow

Flash Website – Design

Hi,

When we was given the assignment of creating a website in flash i thought along with others that it would be a great idea to model my flash website design around my portfolio website i am doing for interactive communication design, but throwing in some flash elements that i have learnt and you will see throughout my planning of this website.

Here is a template of what my flash website will look like :

 

finaldesign

 

 

  • Logo – The logo which i will be creating is for my own personal branding in the subject visual communications and i thought it would be great since im branding myself as this, it would be only sensible to implement this into my portfolio website.
  • Navigation – This will be a simple navigation bar where you click on the options and it will drag you to that page. Simple and not complicated.
  • Computer and the subjects – I really like this idea that’s why its actually in my portfolio website because it describes that i use computers etc. So i created a desktop like situation where the computer will be showing what subjects i do where the user will be able to access this by just clicking on it.
  • Keyboard – the keyboard is just there for show but in various ideas i had i could use this and create buttons for each letter and it would actually be like they are typing on another keyboard. But i thought this would be time consuming.

and i am thinking of more ideas to implement some flash elements i learnt off the lessons we had

More to Follow