Visit my site via the direct link in the mean time.
Major improvements + changes since the interim design:
- Glow on the logo. I feel that this puts across a sense of danger through heat and energy, very brand appropriate.
- Orange/yellow on dark greys colour scheme. I took this from the logo, but the stem of that is in warning signage. Blue is just not dangerous enough.
- Low contrast checkered background. I really like how this looks on the www.minddesk.com site, so I pinched the idea since making my own graphic for it was trivial. It really helps the content sections to pop, and breaks up the flat colour blocks nicely.
- Round corners and bevel-style borders. Trying to learn about and incorporate as many modern CSS features as possible, I experimented with these and found they lent a slick yet slightly cartoony feel to the page - perfect for Dangerlabs.
- Main nav up top. How did I forget main nav in my original design?
- Font choice. I simplified to two fonts, Arial for the body and something similar to Helvetica Narrow from Google Web Fonts for the headings. Caps were a branding choice, they tie into the logo with its warning signage references.
- Full width showcase. The comments on my interim were spot on, when I actually made this card-like design, the real estate I actually had for content was pitiful. I scaled it up to full width and incorporated the nav and title into the block.
How the showcase works:
- Uses jQuery to move a giant <ul> along. It tests the current page container width to figure out the numbers.
- Skips back to start/end when attempting to navigate past either end.
- Reads game title information from an attribute in each <li> and displays this in the title-bar. This way I can change the title without it having to be part of the sliding area, since I wanted the nav to be static.
- Uses a jQuery swipe gesture plugin to capture swipe events in the showcase area and trigger the same <ul> movement functions as the nav buttons.
No comments:
Post a Comment