NAVER Corp UX Design

UX, Naver

모두를 위한 기술 플랫폼,
네이버 기업 사이트 UX 디자인

뉴타입은 기술과 서비스로 세상의 모든 가능성을 연결하는 글로벌 테크 컴퍼니 네이버 기업 사이트 리뉴얼을 진행하였습니다. 기존의 그린윈도우 = 네이버의 공식을 넘어 AI, Cloud, Fintech, Commerce, Contents 등 세계 수준의 기술력과 다양한 서비스들을 경험하고 공유할 수 있는 Global Tech Company를 새로운 방향성으로 잡아 정보 구성 및 설계, 비주얼 톤 앤 매너, 인터랙션 및 사이트 내 모션 그래픽까지 총괄적인 UX 디자인을 맡았습니다. 일반적 형태의 기업 사이트가 아닌 언제 어디서나 볼 수 있는 글로벌 쇼케이스이자 비즈니스 브리프로 '글로벌, 연결, 확장' 이라는 컨셉 키워드를 기반으로 일관성, 효율성, 심미성을 갖춘 네이버의 새로운 Global 3.0을 담아내는 기업 사이트를 목표로 했습니다.

A technology platform for all,
NAVER Corp UX Design

we carried out the renewal of the corporate website of NAVER, a global tech company that connects all possibilities in the world with technology and services. Going beyond the existing "Green Window = NAVER" formula, we took on the overall UX design, including information architecture and design, visual tone and manner, interaction, and site-wide motion graphics, to create a Global Tech Company where you can experience and share world-class technologies and various services such as AI, Cloud, Fintech, Commerce, and Contents. This is not a general corporate website, but a global showcase and business brief that can be viewed anytime, anywhere. Based on the concept keywords "global, connection, and expansion," we aimed to create a corporate website that embodies NAVER's new Global 3.0 with consistency, efficiency, and aesthetics.

다양한 환경을 고려한
반응형 구조와 인터랙션 디자인

네이버 기업 사이트 리뉴얼의 중점 사항으로는 글로벌에 걸맞는 톤앤매너, 네이버의 다양한 서비스와 기술들을 어떻게 하면 쉽게 찾아보고 효과적으로 내용을 전달하는가에 대한 부분이었습니다.  모바일에서부터 태블릿, 랩탑 및 고해상도 데스크탑 화면까지 대응하는 반응형 구조를 기반으로 각 카테고리 별로 콘텐츠에 최적화된 설계 및 구성, 심플하면서도 위계가 잘 돋보이는 디자인, 메세지 및 콘텐츠의 성격에 최적화된 인터랙션들을 통해 방문자가 원하는 정보를 쉽게 찾고 흥미롭게 경험할 수 있도록 설계하는데 중점을 두었습니다.

Responsive structure and interaction design that considers various environments

Key aspects of NAVER Corp website renewal included establishing a global tone and manner, ensuring easy navigation and effective content delivery for NAVER diverse services and technologies. Based on a responsive structure that adapts from mobile to tablet, laptop, and high-resolution desktop screens, we focused on designing and organizing content optimized for each category, implementing a simple yet well-structured design, and incorporating interactions tailored to the nature of messages and content. These efforts aimed to enable visitors to easily find the information they need and have an engaging experience.

Home - Global Showcase

NAVER Global 3.0에 걸맞는 다양한 국내외 소식들을 소개하는 글로벌 쇼케이스라는 컨셉 키워드로 최신 뉴스와 주요 서비스 & 기술, 그리고 방문자의 목적에 부합하는 Quick Link를 제공하여 목적성과 편의성을 강화하였습니다.

In line with the concept keyword of "global showcase" for NAVER Global 3.0, we introduced various domestic and international news, providing the latest news, key services & technologies, and Quick Links tailored to visitors' purposes to enhance purposefulness and convenience.

모두를 위한 기술 플랫폼,
네이버

네이버의 비전과 철학을 기반으로 사이트 Overview 역할에 충실하도록 주요 기술과 서비스, 팀네이버 소개 및 연혁 등 네이버의 다양한 정보들을 중요도에 따라 위계에 맞게 쉽고 효과적인 구성으로 설계 및 디자인하였습니다.

A technology platform for all,
NAVER

Guided by NAVER's vision and philosophy, we carefully structured and designed the website to effectively fulfill its Overview role, presenting a hierarchy of essential information about NAVER, including its key technologies and services, TEAM NAVER introductions, and historical milestones, all organized in a clear and impactful manner based on their importance.

일상을 연결하고 가치를 확장하는
네이버 서비스

검색부터 광고, 커머스, 클라우드, 핀테크, 콘텐츠, 커뮤니티, C2C 등 다양한 네이버 서비스들을 카테고리 별로 구분하고 각 서비스 별 아이덴티티를 살리면서도 일관성있는 디자인을 목표로 제작하였습니다. 특히 네이버 서비스 요약 페이지는 비즈니스 브리프를 컨셉으로 비즈니스 파트너 및 협력사, 투자자들에게 네이버의 다양한 서비스 카테고리들을 한 페이지에서 한 장씩 넘겨가며 보는 듯한 경험을 통해 다양한 서비스 정보들을 효과적으로 전달하는 구조로 설계 밎 디자인하였습니다.

