A multimedia website where you play as a character. You use arrow keys to run around the world space and hit enter to view the content as you fid it. If this seems like a waste of time t you they include a menu bar at the bottom of the page also, however it is enjoyable to run about if you have some free time.
2. USA Today
Much smoother delivery of news from the industry standard. The new layout run a bit like a social networking site. On top of the clear use of colour and easy to navigate layout the designers implemented new ways to deliver stores to an online audience. The main story text is still all there but they include an interactive image bar which you can flick through before reading the story for some background or extra information.
3. AIGA Competition site
This site runs in the same was as the new Ebay introduction website, with both fixed and moving parts. As you scroll down the circular page shape remains and the images that it frames move. The use of colour is sparse, which really clears up the design for the content to be the most important thing on the page.
4. FA Design
FA Design is a studio design website. It is very simplified with only three main tabs which open up onto a simple list. For example the work page contains a list, this list outlines the studios work and uses a simple tool to indicate how much content is available in each field be merging a bar chart with the menu itself. However I do have a criticism, white text on black is pretty poor.
5. Duex Huit Huit
Still Images dont really do the website any justice and to some degree it would be nicer if the graphics here were better, however from an interactive standpoint this website does do things differently. All of the websites content loads onto one page, a process which is surprisingly quick and efficient. The user then scrolls about the giant page with the arrow keys. The page simulates a sliding motion much like sliding between menu screens on an iphone, so there is a transition but it is quick and the next page fills the whole screen. This gives the website some simple interactivity without loosing too much functionality.
6. Setetres.st
This is a really fun website to view, it is a portfolio website which is fun to play around on but doesn't compromise with function at any point. The opening page is totally free of clutter and immediately sets the tone of professionalism with a hint of comedy. The site works on this very structured grid format and when you hover over a particular icon the grid square it sits in indents and drops, all very stylish.
The portfolio page is neat and condense, when you hover over a bar it expands into the full preview. This is great, however sometimes it can get confusing if you scroll down a page and everything is opening and closing all at once. One of the nicest and most original features is a fake script editing bar, the portfolio is for a web designer so he added this as a joke, but it adds a real personal touch. You can open it and mess about with some settings and even view some ASCII porn.
7. graphicnovel-hybrid4.peugeot.com/
This was an award winning website designed to scroll as a graphic novel. Ignoring the style, which I like but isn't really different, the key to this websites success has been its coding. The novel starts by scrolling down and then continues automatically. A white scrollbar tells you how far through the 'novel' you are. Then out of nowhere the screen is scrolling sideways through the page from left to right then from right to left, then in reverse from bottom to top despite technically still 'scrolling down'. I suppose that here the innovation in coding is the champion.
8. Chrome Web Lab
Chrome web lab is an experiment by google chrome for the Science Museum in London. They are running 7 different experiments aimed as getting people more interested in the possibilites of the internet. The design is solid, with gradients and plenty of white space. The interactivity and coding is amazing and the layout simple buy helpful. The experiments are also a great thing to take part in.
9. Kinetic V5
The website plays out like a graphic novel again, their is a strong theme but once again the magic is in the coding and scripts. The website remains two tone throughout with black and a single other colour. As you scroll though the content is constantly changing and interacting with the next 'page'.
10. UNIVERSERIES
This is a giant interactive info graphic, a database of the American Film industry. The style is modern with a similar feel to the style of my first entry. Darwina also comes to mind. The universe can be expanded to reveal different areas in the industry and read individual bio's of the directors involved. The links you can see are graphical representation of how the directors influenced each other in the films they made.
No comments:
Post a Comment