개요
핵심 요약
- NHN클라우드는 히어로 영역 전체를 ‘AI 인프라의 새로운 흐름을 열다, NHN FactoryX’라는 신규 서비스 소개에 내준다.
- 주요 솔루션 구획은 AI Infrastructure, AI Service, Private Cloud, Government, Finance, Game 여섯 개 탭으로 나뉘어 있다.
- 주요 서비스는 Instance, NHN Kubernetes Service, AI EasyMaker, DataQuery 등 여덟 개 카드로 컴퓨트·머신러닝·보안 영역을 묶어 보여준다.
- 고객 사례 슬라이더에 한글과컴퓨터, 모비닉스, 엔터메이트, 트래블월렛, 111퍼센트 다섯 개 로고와 사례 링크를 배치한다.
- 우측 상단에 한국어·영어·일본어 3개 언어 전환 메뉴와 콘솔 바로가기 버튼을 상시 노출한다.
NHN클라우드는 국내 클라우드 인프라 기업이다. 첫 화면은 짙은 네이비 배경에 흐르는 형광 케이블 그래픽과 함께 ‘AI 인프라의 새로운 흐름을 열다’라는 문장, 그 아래 ‘NHN FactoryX’라는 서비스명이 크게 놓인다. 부제는 ‘가치는 곧 규모로 완성한 NHN Cloud의 AI 융합 서비스를 소개합니다’이고, ‘NHN FactoryX 자세히보기’ 버튼 하나만 배치했다.
스크롤을 내리면 성격이 바뀐다. ‘주요 솔루션’ 구획은 AI Infrastructure·AI Service·Private Cloud·Government·Finance·Game 여섯 개 탭으로 산업·용도를 구분해 보여주고, 이어서 여덟 개 주요 서비스 카드, 고객 사례 슬라이더, 시작하기·파트너 프로그램·레퍼런스 아키텍처·무료 크레딧 네 개 리소스 카드, 상담 CTA로 마무리된다. 신제품 하나를 앞세우면서도 바로 아래에서 전체 포트폴리오를 촘촘히 훑게 만든 구성이다.
브랜드 & 메시지
브랜드 화법은 ‘유연하게 안전하게’라는 타이틀 태그에서부터 절제돼 있다. 화려한 수식어 대신 Private Cloud 탭의 ‘보안규제 관련 준수’, ‘맞춤형 클라우드 설계’, ‘완전 관리형 클라우드’ 세 문장처럼 구매 담당자가 실제로 검토할 항목을 짧게 나열한다. 신제품 NHN FactoryX를 맨 앞에 두면서도 과장된 카피 없이 ‘소개합니다’ 수준의 담담한 어조를 유지한 점이 눈에 띈다.
고객 사례 구획도 같은 태도다. 한글과컴퓨터, 트래블월렛처럼 인지도 있는 브랜드의 로고를 나열하는 데 그치지 않고 각 카드 하단에 ‘자세히 보기’ 링크를 걸어 사례 본문으로 이동시킨다. 기업 대상 인프라 상품일수록 카피보다 레퍼런스가 설득력을 갖는다는 판단이 읽힌다. 다만 첫 화면의 신제품 카피와 그 아래 종합 포트폴리오 사이의 연결 문장은 없어서, FactoryX가 전체 서비스에서 어떤 위치인지는 스크롤해서 직접 확인해야 한다.
UX/UI 관점
강점은 다섯 가지다. 첫째, 주요 솔루션을 탭 형태로 구성해 AI Infrastructure·Government·Finance·Game처럼 서로 다른 방문자군을 한 화면에서 갈라 받는다. 클릭 한 번으로 자기 업종에 해당하는 카드만 볼 수 있다. 둘째, 주요 서비스 여덟 개를 아이콘·상품명·한 줄 설명 형식으로 통일해, 처음 보는 상품명이라도 역할을 바로 짐작하게 했다.
셋째, 고객 사례를 로고 슬라이더로 배치해 가로 스크롤 없이도 여러 브랜드를 한눈에 훑게 한다. 넷째, ‘도움 되는 정보 한눈에 보기’ 구획에서 시작하기·파트너 프로그램·레퍼런스 아키텍처·무료 크레딧을 카드로 나눠, 이미 결정한 방문자와 아직 탐색 중인 방문자의 다음 행동을 각각 준비해뒀다. 다섯째, 우측에 고정된 플로팅 버튼(새로고침·클립보드·상단이동)이 콘텐츠를 가리지 않는 얇은 형태로 붙어 있어 긴 페이지에서도 탐색 피로를 줄인다.
IA·SEO 전략
페이지 타이틀은 ‘NHN Cloud : 유연하게 안전하게 비즈니스의 힘이 되는 통합 클라우드 서비스’이고, meta description은 ‘국내 대표 클라우드 기업 NHN Cloud, AI 시대를 위한 고성능 인프라와 안정적인 클라우드 서비스를 하나의 플랫폼에서 제공합니다’로 브랜드명과 핵심 가치를 함께 담았다. og:title·og:description·og:image는 지정돼 있지만, 최초 응답 HTML에서 canonical 태그와 JSON-LD 구조화 데이터는 확인되지 않았다.
화면 요소에는 Vue 계열 SPA의 흔적(data-v- 속성)이 남아 있어, 상당 부분이 클라이언트 렌더링으로 채워지는 구조로 보인다. 콘솔·문의하기 버튼과 검색 아이콘까지 헤더에 상시 노출해 실사용자 동선은 잘 짜여 있지만, 검색엔진이 처음 받는 HTML에 구조화 데이터가 없다는 점은 아쉽다. 서비스별 상세 페이지에 Product나 Organization 마크업을 추가하면, 지금의 탭·카드 구성이 갖춘 정보량 대비 검색 노출은 더 넓어질 여지가 있다.
성능·접근성
히어로 영상성 그래픽과 다수의 카드형 이미지를 쓰면서도 전체 레이아웃은 섹션별로 명확히 구획돼 있어 스크롤 흐름이 무겁게 느껴지지 않는다. 다만 고객 사례 로고, 서비스 아이콘, 솔루션 배경 이미지가 모두 한 페이지에 몰려 있으므로, 최초 진입 시점의 이미지 우선순위 설정과 지연 로딩 적용 여부를 점검할 필요가 있다.
우측 플로팅 버튼군은 보기에는 가볍지만, 스크롤 이벤트에 반응하는 요소인 만큼 저사양 기기에서 스크롤 성능에 영향이 없는지 확인하는 편이 좋다. 3개 언어 전환 메뉴가 상단에 고정돼 있는데, 언어별 페이지에 대한 hreflang 선언이 초기 HTML에서는 확인되지 않아, 검색엔진이 언어 버전을 올바르게 구분해 색인하는지는 별도로 점검할 부분이다.
자주 묻는 질문
NHN클라우드는 어떤 기업을 대상으로 서비스하나요?
첫 화면의 여섯 개 솔루션 탭(AI Infrastructure, AI Service, Private Cloud, Government, Finance, Game)으로 볼 때 공공기관·금융·게임·일반 기업까지 폭넓은 산업을 대상으로 합니다. 산업별 탭을 나눈 구성 자체가 그 폭을 보여줍니다.
클라우드 서비스 홈페이지는 신제품을 어떻게 소개하는 것이 효과적인가요?
NHN클라우드처럼 히어로 전체를 신제품 하나에 집중하고, 그 아래에서 전체 포트폴리오로 자연스럽게 이어지는 구성이 유효합니다. 다만 신제품과 전체 서비스의 관계를 설명하는 연결 문장이 있으면 이탈을 줄일 수 있습니다.
클라우드·인프라 기업 홈페이지에 고객 사례를 어떻게 배치해야 하나요?
로고 나열에 그치지 않고 각 사례로 바로 연결되는 링크를 붙이는 것이 핵심입니다. 인프라 상품은 카피보다 실제 도입 사례가 구매 결정에 더 크게 작용하기 때문입니다.
B2B 기업 홈페이지에도 구조화 데이터가 필요한가요?
필요합니다. SPA 구조라 초기 HTML에 구조화 데이터가 비어 있으면 검색엔진과 AI 답변 엔진이 참고할 정보가 줄어듭니다. Organization, Product 마크업을 서버 렌더링 단계에서 함께 제공하는 편이 유리합니다.
디지털 파트너 더블루캔버스
클라우드·인프라 기업의 홈페이지는 일반 소비재 사이트와 다른 과제를 안는다. 방문자가 구매 담당자·개발자·경영진으로 나뉘고, 이들이 원하는 정보(스펙, 규제 준수, 도입 사례)도 서로 다르다. 신제품 하나를 앞세우면서도 전체 포트폴리오를 놓치지 않게 하려면, 페이지 구조 자체가 여러 갈래 방문자를 동시에 받아낼 수 있어야 한다.
The Blue Canvas(더블루캔버스)는 이런 B2B·인프라 기업 홈페이지에서 방문자군별 동선을 먼저 설계하고, 그 위에 SPA든 정적 페이지든 검색엔진이 읽을 수 있는 구조화 데이터를 함께 얹는 작업을 한다. 화면이 화려한 것과 검색·AI 답변에서 발견되는 것은 별개의 문제이며, 두 층위를 함께 설계하는 것이 이런 사이트의 핵심 과제다.
마무리와 다음 스텝
NHN클라우드의 홈페이지는 신제품 하나에 첫 화면을 집중시키면서도, 그 아래에서 여섯 개 솔루션 탭과 여덟 개 서비스 카드, 고객 사례로 전체 포트폴리오를 빠르게 훑게 만드는 구성이다. 절제된 어조와 레퍼런스 중심의 설득 방식이 B2B 인프라 기업다운 균형을 보여준다.
실행 제안은 셋이다. 첫째, 첫 화면 신제품 카피와 그 아래 전체 서비스 사이를 잇는 한두 문장을 추가해 이탈을 줄인다. 둘째, 서비스별 상세 페이지에 Organization·Product 구조화 데이터를 서버 렌더링 단계에서 함께 제공한다. 셋째, 3개 언어 전환 메뉴에 맞춰 언어별 hreflang 선언을 점검한다. 지금의 정보 밀도라면, 검색 구조를 보강하는 쪽이 다음 성장 구간이다.
