Galaxy Z Flip4, Z Fold4 공식 갤럭시 웹사이트 제작

삼성전자의 핵심 이벤트인 삼성 갤럭시 언팩(Samsung Galaxy Unpacked)은 전 세계 80개국 이상을 대상으로 갤럭시 S 및 Z 시리즈와 같은 플래그십 제품을 동시에 공개하는 중요한 이벤트다. 대부분의 소비자는 제일 먼저 웹사이트를 통해 제품을 만나게 되는데, 최신 웹 기술을 활용한 풍부한 움직임으로 제품 정보를 다이내믹하게 전달하면서도 웹 접근성 및 웹사이트 성능 최적화의 높은 기준을 엄격하게 적용해 전 세계 모든 소비자들이 동일하게 최고의 온라인 콘텐츠를 경험을 할 수 있는 웹사이트를 구현했다.

획기적인 3D Web 구현의 기술, WebGL

WebGL이란?

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

삼성 갤럭시 온라인 쇼룸

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

Break the Frame

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

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

효율적인 다국어 콘텐츠 관리의 중요성

글로컬라이제이션(Glocalization)에 대한 이해

사회학자 롤랜드 로버트슨은 ‘글로컬라이제이션’이라는 신조어를 만들어 세계화와 지역화를 동시에 추구하는 기업 전략을 제시했다. 이는 기업 경쟁력 극대화를 위해서는 세계화와 현지화의 조화가 필수라는 것을 의미하며 글로벌 기업이 갖춰야 할 주요 전략으로 여기고 있다. 글로컬라이제이션은 단순 콘텐츠 번역을 넘어 그 이상의 현지화를 의미한다. 나아가 기업에서 제공하는 브랜드 사이트의 다국어 지원이 얼마나 효율적으로 이뤄지고 있는지, 그리고 그 콘텐츠의 현지화가 잘 되어 있는지 등이 글로컬라이제이션을 잘 수행하고 있는지 평가하는 지표가 되고 있다.

다국어 웹사이트의 발전과 현황

과거 인터넷 초창기의 국내 웹사이트는 한국어, 영어 정도의 웹사이트만 제공했으며 영문 사이트의 경우 그 중요도가 높지 않았기에 콘텐츠의 품질이 떨어지고 업데이트 또한 잘 이뤄지지 않았다. 2000년도 중반 이후, 국내 브랜드의 인지도 상승과 함께 비영어권 콘텐츠의 니즈가 높아짐에 따라 스페인어, 베트남어 등 다양한 언어로 웹사이트가 확장됐다. 2010년도 이후부터는 삼성, LG, 현대기아자동차 같은 글로벌 브랜드들이 완성도 높은 다국어 사이트를 제공하기 시작했다. 특히 핵심 제품 온라인을 통해 동시에 공개하는 것이 주요 마케팅 전략으로 대두됨에 따라 품질 높은 다국어 웹사이트 제공은 글로벌 브랜드들의 필수 전략이 되었다.

다국어 사이트 운영의 어려움

다만, 다국어 웹사이트 운영은 비용과 인력에 많은 투자가 필요하다. 이는 기업들에게 큰 부담이 된다. 이 때문에 웹사이트의 품질이 떨어지거나 제한된 언어로만 제공을 하는 실정이다. 이를 해결하기 위해 많은 기업과 컨설팅 펌에서는 효율적으로 다국어 웹사이트를 운영하며 투자 비용, 인력, 시간을 줄일 수 있는 방법을 계속 모색하고 있다.

FAVE GRO (Global Roll Out)

페이브는 다국어 웹사이트 개발 중요성을 깨닫고 이를 효율적으로 관리할 수 있도록 ‘FAVE GRO’(Global Roll Out)를 개발했다. FAVE GRO는 다국어 웹사이트 개발에 발생되는 이슈를 최소화하고 리소스를 절약하기 위한 목적으로 개발됐으며 현재 여러 다국어 프로젝트에 효과적으로 사용되고 있다.

FAVE GRO의 주요 특징은 다음과 같다.

• 다국어 콘텐츠 등록 및 편집을 위해 제공되는 별도의 온라인 환경
• 에디터가(개발자를 통하지 않고) 직접 다국어 콘텐츠를 등록할 수 있는 직관적인 UI
• 대량의 다국어 콘텐츠 업데이트 처리를 위한 다국어 콘텐츠 파일 대량 등록 기능
• 민감한 콘텐츠는 일괄적으로 마스킹 처리할 수 있는 보안 기능
• 손쉬운 언어 확장 기능

삼성전자의 핵심 다국어 엠바고 프로젝트인 ‘Samsung Galaxy Unpacked’는 긴박한 일정, 까다로운 요구사항, 웹 접근성 그리고 높은 보안레벨을 모두 충족하며 전 세계 거의 모든 국가를 대상으로 현지화 콘텐츠를 제작과 동시에 공개하는 난이도 높은 프로젝트다. FAVE GRO 도입으로 투입 리소스를 절약하며 국가별 제품의 정보, 색상, 기능, 문구 및 이미지가 현지화에 맞게 커스텀이 가능하여 고객의 요구사항을 모두 충족할 수 있었다. 특히 FAVE GRO는 프로젝트 후반 뒤늦게 추가된 신규 국가에 대한 작업을 별다른 이슈 없이 수행할 수 있게 지원하였다. FAVE GRO는 수 년째 ‘Samsung Galaxy Unpacked’ 프로젝트에 사용되며 그 가치를 입증하였다.

6개의 국가·지역을 대상으로 다국어 웹사이트를 제공하는 삼성반도체 공식 사이트는 방대한 콘텐츠가 수시로 업데이트되기 때문에 지속적인 웹사이트 관리가 필요했다. FAVE GRO를 적용하기 전에는 반복적인 업무와 구조 오류가 발생했지만 적용 이후에는 효율적으로 업무 처리가 가능해졌다. FAVE GRO는 AEM(Adobe Experience Manager)와 같은 CMS와 연동 가능하도록 구현된 엔터프라이즈급 솔루션이다.