Yearly Archives: 2016

Karina Twiss

By | @StudioThomas | No Comments

karina-1
karina-2
karina-3
karina-4

Lovely portfolio of London based photographer Karina Twiss. Love the ultra high res photos that form the background and let you explore the quality of the shots. Love the grid of images, with a mix of animations and videos forming a stunning pastiche of beautiful photography. Nice details such as the minimal menu and zoom out on an image to bring up a carousel. Stunning example of letting the content do the talking.

Created by Studio Thomas (@StudioThomas).

Site here…

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…

Netherlands in the 60s

By | @random_studio | No Comments

dutch-1
dutch-2
dutch-3

Explore events from the Netherlands in the 60s in this interactive exhibit. Love the collage where you can explore key moments in a Google Maps-esque layout, slick transitions and animation to the detail view. Subtle parallax effect adds a nice element of depth and love the ‘tours’ which offer audio tours through the content.

Created by Random Studio (@random_studio).

Site here…

Epicurrence 3

By | @letsgorally | No Comments

epi-1
epi-2
epi-3
epi-4

Site of Epicurrence conference of inspirational creative speakers set in Park City, Utah. Great example of a simple one pager site – elevated through stunning design and nice considered use of parallax. Love the bold colour, large imagery, and big type – lots of small nice details – nice.

Created by Rally Interactive (@letsgorally).

Site here…

Hotchkiss

By | @webdesign | No Comments

hotchkiss-1
hotchkiss-2
hotchkiss-3

Site for Japanese ad agency Hotchkiss. Love the 3D tiles that shuffle and move as you scroll – really interesting way of presenting thumbnails and projects. Shame it doesn’t filter down into the project view. Nice clean minimal UI and layout that lets the content do the talking.

Created by Hotchkiss.

Site here…

VOID 2

By | @hireslondon | No Comments

void-1
void-2
void-3
void-4
void-5

The next installation of interactive art piece VOID. A cube with rooms to explore in 3D space, each room with it’s own interactive element, from music sequencing, to ripple pools – music and sound plays a large part of the experience. Love the detail and mood – from the design through to the audio design – the exploratory/surreal feel is drenched in atmosphere. Great to see work like this.

Created by Hi-Res (@hireslondon) and IVXVIXVIII (@ivxvixviii).

Site here…

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…

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…

Mirage Festival

By | @rbgaillard | No Comments

mirage-1
mirage-2
mirage-3

Site for the Mirage Festival – an art, design, and innovation event set in Lyon, France. Bold use of typography and colour through the site, from the photography treatment. Love the interactive undulating waves that move around as you mouse over the waves – a persistent element that flows into the subsequent pages of the site. Could watch the homepage for hours! Nice work…

Created by Cecile + Roger (@rbgaillard) and Martin Laxenaire (@webdesign_ml).

Site here…

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…

Onirim

By | @Immersive_g | No Comments

onirim-1
onirim-2
onirim-3

Lovely site for creative production agency Onirim. Lovely scrolling and masking transitions from section to section with bold typography and inline video. Beautifully designed, with nice attention to detail and lots of cool transitions and animations – love the directors/photographers page with colour hits on rollover which injects personality into a monotone design. Great example of a modern, slick, and beautiful agency site.

Created by Immersive Garden (@Immersive_g).

Site here…