Interaction Design

What a time this was…

This is the the second time that I have design lawrencefolio.com and I think that thisw is the better of the two. No it is not finished and I will be moving it over fully in to WordPress as soon as possible, but for now this it is a start. Any thought or crit that you would like to make to the site would be great! let me know and check often to see the changes and improvments.

http://lawrencefolio.com/

These are a few of the ideas I had for lawrencefolio along the way.

lawrencefolio_sketches

Research for this was interesting,

I enjoyed looking at other sites and seeing how they worked. One of the best ways i found for researching this was not only looking at other sites, but also see what how others are accomplishing their own sites. I have also found that see what other designers are trying to fix and what kinds of things they are posting about online.  I also have looked in to other books such as Don’t make me Think a book on basic web usability.

This is a master wire-frame that is design to cover jst about all of the pages

wireframe

wireframe 2 lawrencefolio

This is the Original Gray box for the site

Gray box lawrencefolio

This is the new working logo for lawrencefolio

logo – lawrencefolio

This is current information, but not final, from the Style Guide

What the site will communicate:
Lawrencefolio.com is designed to communicate a both traditional and contemporary sense of design.The viewer will find that the site is usable not only to view the designers work, but also as a place to find tutorials and other design resources.
Ages and Demographics
The site will appeal to a range of ages from to at least 50 years of age. The viewers f lthis site will most likely be employers, creative directors, and potential clients.
Employers:
When an employer views the site he/she will initially see a easily scanned site, that will allow them to quickly find the portfolio, resume, or contact the designer. This will help the individual find many excellent reason to hire the designer.
Creative Directors:
When a Creative Director views the site he/she will also see a easily scanned site, that will allow them to quickly find the portfolio, resume, or contact the designer. The viewer will also find not only excellent design, but also a well design website.
Potential Clients:
A client, who is interested in finding a designer, or just browsing the internet, will come to a site that is inviting and easily navigated regardless of where they enter the site. They will be able find a wide variety of print and web designs and other work that will encourage the viewer to learn more about, or contact the designer.
Visual Communication:
In promoting the traditional and contemporary esthetic lawrencefolio will lend itself to a simple, clean design and navigation. Each category of the site will be self contained as much as possible. For instance through the portfolio page the viewer will be able to access further in information each project featured on the site.
Navigation will be designed to be fully integrated in to the site and be identical to each page. This will help the viewer to very quickly browse the site and find what they are searching for. As the site grows the navigation, when necessary, will expand to include drop down menus, thus the viewer will still

I am not sure if I tagged this post correctly when I did it.

The post is title Photoshop Comps and I do believe that it is listed under my name.

I hope this helps

In choosing the type for lawrencefolio.com I had to consider what would be the easiest for the view. I do not have access to mich in the way of web type editing programs so I decided that the best way to render the type was to use the standard fonts that most computers had available to them,

Ariel, Helvedica, (sans serif)

Times New Roman, Georgia (serif)

In the future I hope to be able to use better fonts on the site, but at this point this will have to do.

Any Thoughts?

These are the Photoshop Comps I am working with…

1: The Grid

2: Basic page layout w/ drop

3: Portfolio Page