Connecting daily life and expanding value,
NAVER Service

Encompassing a wide range of NAVER services, from search and advertising to commerce, cloud, fintech, content, communities, and C2C, we meticulously crafted each category, preserving the unique identities of individual services while maintaining a cohesive design language. Inspired by the concept of a business brief, the NAVER service overview pages are structured to deliver a seamless, page-turning experience, effectively conveying comprehensive service information to business partners, collaborators, and investors.

사람, 로봇, 공간, 정보를
가깝게 연결하는 기술

AI, 검색, 로봇, 디지털 트윈, 데이터센터, NAVER 1784 등 NAVER의 다양한 첨단 기술들을 세련된 블랙 배경을 기반으로 세심하게 디자인되었습니다. 미래지향적인 스타일과 모듈식 레이아웃, 네이버의 다양한 기술들을 각각의 고유한 아이덴티티와 특성을 고려하여 각 섹션을 구성하였습니다. 네이버 기술 페이지는 Business Brief 컨셉을 반영하여 매력적인 페이지 전환 경험을 제공하도록 구성되어 파트너, 협력자, 투자자에게  효과적으로 정보를 제공합니다.

People, robots, space, and information, Technology connecting us together

Delving into NAVER's cutting-edge advancements, a dedicated menu showcases a comprehensive array of its advanced technologies, including AI, search, robotics, digital twins, data centers, and NAVER 1784. Employing a sleek black background, the technology pages are meticulously designed with a futuristic style and modular layout, meticulously tailoring each section to match the unique identity and information of NAVER's diverse technological offerings. Echoing the business brief concept, the NAVER technology overview pages are structured to deliver an engaging page-turning experience, effectively conveying comprehensive information to partners, collaborators, and investors.

지속가능성을 위한
네이버의 약속과 실천

네이버의 우수한 역량과 자산을 활용하여 함께 성장하며 네이버의 지속가능성 활동과 메세지를 전달하는데 목표를 두었습니다. ESG 페이지 키 비주얼은 김다예 작가와의 협업을 통해 다양한 페이지들의 주제들을 감성적인 일러스트로 제작하여 보다 친근하고 따뜻한 느낌으로 구성, 깔끔하게 정돈된 정보 구조를 통해 더 나은 세상을 만들어 가는 네이버의 노력을 효과적으로 전달하는데 집중했습니다.  

NAVER's Commitments and Practices for Sustainability

Leveraging NAVER's outstanding capabilities and assets, this section aims to foster mutual growth and effectively communicate NAVER's sustainability activities and messages. In collaboration with artist Kim Da-ye, the ESG page's key visuals feature emotive illustrations representing the diverse page themes, fostering a warm and approachable atmosphere. The clean and organized information structure effectively conveys NAVER's commitment to creating a better world.

네이버 투자 정보 및
다양한 소식과 이야기들

IR을 비롯한 네이버 투자 정보, 미디어 및 뉴스 등 시의성 높은 소식들, 글로벌에 도전중인 네이버의 다양한 스토리들을 효과적으로 보여주고, 공유하며, 운영할 수 있는 구조에 중점을 두고 개편하였습니다.

NAVER Investment Information and Various News and Stories

With a focus on effective presentation, sharing, and management of time-sensitive news, including IR, NAVER investment information, media, and news, as well as diverse stories of NAVER's global endeavors, we have revamped the structure.

더욱 효과적인 메세지 전달을 위한
모션 제작 및 그래픽 디자인

다양한 기술력과 서비스 포트폴리오를 갖춘 네이버인만큼 전달하고자 하는 메세지도 복잡하고 다양합니다. 뉴타입은 네이버의 다양한 브랜드 영상 에셋들을 재편집하여 메뉴 별 키 비주얼로 활용하고, 정보 내용 이해를 돕기 위한 아이콘 및 그래픽들을 정보의 성격과 위계에 맞게 개발하여 메세지 전달에 도움을 주면서도 더욱 풍부한 시각적 경험으로 연결되도록 구성하였습니다.

Catering to NAVER's Diverse Messages and Services through Visual Storytelling

With a diverse range of technologies and a vast service portfolio, NAVER's messaging needs are equally complex and multifaceted. newtype meticulously re-edits NAVER's extensive brand video assets into menu-specific key visuals. To enhance information comprehension, we develop icons and graphics tailored to the nature and hierarchy of the information, facilitating message delivery while guiding users towards a richer visual experience.

NAVER Hero Key Visual Motion Graphic

SERVICE Hero Key Visual Motion Graphic

TECH Hero Key Visual Motion Graphic

ESG Hero Key Visual Motion Graphic

NAVER Sustaining Key Visual Motion Graphic

Credits

Project Direction: NAVER Branding2
Creative Director: Kim Jinwook
UX Lead: Noh Hohyun
Project Manager : Kim Jaeseong
UX Planning & Design: Kim Jisoo, An Hyunjung, Kim Yunhee, Kim Dongwook, Lee Kyungjoo, Choi Sejin, Yoo Dongwoo, Kim Hyena
BX Design: Kim Youngjoo, Kim Chaeyoung, Kim Leejun
Motion Graphic: Kang Dohyun, Kim Seungkyu, Lim Chaehyeon, Choi Dongjun, Jeon Minjoo
ESG Illustration: Kim Daye