Category Archives: @webdesign

Onscreen

By | @webdesign | No Comments

onscreen-1
onscreen-2
onscreen-3

Fun site of short and sweet interactive experiments. Really fun stuff playing with shapes, physics, lines to create mesmerising and colourful digital artworks. Great to play around with and explore, all wrapped up in a minimal interface that is a pure simple form.

Created by Toshiyuki Nagashima / Kakarod.

Site here…

Matter Productions

By | @webdesign | No Comments

matter-1
matter-2
matter-3

Site for Matter Production agency in London. Slick, simple and elegant – the site highlights their film projects spanning fashion, luxury and music. Nice use of video in the main carousel and layout which frames the content well, and the elegant transitions which bring in sliding panels of information.

Site here…

R+Co

By | @webdesign | No Comments

rco-1
rco-2
rco-3
rco-4

Gorgeous site highlighting R+Co beauty and hair products. Love the layout, more akin to a fashion magazine – nice ever changing accent colour – and the offset titles and copy. The bold typography really accentuates the beautiful photography and fun layout. I love the ‘lookbook’ pages that show you all the products needed and styling tips – it looks fantastic, and all the subtle parallax style transitions gives the flat design some depth. Really nice looking site.

Site here…

CROWD

By | @webdesign | No Comments

crowd-1

crowd-2

crowd-3

Site of CROWD, a Barcelona and London based studio that have a diverse body of work. Very colourful and bold styling, and a very simple site that links out to Behance projects or has embedded Vimeo videos. Nice to see something a bit different for a agency portfolio.

Site here…

Welcome To The Experiment

By | @webdesign | No Comments

quiet-ones-1
quiet-ones-2
quiet-ones-3

Site promoting the new film ‘The Quiet Ones’. Essentially an interactive trailer that takes you through the premise of the film, through short interactive scenes – i.e. opening the door, turning on the lights etc. Lots of ambient sound fx, full bleed videos and imagery really provide an immersive experience – much better than a basic site with the cast / stills / trailer and so on.

Created by Hybrid Studio.

Site here…

Proper Code

By | @webdesign | No Comments

proper-code-1
proper-code-2
proper-code-3

Site of creative developer Santi Grau, showcasing his portfolio. Lovely range of work from ‘sonic typefaces’, to 3d avatar generators, to commercial sites. A developer with a very keen creative eye, the projects are neatly wrapped up in minimal interface and explained very simply, like the mechanic on the project level navigation – when you scroll the circle scrolls with you. Really nice set of experimental work mixed in with some nice commercial projects.

Created by Santi Grau.

Site here…

Il-Ho Jung

By | @webdesign | No Comments

il-ho-jung-1

il-ho-jung-2

il-ho-jung-3

Site of Berlin based freelance art director / designer Il-Ho Jung. Nice and simple layout – looking somewhat like a graphic design magazine – with some nice transitions and animations. Like the rollover effect on the sub menu that scrolls to the relevant thumbnail. All in all a nice example of a modern portfolio site with a minimal stripped back look and feel.

Created by Il-Ho Jung.

Site here…

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…

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…

INDEX-STD

By | @webdesign | No Comments

index-std-1

index-std-2

index-std-3

 

Portfolio site of French agency Index-Std. The main menu is a endlessly scrolling typographic almost Star Wars intro esque! Clicking a project gives a nice offset grid layout where the name of the project is locked in place and images scroll through. Love the way when you click on a thumbnail you get the outline of the image and project title – very cool. Really nice example of a modern and minimal portfolio site.

Created by Index-Std.

Site here…

Kajimai

By | @webdesign | No Comments

kajimai-1 kajimai-2 kajimai-3

 

Site promoting Yomitan village in Japan. Loads of nice interactions, animations, and transitions – all wrapped up in a minimal interface with large photography. Love the automatic scrolling – and the way scrolling occurs within the image masks – the way you you enlarge the images to view the detail. Loads of nice little touches.

Site here… 

Travis Rice – On His Own Terms

By | @webdesign | No Comments

travis-1

travis-2

travis-3

travis-4

Nice magazine style site documenting an interview with snowboarding maestro Travis Rice. Nice large full bleed imagery, large text and magazine layout. Love the little animations as you scroll, and the transitions to the next section – the current page sliding back and so on. Nice touch is that it is responsive too. Great example of an editorial, easy to browse and read site, will great imagery and subtle animation.

Site here…