Marcus Brown Designs Resn Portfolio with Click-and-Hold WebGL Mechanics, Wins Awwwards Site of the Month
Marcus Brown has spearheaded the design of a new portfolio website for the digital studio Resn, collaborating with Simon Jullien. The site boasts interactive elements, striking black backgrounds, and a distinctive 3D crystal droplet logo, accentuated by vivid RGB sections. Representations of Resn's offices in Wellington, Amsterdam, and San Francisco are depicted through shattered green and red components. Various sections, including About, Work, and Contact, are accessible to users, featuring fixed visuals like the droplet and audio waveform. The site showcases acclaimed projects like Chekhov is Alive and has earned multiple accolades, including the Awwwards Site of the Month.
Key facts
- Marcus Brown designed and directed the Resn portfolio website with collaborator Simon Jullien.
- The site uses a click-and-hold mechanic instead of passive scrolling or standard navigation links.
- Visual elements include a 3D faceted refractive crystal droplet, chromatic aberration, and RGB color splits.
- Contact views feature floating shattered emerald and crimson crystalline shards in deep dimensional space.
- Typography is an airy geometric sans-serif in light weights with calibrated kerning and generous negative space.
- Fixed interface anchors include the crystal droplet top-left, modal toggles top-right, and an audio waveform monitor at the lower edge.
- Client case studies include Chekhov is Alive for Google Creative Lab, KFC Hall of Colonels, and adidas Climachill.
- The portfolio won Site of the Month from Awwwards, FWA of the Day, and CSS Design Awards.
Entities
Artists
- Marcus Brown
- Simon Jullien
Institutions
- Resn
- Google Creative Lab
- KFC
- adidas
- Awwwards
- FWA
- CSS Design Awards
- Behance
Locations
- Wellington
- New Zealand
- Amsterdam
- Netherlands
- San Francisco
- United States