Communication

NC official Website Renewal

Extra Form

Country	Korea
Year	2020
Award	GOLD WINNER
Affiliation	NCSOFT
Designer	Eunjeong Yang, Sia Kim
Description(English)	Website: https://kr.ncsoft.com/en 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.
Description(Native)	웹사이트: https://kr.ncsoft.com/kr <엔씨의 역사와 아이덴티티, 앞으로의 비전을 한 곳에> 이번 리뉴얼을 통해 NC와 관련한 기업 정보와 철학 및 아이덴티티를 쉽게 파악할 수 있도록 콘텐츠와 UI/UX를 정비했고, 비영어권 이용자들의 편리한 이용을 위해 영문 외 중문과 일문 페이지를 신규 구축하였습니다. 모든 환경에서 편리하게 접속하도록 PC와 모바일 등 각 기종에 최적화된 UI/UX 구현하는데도 성공했습니다. <최첨단 웹기술을 활용한 색다른 사용자 경험> 전형적인 기업 사이트의 양식을 탈피하기 위해 기업 철학을 담은 스토리형 페이지를 기획하여 이를 기술적으로 구현하는데 중점을 두었습니다. 인터랙티브하고 새로운 웹 경험을 제공하기 위해 플러그인 없이 웹에서 실시간 3D를 구현할 수 있는 WebGL 기술을 적용하였습니다. 또한 커스텀 GPU 쉐이더를 적용, 마우스 움직임에 따라 수백만 개의 파티클에 애니메이션과 라이팅 및 모핑 효과까지 실시간 렌더링이 가능하도록 구현했습니다. 모바일을 위한 멀티 디바이스 GPU 메모리 관리와 알고리즘 파이프라인, 라이트 파티클 시스템을 적용했고, IP 소개 페이지에서는 스크롤에 따라 오브젝트와 배경 이미지 사이에 시간차를 발생시켜 페이지에 입체감을 주는 패럴랙스 스크롤링을 활용했습니다.
Positive Comments

1. in Space
   

   Tape Art by TAPE THAT

2. in Industrial
   

   Clair K - Air Purifier

3. in Space
   

   Metamorphosis in the Forest

4. in Space
   

   Hide and Climb

5. in Space
   

   House in Minohshinmachi

6. in Communication
   

   RixRak-Series Font

7. in Space
   

   Dirty Trunk

8. in Space
   

   Shiuyuan café

9. in Industrial
   

   Kid'o

10. in Industrial
    

    Zimmer Frame

11. in Communication
    

    꿿뛟쒫쀍: 이글꼴좀봐

12. in Communication
    

    Airplane Service, Always-Tway

13. in Communication
    

    O&R TISSUE

14. in Industrial
    

    Tube Lock For Bicycle

15. in Space
    

    Mist Roamer

16. in Industrial
    

    'Life is Line'series

17. in Communication
    

    Korean Crests

18. in Industrial
    

    Astron+ Child Restraint System

19. in Communication
    

    DuerOS

20. in Communication
    

    WAVE SUMMIT 2020

21. in Space
    

    Aixiang investment office

22. in Industrial
    

    “Shaking” Ointment Package

23. in Industrial
    

    Smart

24. in Communication
    

    Bukak-Maeul Identity Design

25. in Space
    

    WITH

26. in Communication
    

    NC official Website Renewal

27. in Industrial
    

    C-Guard Dr. Pillow

28. in Communication
    

    Tmall Culture Scenery Tea Package

Designed by sketchbooks.co.kr / sketchbook5 board skin