MASAHIROMARUYAMA

Projects | April 30, 2015 | Comment

VIDEO

DESIGN

a1
a2
a3
a4
a5
a6
a7
a8
a9
a10
a11
a12
a13
a14
a15
a16
a17
a18
a19
a20
s21
s22
s23
a24

DESCRIPTION

This website has been designed to deliver an immersive and engaging full-screen 360-degree viewing experience of the unique glasses collection by Masahiro Maruyama. To achieve this, I have employed the use of HTML5 canvas drawing technology to create 360-degree portrait photographs. Additionally, I have incorporated special animations that are tailored to the concept of each individual pair of glasses, which serves to attract the user’s interest and enhance the overall browsing experience.

To ensure optimal performance, I have developed a custom-built framework that efficiently loads and displays hundreds of photographs. The framework was meticulously crafted to optimize the performance of the website, resulting in quick load times and smooth navigation. The combination of HTML5 canvas drawing technology and the custom-built framework enables the website to provide an immersive, interactive, and visually engaging experience for users as they explore the collection.

Technologies & Tools

  • JavaScript
  • CSS3
  • HTML5
  • Canvas
  • Interaction

AWARDS

  • D&AD, Wood Pencil – May 2016
  • One Show Award, 3 Merit Award – May 2016
  • The FWA, Site of the Day – May 2015

ROLE

  • Front-end Developer : Jongmin Kim