Interaction Design

Any Thoughts?

These are the Photoshop Comps I am working with…

1: The Grid

2: Basic page layout w/ drop

3: Portfolio Page

This is what I have so far for my portfolio site. 

Home page

This is what I think my home page will look like. I wanted to have my contact information right on the page. Along with a little blurb about what I do and a pictures from projects.

Portfolio outer page

This is what I was thinking would show up when someone clicks on my portfolio. It will show an overview of a bunch of projects and then list the projects on the sidebar so people could also choose the projects there.

Portfolio inner page

This is what it will look like when someone clicks on one of the projects in my portfolio. After they are on a certain project people can still click on projects in the sidebar. I will give a little information about each project and they can click on the small images and I want to have them fade into the big image.

This harder than it looks.

Do I believe this is finished? No. Not in the slimmest chance. Do I believe that in order to get any further on this site is to make this post. I feel that the site is lacking not theme, but in design. In building the site I found that keeping it as basic as possible was the best way to communicate the information to a fifth grader. I admit that I am limited in knowledge and if I understood more this may look much different. If anyone has any advice for the site than just let me know.

http://lawrencefolio.com/oceanindex.html

This is what I have in mind for a home page and then when you click on contact.

After doing a whole bunch of research, I’ve finally settled on a layout. Maybe.

My Wireframe

I knew that I wanted my header and main navigation to be horizontal, but I just couldn’t decide on whether I wanted to have a sidebar at all. I want to have my content be the main focus, but there will be instances where a right sidebar will be needed (for blog archives and my portfolio project descriptions). I will also have very minimal sub-navigation that will slightly push down the main content, but nothing that interferes too much with the consistency of the site.

I’m out sick today but here is my work in progress. Please be a harsh critic because I’m not in love with it yet.

After working through the Thanksgiving break, this is all I have to show...

Photoshopped mock-up of the home page

photoshopped mock-up of the portfolio page

photoshopped mock-up of the blog

photoshopped mock-up of the about page

Here are my Photoshop mock-ups of each page of my site.

I ran into a few aesthetic issues while creating these, and there are still some to work out. Some type still needs adjusting, including the color of it, and some of the placement of things needs adjusting. I also played with adjusting the colors of the logo and the background… I think I will just stick with one for now though.

The purpose of my site is to get me a job with a design firm and also to generate freelance work.

My audience will be potential employers, including clients and design firms, designers who follow my blog, and eventually I will have a store where I will sell personal work.

This is a revamped version of several of my website’s pages.

my index and homepage layout

here is another sidebar idea, i'm still working on what is more directive

for each of these portfolios pages are going to work for both portfolio sections. (design and photography for example)

when someone clicks on a sub-buttom on the sidebar

when someone is on a specific projects page, it will give them an option of looking at several speads, or other shots.