minimal

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…

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… 

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…

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…

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…

Capitol Couture

By | @watsondg | No Comments

capitol-couture-1

capitol-couture-3

capitol-couture-2

 

New interactive magazine highlighting future fashion. Really nice typography and layout throughout – love the simple animations and transitions between sections, subtle and understated. For such a content heavy site the use of white space and grid is well thought out. The mobile version of the layout is nice too – responding nicely to changes in layout. Nice example of a modern magazine style responsive layout.

Created by Watson/DG (@watsondg).

Site here…

ROCCO Design Architects

By | @pillandpillow | No Comments

rocco-1

rocco-2

rocco-3

 

Site of renowned architect Rocco Yim showcasing his vast range of work. Really nice offset fluid grid that loads in thumbnails highlighting the projects, love the way the animate in and react to rollovers. Great transitions from one project to the next and zooming in/out – really cool. It was some 2 years in the making this site – everything feels polished and well considered.

Created by Pill and Pillow (@pillandpillow).

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…

Paper & Paint

By | @hellomondaycom | No Comments

sloret-1

sloret-2

sloret-3

 

Lovely site for Paper & Paint, from what I can tell an inspirations and ideas site for a range of paints. Presented with a magazine style layout as you scroll the images within their masks also scroll with hotspots revealing details about particular shades. The layout slightly varies for each section each with an overarching theme and colours which also change as you scroll down the page. Subtle parallax effect and nice looking layout.

Created by Hello Monday (@hellomondaycom).

Site here…

Staring is Caring

By | @weareachtung | No Comments

staring-caring-1

staring-caring-2

staring-caring-3

 

Nice idea to educate people about HIV in Africa. You are presented with three models – scrolling up reveals more skin – until you are greeted with the message to tweet to continue – thus spreading the message before seeing more. You can then scroll up and see the model (nothing explicit!) and learn a little about AIDS. Really nicely executed idea thats a bit of fun and educational – nice scrolling interface with some cool transitions.

Created by Achtung! (@weareachtung) and Superhero Cheesecake (@tastysuperhero).

Site here…

ATEA

By | @assemblylondon | No Comments

atea-1

atea-3

atea-2

Holding page mini site for ATEA – new fashion label launching in Autumn 2013. Really really simple a long infinite scrolling area of randomised photos and looping videos from their collection – encourages you to sign up and follow for updates. Just liked the way the grid looks and the position of the central logo and the simple interactivity that by itself is just fun to play with. Looking forward to seeing the full site.

Created by Assembly (@assemblylondon).

Site here…

Ranger Rover

By | @blastradius | No Comments

range-rover-1

range-rover-3

range-rover-2

 

Site promoting the all-new Range Rover. Essentially a video with annotations – showing the key features of the car – highlighted by small hints – the side panel slides out when pressed to reveal more info. Lots of little transitions add to the overall experience, the minimal design and animations make it feel like a modern tablet app.

Created by Blast Radius (@blastradius).

Site here…

 

Rezo Zero

By | @rezo_zero | No Comments

reso-zero-1

reso-zero-2

reso-zero-3

 

Portfolio site of French agency Rezo Zero. Nicely considered layout and subtle animations bring the design to life, with a modern and fresh look and feel. Really like the transitions from section to section and the way the images filter through and the layout for the individual case studies – telling the story in an interesting way. Nice example of a modern agency portfolio.

Created by Rezo Zero (@rezo_zero).

Site here…

The Build

By | @instrument | No Comments

the-build-1

the-build-2

the-build-3

 

Nice site – an interactive video documentary showing the lives of three custom motorcycle dudes. Essentially three different stories divided up into chapters. Really nice interface that comes in when you select a specific chapter, revealing what you can see – love the way you can scrub through the video on rollover – the image gallery is a treat. Love the amount of polish and craft that has gone into this experience – all the transitions, animations and effects have been crafted and perfected. A real showcase into what can be achieved with animations, video, and transitions.

Created by Instrument (@instrument).

Site here…