Los Angeles-based Refik Anadol Studio creates public art that explores the potential for intersections of media, science, and technology to radically communicate data while also inviting audiences to visualize alternate architectures of space and perception.
Design Process
RAS has a distinct approach when it comes to design. A strong grid, order, keen attention to detail, slick interfaces and simplicity.
We worked hard to reflect this approach to their website.
The plan was having a simple, black and white interface with well-executed animations and transitions.
Wiseslang is a curated multidisciplinary collaboration platform. The website was expected to reflect their creativity.
The website has a quite small site map
As a team of 4 people, we experimented with ThreeJs and WebGL before diving into the UI design.
Approved UI design
Mobile First
We put mobile experience first when it came to designing. The mobile experience is as smooth as the desktop version.
Designing with Code
We started coding the initial design. As we coded and tested, made a bunch of improvements on the design. Got rid of the ThreeJS part and instead, we improved the WebGL idea on the menu and applied to the rest of the website.
The development stack: – WordPress as CMS – Vanilla JS – WebGL – GSAP – Sass – Gulp
