Posts Tagged ‘Design’

Working on New Portfolio Theme! December 4th, 2009

Michael Hartmayer

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

Continue reading...


 

Evolution of Design May 12th, 2009

Michael Hartmayer

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

Continue reading...