flipbook, take 2

this is the newer main page. on the right in the formally blank black space are now category names for each face chunk, instead of the "please explore" and directions for opening the boxes. one of the group members said having directions for the audience is too obvious, so those were dropped.by clicking on the folded edge tab, you switch face parts to someone else (but only for that row.) by clicking the main photo area, you open the content page specific for that catagory, to view photos larger or read the personal information.


if you notice now, the box is aligned right as it slides in from that direction when a category photo is clicked. the space is wider to show more of the photos, and the box edge is now not a blinding white, but a softer gray. instead of the category name and what the photo is of, there is now a brief sentence describing what the photo is/how it relates to the category.

another new thing is the transparent black box under the information layer- it's now a lot more transparent so you can still see a lot of the background flipbook. adream mentioned adding a soft dropshadow under the top layer so it looks offset a little more- it's subtle, but it is indeed there to add some more of the dimensionality.


finally, the personal information page has gone through its own slight changes. mainly, categorizing
the information so that it lines up into the 1/3 proportion found throughout the layouts. also noted is getting rid of the white box with the red x in it- this was too obvious and not integrated enough, so now it's the same soft gray color as the text and box edges, and instead of an 'X', it's a carrot to symbolize sliding the box back to the right to close it.




now some questions/suggestions from the other groups...

-should the transparent box between the main layer and the subpages be colored instead of a transparent black? as in, information would be a neutral blue, loves could be soft red and hate could be a dark green? all of them would be transparent as the middle layer is now, just not black.

-should there be a directions page or an area that explains the two different things meant to happen in the interactivity?

-any suggestions on the category names on the main page?


thanks for looking and commenting!

Front page interface

Here's what I came up with for the first page navigation. Each point of the map would light up in a different color on rollover, and when clicked it takes you to the content.

Group 2 (Rob)

This would appear after clicking the Fear option:

And these slide out when clicked:

primary nav (David)

The initial view:
What happens when a spoke is rolled over:

julie +stef redesign - secondary page

Mine above and stef's below

Group 1 layouts (Kristen)

Robin's interfaces

So sorry about the late post!

The first one is based on a museum. Everyone would have one room. You navigate from room to room using the small map in the corner. In each room would be a "statue" of the person and the pictures that define us would be hanging on the wall. (Sorry I didn't have a photo, so I used my sister for the example.) Clicking each picture would bring up a description on the right.

The second one is a spiderweb. The person's picture goes in the center, and clicking each of the dew drops would bring up the information or pictures on the left. I was thinking maybe each person could have their own web and you could click the longer strands to jump over to the next web.