개요
핵심 요약
- 구다이글로벌은 조선미녀·티르티르·스킨1004·라운드랩 등 여러 K-뷰티 브랜드를 보유한 그룹사다.
- 히어로는 흰 배경에 영문 슬로건 ‘Pioneering Beauty Platform’과 국문 보조 카피를 병기한다.
- ‘Global Distribution Hub’ 구획에서 연결 매출액·보유 브랜드 수·글로벌 매출 비중·진출 국가수를 카운트업 숫자로 제시한다.
- ‘Discover.Listen.Expand.’ 구획에서 8개 브랜드를 동일한 크기의 격자 카드로 나열하고, 구다이글로벌 USA·재팬 유통 채널을 별도 카드로 분리한다.
- title과 description이 ‘구다이글로벌’ 한 단어뿐이고 og 메타와 구조화 데이터는 확인되지 않는다.
구다이글로벌은 여러 K-뷰티 브랜드를 보유한 그룹사로, 사이트 첫 화면은 흰 배경에 굵은 대문자로 ‘Pioneering Beauty Platform’을 배치하고 그 위에 ‘브랜드의 잠재력을 발굴하고, 글로벌 유통 네트워크를 통해 세계 시장으로 연결합니다’라는 국문 카피를 짝지었다. 오른쪽에는 ‘구다이글로벌은 뷰티 산업의 새로운 기준을 열어가는 글로벌 뷰티 플랫폼입니다’라는 보조 설명이 붙는다.
이어지는 ‘Multi-Brand Label’ 구획은 당근 이미지가 담긴 제품 사진과 함께 브랜드 운영 철학을 설명하고, ‘Global Distribution Hub’ 구획에서는 연결 매출액·보유 브랜드 수·글로벌 매출 비중·진출 국가수를 큰 숫자로 카운트업 애니메이션 형태로 보여준다. 마지막 ‘Discover.Listen.Expand.’ 구획은 조선미녀·티르티르·스킨1004·라운드랩·스킨푸드·하우스오브허·이유닉·닥터나인틴 여덟 브랜드를 격자형 카드로 나열하고, 구다이글로벌 USA·재팬 두 유통 채널 카드로 마무리된다. 이번 리뷰에서는 개별 제품이 아니라 브랜드 포트폴리오와 유통망을 소개하는 이 그룹사 사이트의 구조를 살펴본다.
브랜드 & 메시지
브랜드 화법은 ‘제품 홍보’가 아니라 ‘플랫폼 소개’다. ‘Pioneering Beauty Platform’이라는 영문 슬로건과 굵은 산세리프 대문자 타이포그래피가 페이지 전체의 톤을 잡고, 국문 카피는 그 아래 보조 설명으로만 쓰인다. 그룹사가 최종 소비자가 아니라 투자자·바이어·파트너를 향해 말하고 있다는 인상을 주는 구성이다.
시각 언어는 흑백과 대형 타이포그래피 중심이며, 제품 사진은 ‘Multi-Brand Label’ 구획 한 곳에만 절제해서 쓴다. ‘Discover.Listen.Expand.’라는 세 단어 슬로건 아래 브랜드 로고 여덟 개를 텍스트 워드마크 형태로 나열한 방식은, 화려한 제품 이미지 대신 브랜드 그 자체를 하나의 엔티티로 다루는 태도를 보여준다.
UX/UI 관점
강점은 다섯 가지다. 첫째, 히어로에서 ‘Pioneering Beauty Platform’이라는 짧은 영문 슬로건과 국문 설명을 한 화면에 병기해, 국내외 방문자 모두가 첫 화면에서 그룹의 포지셔닝을 바로 파악하게 했다. 둘째, ‘Global Distribution Hub’ 구획에서 매출·브랜드 수·매출 비중·진출 국가수를 각각 독립된 숫자 블록으로 나눠, 그룹의 규모를 정성적 설명이 아니라 정량 지표로 증명한다.
셋째, 보유 브랜드 여덟 개를 하나의 격자에 동일한 크기로 배치해 브랜드 간 위계를 두지 않았다. 특정 브랜드를 편애하지 않는다는 신호로 읽힌다. 넷째, ‘Distribution Channels’로 구다이글로벌 USA·재팬을 별도 카드로 분리해, 그룹의 유통망이 국내에 머물지 않는다는 점을 지리적 단위로 명확히 했다. 다섯째, 우상단 언어 전환 아이콘으로 다국어 대응 구조를 갖춰, 해외 바이어가 접근했을 때도 언어 장벽 없이 정보를 확인할 수 있게 했다.
IA·SEO 전략
메타 설계는 최소 수준에 머물러 있다. title은 ‘구다이글로벌’, description도 동일하게 ‘구다이글로벌’ 한 단어뿐이다. og:title·og:description 같은 오픈그래프 메타는 확인되지 않고, 구조화 데이터도 확인되지 않는다. 페이지는 Next.js 기반으로 다수의 청크 스크립트를 로드하며, 히어로 이미지와 브랜드 슬라이드 이미지를 프리로드하는 구성이다.
회사소개·사업영역·지속가능경영·뉴스룸·투자정보·채용정보로 이어지는 상단 내비게이션 구조 자체는 IR·기업 사이트로서 표준적이다. 다만 description이 브랜드명 한 단어에 그치는 점은, ‘구다이글로벌’이라는 브랜드 검색 자체는 무리 없이 받아내더라도 ‘K-뷰티 그룹사’, ‘뷰티 브랜드 인수’처럼 업종 단위로 검색해 들어오는 잠재 파트너·투자자를 놓칠 여지를 남긴다. 보유 브랜드 여덟 개를 텍스트로도 검색엔진이 읽을 수 있는 형태로 노출하는 것이 검색 관점에서는 유리하다.
성능·접근성
히어로와 브랜드 슬라이드에 쓰이는 다수의 이미지를 prelaod로 미리 불러오는 구성이 확인된다. 이미지 수 자체가 많은 편이라, 실제 화면에 노출되기 전 단계까지 프리로드 범위를 넓히면 초기 로딩 부담이 커질 수 있어 우선순위 조정이 필요하다. ‘Global Distribution Hub’의 카운트업 애니메이션 숫자는 스크립트 실행 시점에 따라 초기 렌더에서 0으로 보일 수 있으므로, 스크립트 로딩이 지연되는 환경에서도 최종 값이 빠르게 표시되는지 점검할 필요가 있다.
접근성 측면에서는 대형 타이포그래피 중심 레이아웃이 시각적으로는 명료하지만, 브랜드 로고가 이미지가 아닌 텍스트 워드마크로 렌더되는 만큼 각 브랜드명이 스크린 리더에서 올바르게 읽히는지 확인이 필요하다. 카운트업 숫자 블록에도 최종 값과 단위를 명확히 하는 텍스트 레이블이 함께 있어야 시각 장애 사용자도 동일한 정보를 받을 수 있다.
자주 묻는 질문
구다이글로벌은 어떤 회사인가요?
조선미녀, 티르티르, 스킨1004, 라운드랩 등 여러 K-뷰티 브랜드를 보유하고 글로벌 유통 네트워크를 운영하는 뷰티 그룹사입니다. 사이트는 개별 제품보다 브랜드 포트폴리오와 유통 채널 소개에 초점을 맞추고 있습니다.
여러 브랜드를 보유한 그룹사 홈페이지는 어떻게 구성해야 하나요?
브랜드 간 위계를 두지 않고 동일한 크기로 나열하는 방식이 효과적입니다. 구다이글로벌처럼 그리드 형태로 브랜드를 병렬 배치하면 특정 브랜드에 편중된다는 인상을 주지 않으면서도 포트폴리오 규모를 한눈에 보여줄 수 있습니다.
기업 코퍼레이트 사이트에 투자정보·채용정보 메뉴를 넣는 게 필요한가요?
그룹 규모의 기업이라면 필요합니다. 잠재 투자자와 채용 후보자가 별도 검색 없이 코퍼레이트 사이트에서 바로 관련 정보에 접근할 수 있어야 하고, 이는 회사소개·사업영역과 함께 상단 내비게이션의 표준 구성으로 자리 잡았습니다.
그룹사 홈페이지 제작 비용은 어느 정도인가요?
보유 브랜드 수, 다국어 대응 범위, IR·채용 콘텐츠의 깊이에 따라 달라 일률적으로 말하기 어렵습니다. 브랜드 그리드와 정량 지표 구획을 어떻게 설계할지부터 정한 뒤 상담을 통해 확인하는 것이 정확합니다.
디지털 파트너 더블루캔버스
여러 브랜드나 사업부를 보유한 그룹사는 홈페이지에서 두 가지 독자를 동시에 상대해야 한다. 투자자·바이어처럼 규모와 실적을 확인하려는 방문자와, 특정 브랜드를 찾아 들어오는 소비자다. 이 둘을 하나의 화면 구조로 억지로 합치면 어느 쪽에도 충분한 정보를 주지 못하는 경우가 많다.
The Blue Canvas(더블루캔버스)는 그룹사·지주사 홈페이지 제작에서 이 두 독자를 구분하는 정보 구조와, 검색엔진이 각 브랜드를 개별 엔티티로 인식할 수 있는 메타·구조화 데이터 설계를 함께 다룬다. 코퍼레이트 메시지와 브랜드 검색 유입이 서로를 갉아먹지 않도록 정리하는 작업이다.
마무리와 다음 스텝
구다이글로벌의 사이트는 ‘Pioneering Beauty Platform’이라는 슬로건 아래 정량 지표와 브랜드 그리드로 그룹의 규모를 명료하게 전달한다. 대형 타이포그래피와 흑백 톤으로 절제된 인상을 유지하면서도, 보유 브랜드 여덟 개를 동일한 위계로 나열해 편중 없는 구성을 보여준 점이 눈에 띈다.
실행 제안은 셋이다. 첫째, title과 description에 ‘K-뷰티 그룹’, ‘뷰티 브랜드 포트폴리오’ 같은 업종 키워드를 추가해 브랜드명 검색 외의 유입 경로를 넓힌다. 둘째, 보유 브랜드 목록이 검색엔진에서도 텍스트로 인식되도록 마크업을 점검한다. 셋째, 카운트업 지표와 브랜드 워드마크에 접근성 레이블을 보강한다.
