Portfolio Mock-Up

Here is a mock up of the sketch created in the previous post...



The screen is designed as close to a 4:3 ratio as possible. The main desktop (shown) is the only screen in the website the user will be able to interact with. The desktop is a temporary picture at the moment (one that is designed to fit the colour scheme).

For ease of coding, only what is shown on the screen will be made in flash. The background/border of the monitor will be a static image in the HTML document, so that no matter how many changes are made to the flash document, it can always be overlapped on top of the monitor border.

Early Web Site Stages

Here is a brainstorm of what the portfolio is intended to look like...



I have chosen to create the portfolio that represents a computer operating system, as I believe this is most relevant to my skills that will be shown.

The website will be made in flash, shown on a single HTML page.

The website will have a mock 'BIOS' screen, and the pre-loader of the web site will be integrated into the 'boot' screen of the 'operating system'. After the website is loaded the user will be able to use the 'desktop' shortcuts to open what information they want, in a non-linear fashion.

Portfolio Revision

I have decided to revise what areas of my work my portfolio will demonstrate. The areas to be covered can now be summed up as "Branding, identity and interfaces on the web".

The website will have to demonstrate this in an attractive and contextual way. Being as most of my portfolio weighs on the side of interfaces, I will base my website around some kind of familiar interface like operating system or DVD menu.

Where it would be ideal to have an intuitive website that users could feel like they're browsing, I believe that a strong contextual metaphor would be a more effective arena for my work.