WebGL이란?

WebGL은 웹 브라우저에서 하드웨어 가속을 사용해 3D 그래픽을 렌더링하는 기술로 별도의 플러그인 없이, 디바이스 환경에 구애받지 않고 작동할 수 있는 신개념 기술이다. 이를 통해 사용자들은 과거 대비 높은 퀄리티의 그래픽과 인터랙션을 경험할 수 있다. 그러한 이유로 해외에서는 이미 WebGL을 활용한 3D 콘텐츠가 활발히 제공되고 있다. 하지만, WebGL을 사용해 3D 웹사이트를 구현하는 것은 쉬운 일은 아니다. 높은 수준의 HTML, CSS, Javascript 이해도와 경험을 필요로 하며 여기에 더해 3D 그래픽에 대한 이해(3D 좌표계, 백터와 행렬, 조명, 쉐이딩 등)및 이를 처리할 수 있는 수학적 지식과 프로그래밍 경험, 그리고 Three.js 같은 라이브러리 활용 능력 또한 요구되기 때문이다.

삼성 갤럭시 온라인 쇼룸

image_ag_prj_05_002.png

2020년들어 코로나19로 인해 직접 매장 방문이 어려워짐에 따라 삼성전자는 핵심 제품인 갤럭시 신제품들을 ‘온라인 쇼룸’을 통해 소비자가 직접 매장에 방문해 눈 앞에서 스마트폰을 만지며 살펴보는 것과 같은 사용자 경험을 온라인에서 제공하기로 했다. 페이브(FAVE)는 글로벌 갤럭시 공식 사이트의 온라인 쇼룸을 제작하며 사용자 경험을 최대한 고려해 자연스러운 움직임으로 3D 콘텐츠를 체험할 수 있도록 구성했다. 2D 애니메이션과 3D WebGL 기술을 정교하게 연결해 소비자는 아무런 거부감 없이 2D와 3D 기술을 자연스럽게 넘나 들며 인상적인 온라인 쇼룸 콘텐츠를 체험할 수 있었다.

image_ag_prj_05_007-1536x903.png

Break the Frame

“상상력 가득한 반전 있는 웹사이트를 만들고 싶었습니다. 스크롤을 내릴 때, 앞으로 일어날 일을 예측하기가 쉽다면, 우리가 의도한 바를 충분히 전달하지 못한 것이라고 생각했습니다. 우리가 잘 할 수 있는 3D 기술을 이용하여 중요한 순간에 새로운 생각의 문을 열어 줄 수 있는 색다른 경험을 제공하고 싶었습니다.”

Untitled

페이브가 추구해온 ‘사고의 틀에서 벗어나 새로운 관점을 제시하는 것’을 최대한 강조하기 위해, 직접 WebGL을 사용하여 회사 홈페이지를 새로운 개념으로 제작하였다. 이 웹사이트를 방문하면 2차원에서 3차원으로 차원을 이동하는 극적인 반전을 경험할 수 있다.

🤝 프로젝트 문의


📞 : +82 2 544 5111

✉️ : [email protected]

🌐 : www.fave.kr

Fave Inc. Ⓒ We're your fave® you'll love. - fave.kr