| 수상내역 |
2020년도 Winner |
| 접수번호 |
G2020C02_00009 |
| 출품부문 |
디지털미디어/콘텐츠 디자인 > 디지털미디어 디자인 |
| 출품기업명 |
신청회사 : 엔씨소프트, 신청회사2 : 엔씨소프트, 디자인회사 : 더즈인터랙티브 |
| 출품자구분 |
대중견기업 |
| 출품명 |
엔씨소프트 공식 홈페이지 |
| 상품 주요특징 |
한글 |
NC의 브랜드 아이덴티티와 기업 철학, 역량이 돋보이도록 기존 사이트 구조와 디자인을 전면 리뉴얼하여 2020년 4월 한국어와 다국어페이지(영/중/일)를 새롭게 오픈했습니다.
<엔씨의 역사와 아이덴티티, 앞으로의 비전을 한 곳에>
이번 리뉴얼을 통해 NC와 관련한 기업 정보와 철학 및 아이덴티티를 쉽게 파악할 수 있도록 콘텐츠와 UI/UX를 정비하고, 비영어권 이용자들의 편리한 이용을 위해 영문 외 중문과 일문 페이지를 신규 구축하였습니다. 모든 환경에서 편리하게 접속할 수 있도록 PC와 모바일 등 각 기종에 최적화된 UI/UX 구현에도 성공했습니다.
<최첨단 웹기술을 활용한 색다른 사용자 경험>
전형적인 기업 사이트의 양식을 탈피하기 위해 기업 철학을 담은 스토리형 페이지를 기획하여 이를 기술적으로 구현하는데 중점을 두었습니다. 인터랙티브하고 새로운 웹 경험을 제공하기 위해 플러그인 없이 웹에서 실시간 3D를 구현할 수 있는 WebGL 기술을 적용하였습니다. 또한 커스텀 GPU 쉐이더를 적용, 마우스 움직임에 따라 수백만 개의 파티클에 애니메이션과 라이팅 및 모핑 효과까지 실시간 렌더링이 가능하도록 구현했습니다. 모바일을 위한 멀티 디바이스 GPU 메모리 관리와 알고리즘 파이프라인, 라이트 파티클 시스템을 적용했고, IP 소개 페이지에서는 스크롤에 따라 오브젝트와 배경 이미지 사이에 시간차를 발생시켜 페이지에 입체감을 주는 패럴랙스 스크롤링을 활용했습니다. |
| 영문 |
Through this renewal, we have improved the content and UI/UX so that users can easily understand the identity of NC. We planned a story-type intro page that incorporates our philosophy and focused on implementing it technically. So intro page has been applied with WebGL to provide an interactive experience. When a custom GPU shader is applied, millions of particle animation, lighting and morphing effects can be rendered in real time according to the movement of the mouse. And we have applied a multi-device GPU memory and algorithm pipeline for mobile. |
