Category Archives: @webdesign

Dev Random Notes

By | @webdesign | No Comments

dev-notes-1
devnotes-2
devnotes-3

Site of Chinese based designer and coder Du Haihang. Nice exploratory of visual code experiments that play with 3D, textures, and physics. Simple scroll mechanic to go through the experiments, love the transitions and bold type – nicely wrapped up in a minimal interface, fun to play around with.

Created by Du Haihang.

Site here…

The Fourth Phase

By | @webdesign | No Comments

fourthphase-1
fourthphase-2
fourthphase-3
fourthphase-4

Site for new snowboarding film release ‘The Fourth Phase’. Featuring a beautiful homepage, that shows locations mapped to 3D scenes that your mouse can pan around, set alongside some moody music – creates an epic scene. Nice design details and interactive moments – all wrapped up in a modern and clean design.

Site here…

Lynn Schmidt

By | @webdesign | No Comments

schmidt-1
schmidt-2
schmidt-3
schmidt-4

Ultra minimal and stylish site for fashion photography stylist Lynn Schmidt. Love the elegant simplicity and offset grid – so simple – tap on the image to cycle through images for that project. Simple slide out menu, easy to use, and works great on mobile too.

Created by OFF.

Site here…

Belligerent Eyes

By | @webdesign | No Comments

b-eyes-1
b-eyes-2
b-eyes-3

A digital art piece that in their own words “Through a chat-bot, contents are imported in realtime by a custom AI censoring algorithm, displaying itself in an infinte loop of hyper-medial elements. Visitors will experience the flow changes in realtime, exploring contents and features of this new media.” The end result is a 3D stream of modified visuals floating in space. Interesting experimentation with the concept of censorship.

Created by display.

Site here…

Tokyo Stories

By | @webdesign | No Comments

tokyo-1
tokyo-2
tokyo-3
tokyo-4
tokyo-5
tokyo-6

Site documenting various people who live in Tokyo, their lives, and their tips & recommendations for the city. In their own words “a community driven initiative that seeks to establish the modern Tokyojin. We aim to authentically and organically capture, document, and communicate Tokyo’s unique urban culture through the insight and experience of the very people that shape it while redefining what it means to call Tokyo home.” Interesting form of storytelling through in depth journeys. Lovely photography and design, love the blend of inline video and sprinkles of Google Maps that bring the stories to life. Nice transitions and art direction tie it all together to create a compelling experience.

Created by Monopo.

Site here…

Ivy Park

By | @webdesign | No Comments

ivy-1
ivy-2
ivy-3

Site for Beyonce’s new active line Ivy Park. Big, bold, and full of attitude – hold down button to switch tracks. Photos, videos, gifs all play a part in this monochromatic experience. Love that when you open the menu, the music dims a little. The brand expressed through simple and bold web experience.

Site here…

Consortia

By | @webdesign | No Comments

consortia-1
consortia-2
consortia-3

Site for digital agency and research group Consortia. Lovely scrolling intro that pulls apart the logo and dives you into their lovely folio of work. Simple interactivity that splits the page to reveal the project detail in-situ. The component parts of the logo follow you down the page and add a nice element of depth.

Created by Lucas Lind.

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…

Libertine Libertine

By | @webdesign | No Comments

libertine-1
libertine-2
libertine-3
libertine-4

Danish fashion label’s AW 2015 collection. Love the homepage – scroll and the photos become distorted and lead either to the men or women’s collection. Nice use of 3D and parallax in the deeper view, looks great too. Sweet transitions and subtle use of UI.

Created by e-Types.

Site here…

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…

Silenzia

By | @webdesign | No Comments

silenzia-1
silenzia-2
silenzia-3

Site for Italian lingerie brand Silenzia. Featuring nicely shot full screen black and white video which places you in the lead female character. Prompting small moments of interactivity, choosing how to spend the day, or dragging the bra closure system – helps carry the story along and draw you in. The site design is minimal and elegant, whilst letting the content and story telling speak for itself.

Created by Fedoriv.

Site here…

Reboot – Files Rec.

By | @webdesign | No Comments

file-rec-1
file-rec-2
file-rec-3

Promo site for File Rec. an international underground electronic record label. The site explores a whole range of electronic music which is visualised through a 3D sound reactive pattern, which changes over time. Love the build up of layers with text, patterns, and shapes formed from large pixels. Love the minimal black and white design, and the subtle pause state of the music.

Site here…

The Sim Tests

By | @webdesign | No Comments

divergent-3
divergent-2
divergent-1

Immersive site promoting the latest installment of the Divergent series of sci-fi films. Essentially mimicking the film – a series of tests designed to get you thinking, all rendered in 3D using a nice implementation of the virtual look around model. High production values and slick execution bring it all to life.

Created by Hybrid Studio.

Site here…