Archive

Posts Tagged ‘Design’

Working on New Portfolio Theme!

December 4th, 2009 1 comment

Working on a new theme for my Portfolio! The theme I’m currently using is just something I grabbed off some site, to get my portfolio up and running. Now that I have time to rework it, I’m putting a little extra time and effort into it. So far my process has been to create a wire frame of the elements, and markup some basic functionality (I created an asset list document to work from, before creating the wires). This will make designing a whole lot easier and permit me to only have to worry about the “pretty factor”, since I’ve already mapped out my functionality and flow.

Check out my progress:

Wireframes (Layout):

Wireframe: Layout

Wireframe (Layout + Navigation Example):

Wireframe: New Layout with Navigation

Designing the Background:

Design: Background

( I’ve already got grid lines in place to make sure everything will work with 960px. width )

More Background Work + Some Layout:

Design and Layout: New Portfolio

Trying to find a good way to present the navigation:

UI - Designing Navigation

Started Filling in the Content UI:

New Portfolio Theme: Content and UI

Continued:

New Portfolio Theme: UI and Design Continued

Continued:

New Portfolio Theme - UI and Design Continued

Continued:

New Portfolio Theme: UI and Design Continued

Continued:

New Portfolio Theme: Created Custom Icons

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • LinkedIn
  • Live
  • MySpace
  • Reddit
  • StumbleUpon

Evolution of Design

So, this is the project I’ve been playing with. As you can see it’s slowly shaping itself into the application I want it to be. Still fiddeling with the UI for that chat.

Check out the progression:

NoMessenger ANoMessenger BNoMessenger C

Menu’s I’m working on:

NoMessenger - File History Dialog

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • LinkedIn
  • Live
  • MySpace
  • Reddit
  • StumbleUpon
Categories: Web Design Tags: ,