Staple layout alive in HTML+CSS

I exported Staple layout to HTML+CSS+images, so that our programmers have easier job implementing it in WordPress. Homepage is done, Articles subpages layout is done too, and today I've finished Buy section. This was really time consuming part of the work, but the last days were rainy anyway :)

Enjoy the basic layout online: http://www.visibleart.net/david/temp/ntu/staple/buy.html

Staple homepage layout close to final

This design of Staple homepage looks like a final one. I've changed some elements as the client wanted, but some minor changes are still possible. Note that there will be more than one article in the main column and that the text, links and titles are all just placeholders.

My Staple web magazine designs

Social network - Related artworks feature added!

I've added Related artworks feature to my gallery network http://www.visibleart.net/. Relation is calculated by frequency of "being favorite" by people who also like the artwork that is currently displayed (http://www.visibleart.net/artwork.php?artid=6020 for example).

I've tried to add this list on other areas of the artwork webpage, but the very bottom seems to be the most suitable now. I've also experimented with pop-up windows, but there have been problems with links to original parent page (artworks have been displayed in the pop-up).

I really like this new kind of navigation and it works good. But that fact is, that only 1/3 of all artworks are someone's favorite and it makes this feature less generic. In those 2/3 cases, i might consider also ratings of artworks, not only "being favorite" relation.

I'm awaiting user feedback and i have new ideas already: there could be also a small list (selection) of artworks from the same author.

Flash game - thoughts

So, the game works, but i feel it could be much better. I started with the visual identity and then programmed basic interactions. I would like to improve both.

Visual identity

• Many objects are repeating in this game now and I want it to be more varied, "colorful", but in typographical meaning, i don't want to add colors
• Another levels of gameplay will introduce new backgrounds, enemies, etc.

Interactions

• I mentioned collecting letters before, this feature will be deeply integrated in the game structure, i think the audience will be thrilled by this game because of these reasons:
• This game really looks different and introduces nice ways of descriptive looking world, people would like to know what's on the next screen
• Various interactions with letters
• Good music and sounds

Flash game - progress

New progress in my flash game:

• static objects in the game block you path and you can jump on them! :)
  
• enemies are moving (i really like that every enemy has own unique way of moving) and when you cross their path, they make a sound and lower your health
  
• there is a music playing in the background


• it's entitled Typo Run :) very innovative ;) i'm kidding, it was just my first idea


• your character slowly fades to white when you are hurt
  

Future plans:

• add feature to collect letters
  
• think about possible synergy with those collecting letters - i already have some ideas!
  - some nice quote may appear letter by letter
  - monsters may be distracted by collecting their names
  - music change when new letter is collected
  - your health will grow (so your character will have more black ink in it :)

Social network - User's friends graph

These are my first visualisations of User's friends in 2d graphs. The length of lines depends on "power" of corresponding friendship (i have a mathemathical formula for this).