September 6, 2013
0

Audi – #onemillionreasons

By | @minivegas | No Comments

audi3d-1

audi3d-2

audi3d-3

Incredible campaign microsite for Audi and #onemillionreasons. Essentially a model of their R8 car made up of spheres, which people can ‘own’ through social media, clicking on one of the spheres shows the statement, which then also when the “3d ansicht” button is clicked – totally destroys the car and rebuilds it in front of your eyes – and turns it into the photo or statement – absolutely incredible! All built in Web GL, it allows you to rotate your view, zoom in, and interact with the various spheres. Love the attention to detail too, with the spheres moving around based on position of your cursor, and watching the light source cast shadows dynamically. It really is incredibly well made.

Created by Minivegas (@minivegas) and Razorfish Germany (@razorfish_de).

Site here…

September 3, 2013
0

TCM Summer Under the Stars 2013

By | @1trickpony | No Comments

summer-under-stars-1

summer-under-stars-2

summer-under-stars-3

The 2013 version of Summer Under the Stars, a campaign site promoting TV movie channel TCM’s summer schedule. Focussing on the range of famous movie stars of a time gone by. Love the homepage carousel of profiles of the stars, scrolling goes into their respective bios, with a nicely designed scene summarising the actor.  Nice little section on what makes that person legendary too. Overall really slick transitions and animations from section to section, nice art direction and fun to play around with.

Created by 1 Trick Pony (@1trickpony).

Site here…

August 30, 2013
0

Citroen DS4

By | @rumbatronics | No Comments

Citroën DS4 1

Citroën DS4 2

Citroën DS4 3

Lovely campaign site for the new Citroen DS4 in Brazil. One of the richest non-Flash sites i’ve seen for a long long time, videos, dynamic masking, fantastic rollover effects, lovely use of scroll and interactivity. It also looks great, with nice photographs and video assets, and well considered design and typography. Really like the homepage and the innovative menu – a real exercise in cutting edge design for non-Flash sites.

Created by Rumba (@rumbatronics).

Site here…

August 28, 2013
0

This is how we Dew

By | @BBDONY | No Comments

thisishow-1

thisishow-2

thisishow-3

A short series of video portraits of Mountain Dew’s sponsored sportsmen. Love the animations and transitions on the landing page, and seamless transition which leads you into the looping video portraits – which are beautifully put together and well conceived. Little hotspots allow you to find out more about the individual components of the portrait, and panning around adds some element of exploration to the scenes.

Created by BBDO New York (@BBDONY).

Site here…

August 22, 2013
0

HATSUMATSU

By | @webdesign | No Comments

hatsumatsu-1

hatsumatsu-2

hatsumatsu-3

Portfolio of designer / developer Martin Wecke – based in Berlin. Really minimal and interesting portfolio – all based around the scrolling mechanic used in a unique way. Scrolling down adds new thumbnails for projects, clicking on one gives more info, scrolling down reveals new images – similar mechanic one level down. Ultra minimal look and feel, straight to the point in an interesting way.

Created by Martin Wecke.

Site here…

August 20, 2013
0

H3 – Bang Olufsen

By | @hellomondaycom | No Comments

beoplay-h3-1

beoplay-h3-2

beoplay-h3-3

Website of Bang & Olufsen’s new in-ear headphones the H3. One long scrolling site with a navigation bar following you down the page, each section with animated features and information about the product. Really like the timeline where you can see the range of headphones B&O have made over the years. Also really like the image gallery and the way your view zooms into the grid of images. Lots of nice detail in each of the individual content modules, nice tidy promo site.

Created by hellomonday (@hellomondaycom).

Site here…

August 16, 2013
1

Socket Studios

By | @socketstudios | No Comments

socket-1

socket-2

socket-3

 

Really nice minimal portfolio site of freelance UX/UI designer Paul Macgregor. Sweet and simple & monotone – but adds to the effect when the brightly coloured screengrabs animate into view.  Really like the little animations when you press and tap the individual projects or go left / right. I like how you can browse the entire range of projects from the same view without having to keep go back up & down. Some nice design work in their too…

Created by Paul Macgregor (@SocketStudios).

Site here… 

August 14, 2013
0

Joe San F/W 2013

By | @nodymedia | No Comments

jose-san-1

jose-san-2

jose-san-3

Site of clothing label Joe San – the F/W 2013 collection. Some nice features, such as the full bleed videos and nice fluid transitions from each section. Like the video wallpaper and the detail view of the items shown in the video – nice to see these transitions and fluid video in non-Flash websites.

Created by Nodymedia (@nodymedia).

Site here…

August 12, 2013
0

60 FPS

By | @webdesign | No Comments

boris-1

boris-2

boris-3

Site of developer Boris Etingof. Loads of shiny 3d animated particles coming together to create icons of the clients he has worked on, responsibilities, links and so on. Reminds me of the old school Flash portfolio sites, but in this case in Web GL and so on. Nice animations and transitions between the various projects.

Created by Boris Etingof.

Site here…

August 6, 2013
0

OpenData Globe

By | @waag | No Comments

open-data-globe-1

open-data-globe-2

open-data-globe-3

Publicly available data rendered on a 3d globe, so far showing a handful of cities – such as Amsterdam, Istanbul, and Helsinki – information such as public transport lines, census, and even an example of live traffic data. All this info is drawn up with lines and blobs to illustrate intensity – the minimal design really accentuates the lines, dots and blobs. Love the way the city streets are drawn up with the real time traffic data in Amsterdam.

Created by Laurens Schuurkamp (@waag).

Site here…

July 31, 2013
1

Sonia

By | @84Paris_live | No Comments

sonia-2

sonia-1

sonia-3

 

Site showing the A/W 2013 range from Sonia Rykiel. Sequence of video clips showcasing key looks which you stop at any minute to see the details. Love the transitions to see the detail and the way you can zoom in and drag around the larger images on the left all in-situ – feels pretty slick. Lots of nice little details – like the progress bar in the top right – changing frame colours, and viewing the full range of looks. Looks great and works well down to mobile phones – really nice piece of work.

Created by 84.Paris (@84Paris_live) and Merci Michel (@MerciMichel).

Site here…

July 29, 2013
0

POSTmatter

By | @POSTmatter | No Comments

post-matter-1

post-matter-2

post-matter-3

 

Site of POSTmatter – best put in their words: “POSTmatter is about the people and projects crossing boundaries. Where art meets science, where fashion crosses over with technology, and where the digital world collides with the physical world. We’re about what’s exciting today and tomorrow.” This is there web equivalent of their iPad edtions. An interesting editorial site with a minimal layout, but some nice touches here and there – with fade to black transitions and and some interesting rollovers. Nice example of a modern digital magazine.

Created by POSTmatter (@POSTmatter).

Site here…

July 24, 2013
0

Adidas NEO Lookbook

By | @NorthKingdom | No Comments

adidas-neo-1

adidas-neo-2

adidas-neo-3

Site promoting the Adidas NEO collection with Selena Gomez. Essentially a video clip of her wearing the range – you can click at any time and the video blurs out and you get a cool transition to show which items she is wearing – click through you can then buy the item. Pretty cool transitions and animations, and neat design.

Created by North Kingdom (@NorthKingdom).

Site here…