ue:: ziba webpage layouts

Some revised layouts for Ziba's website. Still working out the language/color system of the nav menu.

ia::final collection site

plastic playth!ngs

This project was interesting for me because of how I had to learn to apply and integrate a fair amount of information into a screen-based format. Like information graphics, the goal of this site is to make complexity accessible. But it's also about structuring the visual experience itself with navigation. Rather than everything being revealed at once, information is divided into bite-sized portions; to encourage users to play and explore.

Process available as a PDF here.

Blog process:

a.) Initial Wireframing

b.) Object Renders + Revisions v.1

c.) Revisions v.2

d.) Website title brainstorming

e.) Revisions v.3

f.) Revisions v.4

g.) Partner critique + feedback

the design police::find+share

Hilarious and useful. Get your visual enforcement kit today.

type iv:: revised website layout

Revised my wireframes/layouts of the XHEIGHT webpage from Wednesday. Final site will be built in Flash. Go AS3.0!

ia::collection flash site

Not quite final (there's always room for revisions), but pretty close, and up and running:

plastic playthings~

type iv:: artifact designs

Website layout still needs refinement...

type iv:: XHEIGHT Widget v2.0

Revised the original XHEIGHT widget - made it a bit smaller, and included meters for hours, minutes and seconds. Also, there's a button on the back that links to our blog with info about the conference

Screenshot of it in action on my Dashboard.

To download it, click here.

type iv:: xheight: now with dashboard widget!

a simple dashboard countdown widget made for our XHEIGHT conference:

Screenshot of said widget in action:

When the clock hits zero, the widget is programmed to detonate your laptop, therefore forcing the user to make hand-rendered typography.

Just kidding...it'll just throw some positive words your way about attending and whatnot.

Still need to figure how to code it to countdown hours, minutes, seconds.

You can download it here.

the eco zoo :: find+share

The EcoZoo. A cute interactive website that utilizes fun 3D graphics to educate viewers about energy conservation. The user is about to view things from all angles, and can sometimes reveal details they hadn't seen previously.

Oh...and a new vinyl toy has been added to my collection:

ia::more revisions

revised the site's title a little - rearranged the revealed infographic compositions.

still need to find better images for my two informational pages.

ia:: more website compositions

ia:: website brainstorming

Still working on titles for my website.

• vinyl core
  
• vinyl vision
  
• vinyl initiative
  
• vinyl mayhem
  
• vinyl clutter
  
• pliant playthings
  
• designer vinyl
  
• master of monster
• plastic menagerie
• limited editions
• eclectic playthings
• plastic playground
• vinyl variants

ia:: website layouts+interactivity

IA: layout revisions+ object renders

99% conference::find+share

The 99% conference from behance. click it.

"99% is a conference that focuses less on inspiration, and more on how idea generation and organization come together to make ideas happen. 99% brings together some of the world's most productive creative visionaries to offer a sneak peek into their processes, and share insights on how they bring their ideas to life."

info arch:: wireframes

Basic layout - user scrolls left/right to view the collection. Fixed top-oriented navigation menu.

Clicking "sort collection" reveals a secondary menu, with options on how the user can sort the aforementioned collection. Clicking one will rearrange the collection appropriately.
Clicking on a specific toy will reveal information about the toy/brand, with photographs, infographs, etc. User can repeat this process on the other items as well.

Left-oriented menu bar, with simple rectangular graphics to denote hierarchy of the navigational items.