detail

May 9, 2016
0

The Next Rembrandt

By | @JWTAmsterdam, @tastysuperhero | No Comments

remb-1
remb-2
remb-3
remb-4

Interesting project to 3D print a new Rembrandt painting from special software written to recognize and read a vast library of his paintings. The website itself takes you on a scrolling journey through how they tackled it, with sliding panels bringing in more info. So many nice details, from the animation and transitions to the lovely design. Thoughtful UI and interaction, brought to life with great imagery and short videos.

Created by JWT Amsterdam (@JWTAmsterdam) and Superhero Cheesecake (@tastysuperhero).

Site here…

May 3, 2016
0

Nurture Digital

By | @wengerstoybus | No Comments

nurture-1
nurture-2
nurture-3

Site for US based digital and video production agency Nurture Digital. Love the masked showreel in the background as you scroll through the background changes with colour and animation – highlighting that project. It is beautifully designed, nice bold typography and full of great detail and animations – love the way the transitions on the homepage to see individual projects. The project view looks great, love the intro panel which transitions to full screen video then detailed panel down the side appears as you scroll. One of the nicest agency folio sites i’ve seen for a while.

Created by Bryan James (@wengerstoybus).

Site here…

May 2, 2016
0

Boombotix Pro

By | @altolabsdesign | No Comments

boom-1
boom-2
boom-3

Lovely site for Boombotix Pro, a portable speaker. Really nice way of highlighting the top level features of the device from draggable 3d models to nice background video highlight the water resistant feature. Lots of nice details such as navigation down the side, nice simple light site that gets the key points across. And – it looks fantastic!

Created by AltoLabs (@altolabsdesign).

Site here…

April 13, 2016
2

Maeva Barriere

By | @mashvp | No Comments

cook-1
cook-2
cook-3
cook-4

Lovely site for Maeva Barriere – French culinary artist – ‘food art’. Loads of fantastic transitions, masks and black and white reveals. It feels very refined and premium, with lots of white space and elegant design. Lots of nice details such as the preloader bar, love the ‘back’ button at the end of each page, superb animations and fantastic execution.

Created by MASHVP (@mashvp).

Site here…

April 8, 2016
0

Law of the Jungle

By | @watsondg | No Comments

jungle-1
jungle-2
hungle-3
jungle-4

Site promoting the launch of the new Jungle Book film. Featuring lovely bold type, background video and – deeper in the site – beautifully created 3D illustrated scenes. Love the transitions and lots of attention to detail, beautifully crafted and nicely executed when you consider it is essentially a really well skinned Tumblr blog.

Created by Watson D/G (@watsondg).

Site here…

March 24, 2016
0

Open Foundry Hot 30

By | @stefanendress | No Comments

open-1
open-2
open-3

Site showcasing Open Foundry’s hot 30 typefaces – well considered and interesting way of exploring (free) typefaces, in-situ on images / black / white – change everything easily. I love the way you can ‘explore’ the font too where you can see how any typeface might look across applications – all different too. Nice take of the archetypal type site.

Created by Stefan Endress (@stefanendress).

Site here…

March 16, 2016
0

Spring/Summer

By | @SprngSmmr | No Comments

ss-1
ss-2
ss-3

Lovely site of Spring/Summer Danish digital agency. Refined and elegant is a good way to summarise this site – so many beautiful details in here, and with next-level of polish. Love the work section, when you tap on a project the mask and image stretches to fit full screen with a colour hit from the project fills the preloader along the left side of the screen. Nice and subtle transitions for text and interesting integration of a sticky nav on left side of page – which also shows section in page. Love the way the pages transition – and each project case study is really nicely considered, with in-situ videos / animations / sketches to illustrate their process. It translates beautifully on mobile too with an equal level of polish. A fantastic example of a modern agency portfolio site.

Created by Spring/Summer (@SprngSmmr).

Site here…

February 29, 2016
0

Active Theory

By | @active_theory | No Comments

active-1
active-2
active-3
active-4

Lovely update to digital agency Active Theory. Nice approach to the homepage – full screen case study video clips cycle through their latest projects. Dive into the work and find a similar setup – screen captures and videos – letting you see the magic. Love the slide out projects menu on the right, fantastic scrolling effect where the mask moves quicker over the underlaying image. The site is full of detail and great interactions, animations, and transitions – love the peeking strips on projects on the project view – the main menu features a cool 3D logo – lots of cool particle rollover effects. Great attention to detail and a fantastic example of a modern, fresh and beautifully executed site.

Created by Active Theory (@active_theory).

Site here…

February 26, 2016
0

Jetlag

By | @creaktif | No Comments

jetlag-1
jetlag-2
jetlag-3
jetlag-4

Lovely photography site with the interesting idea of having two photographers shooting at the same time over 12 hours in two different places in the world. The results are wrapped up in a beautifully designed and executed site full of nice details. At it’s heart is beautiful photography – love the dynamic time stamp and the juxtaposition of the photos – love the slices which transition into one another. All so elegant and simple, and these small interactions are what really brings it to life.

Created by Creakif (@creaktif).

Site here…

February 18, 2016
1

America’s Most Admired Lawbreaker

By | @gladeye | No Comments

lawbreaker-1
lawbreaker-2
lawbreaker-3
lawbreaker-4

Lovely long form article on the story behind Johnson & Johnson – from the Huffington Post. Loads of great UI moments and nice approach to dealing with this amount of content and allowing users to navigate it in an interesting and compelling way. From the slide out menu detailing chapters, nice typography, to the sticky timeline along the left side which provides a nice reference marker. I love the use of illustrations to break up the content, some of which are interactive infographics, or nice parallax moments that play with depth. Considering the subject I love the way PDFs documenting evidence and letters etc backup the story. A fantastic take on in-depth interactive storytelling.

Created by Gladeye (@gladeye).

Site here…

December 16, 2015
0

Mike Bloomberg

By | @webdesign | No Comments

bloomberg-1
bloomberg-2
bloomberg-3

Site of Mike Bloomberg the founder of Bloomberg and a NY mayor. Lots of nice UI moments, and transitions, that breathes life into some pretty dry content. Like the top nav, and the way it evolves depending on context, and the preloader bar with slide in page content. Some nice interactive modules and carousels – all wrapped up in a nice looking layout and design.

Site here…

December 1, 2015
0

Cryptaris

By | @ToolofNA | No Comments

cryptaris-1
cryptaris-2
cryptaris-3

Site promoting the US Army and recruitment for STEM capabilities (science, technology, engineering, math). With a futuristic 3D look and feel you can play a series of challenges that map back to STEM such as guiding a drone over a landscape, decrypting codes and so on. Execution is superb, with the whole world rendered in 3D – landscapes, details, and interactions – the ‘path clearing’ is a great example. Love the look and feel of the site – very impressive, and it also works nicely on mobile.

Created by Tool (@ToolofNA).

Site here…

November 19, 2015
0

Subaru and the Environment

By | @resn_has_no_i | No Comments

subaru-1
subaru-2
subaru-3

Highlighting Subaru’s CSR initiatives and relationship with the environment. Featuring a dynamic and fluid timeline that is first formed by tree rings – you can zoom in and out and the timeline unravels and populates with events. The execution sets this whole experience a level above, from the slick transitions, animations, and interactions. Fantastic attention to detail – great example of a timeline based experience.

Created by Resn (@resn_has_no_i).

Site here…