개요
플랜티엠(PlantyM)은 콘텐츠·네트워크·투자 세 부문을 아우르는 사업 그룹이다. 첫 화면은 창을 배경으로 두 사람이 마주한 어두운 시네마틱 오피스 컷 위에 Planting the Value라는 한 문장을 얹어, 세상에 필요한 가치를 심는다는 그룹 철학을 시각적으로 선언한다. 스크롤을 내리면 Planty·Contents·Network·Investment 네 노드가 오렌지 선으로 이어진 성좌형 다이어그램이 등장하고, 곧이어 디지털 매거진 플랫폼·매장음악 서비스·디지털 사이니지로 대표되는 콘텐츠 사업이 카드로 펼쳐진다. 이번 리뷰의 초점은 분명하다. 이 홈페이지가 지주형 콘텐츠 그룹이라는 정체성을 방문자에게 얼마나 빠르고 또렷하게 전달하는지, 그리고 웹사이트 제작 관점에서 메시지 구조와 UX/UI를 어디까지 더 벼릴 수 있는지를 오직 화면에 보이는 것에 근거해 따져본다.
브랜드 & 메시지
헤드라인 Planting the Value는 짧고 은유가 선명하다. 회사명 Planty(심다)와 곧장 맞물리며, 그 아래 국문 카피가 영문 슬로건의 뜻을 받쳐 의미의 공백을 메운다. 톤앤매너는 철저히 절제돼 있다. 무채색에 가까운 인물 사진, 여백이 넉넉한 화이트 배경, 그리고 포인트로만 등장하는 채도 높은 오렌지 — 이 세 재료가 처음부터 끝까지 규칙처럼 반복되며 브랜드 색을 각인시킨다. “Planty 그룹은 콘텐츠·네트워크·투자 부문의 다양한 사업을 통해”라는 문장에서 사업 축인 세 단어만 오렌지로 강조해, 그룹 구조를 한 호흡에 요약한 점도 영리하다. 상단 내비게이션은 Careers를 노출해 인재 채용을 전면에 세운 그룹사의 성격을 은근히 드러낸다. 아쉬운 지점은 히어로에 명시적인 행동 유도 버튼이 없다는 것이다. 방문 목적이 저마다 다른 사용자 — 투자자, 제휴 파트너, 구직자 — 를 각자의 경로로 빠르게 흘려보낼 1차 CTA가 첫 화면에 비어 있어, 강렬한 첫인상에 비해 다음 클릭으로의 연결이 헐겁다.
UX/UI 관점
화면을 따라 내려가면 정보가 계단식으로 쌓인다. 히어로에서 그룹 구조로, New Content Lifestyle 전환을 거쳐 3대 사업 카드, 다크 CTA 배너, 소식·파트너 순으로 이어지는 흐름은 방문자가 회사를 이해하는 순서와 잘 맞물린다. 실제 화면에서 확인되는 웹디자인 강점을 정리하면 이렇다.
• 컬러 절제 — 오렌지 단일 포인트 컬러를 노드 다이어그램, 원형 그래픽, 풀블리드 배너까지 일관되게 밀어붙여, 색 하나로 브랜드가 기억된다.
• 은유의 시각화 — 콘텐츠·네트워크·투자를 점과 선의 네트워크로 그려, 연결이라는 추상 개념을 그래픽 한 장으로 설명한다.
• 리듬 있는 섹션 전환 — 화이트에서 오렌지 풀블리드로, 다시 다크 카드로 배경 명도를 크게 흔들어 스크롤에 기복과 호흡을 준다.
• 카드형 사업 소개 — 디지털 매거진 플랫폼·매장음악 서비스·디지털 사이니지를 사진 카드 3분할로 나눠, 영문 배지와 대형 국문 제목이라는 동일 구조로 라인업을 한눈에 잡아준다.
• 신뢰 신호 집약 — 삼성전자·kt·LG U+·KOICA·대한적십자사·주요 대학 로고를 “함께 나아가는 고객사들” 아래 그리드로 모아 사회적 증거를 촘촘히 쌓았다.
• 마무리 임팩트 — 하단의 대형 타이포 BUILDING A GLOBAL SERVICE가 글로벌 지향을 각인하며, 대표·연락처·Family Site까지 담은 정돈된 다크 푸터로 페이지를 닫는다.
IA·SEO 전략
지주형 그룹 사이트는 두 갈래의 검색을 동시에 잡아야 한다. 하나는 브랜드 검색(플랜티엠, PlantyM), 다른 하나는 사업 부문 검색(디지털 매거진, 매장음악 서비스, 디지털 사이니지)이다. 지금처럼 원페이지 스크롤에 모든 사업을 몰아넣으면, 개별 사업이 고유 URL과 전용 <title>·meta description을 갖지 못해 부문 키워드에서 노출 기회를 통째로 놓친다. 사업마다 하위 상세 페이지를 두고 h1을 “디지털 사이니지 - 플랜티엠”처럼 사업명과 브랜드를 결합한 형태로 명시하면, 검색 의도별 진입점이 새로 열린다. “PlantyM의 소식과 이야기” 아래 공지사항·PR 영역은 꾸준히 갱신되는 텍스트 자산이므로, 목록·상세 구조와 발행일을 담은 Article 구조화 데이터를 붙이면 신선도 신호와 롱테일 유입을 함께 얻는다. Planting the Value, New Content Lifestyle처럼 영문 헤드라인이 많은 만큼 검색 의도를 담은 국문 h2를 병기해 크롤러가 주제를 파악하도록 돕고, Organization 스키마에 로고·주소·SNS를 채워 지식 패널 대응까지 챙기는 편이 좋다.
성능·접근성
비주얼 비중이 큰 사이트에서는 성능이 곧 체감 품질이다. 히어로의 대형 인물 컷과 사업 카드의 어두운 이미지는 WebP·AVIF 병행 제공과 srcset 대응으로 용량을 낮추되, 첫 화면 이미지는 지연 로딩 대상에서 빼 LCP를 지켜야 한다. 오렌지 원형 그래픽과 네트워크 다이어그램이 스크롤 시점에 나타난다면, 요소의 폭과 높이를 미리 예약해 레이아웃 이동(CLS)을 막는 것이 우선이다. 고객사 로고가 스무 개 넘게 깔린 파트너 영역은 스프라이트로 묶거나 뷰포트 진입 시 지연 로딩해 초기 요청 수를 줄이는 편이 낫다. 접근성 측면에서는 오렌지 배경 위 흰 글자(New Content Lifestyle 구간)와 검은 사진 위 흰 카피의 명도 대비를 기준값에 맞춰 점검하고, 사진 카드에는 사업명을 담은 대체 텍스트를, 각 파트너 로고에는 기관명을 alt로, 푸터의 Family Site 셀렉트에는 명시적 레이블을 부여해 키보드·스크린리더 사용자를 배려할 필요가 있다.
디지털 파트너 더블루캔버스
플랜티엠처럼 여러 사업 부문을 하나의 브랜드 아래 묶는 그룹사 홈페이지는, 통일된 톤을 지키면서도 각 사업을 검색과 전환으로 이어내는 설계가 관건이다. 정보 구조를 어떻게 짜느냐에 따라 그룹의 서사가 살기도 하고 흩어지기도 하기 때문이다. The Blue Canvas는 홈페이지 제작 단계에서 브랜드 스토리와 사업 구조를 동시에 담는 정보 설계를 세우고, 웹디자인과 개발, SEO 검색엔진최적화로 부문별 키워드 진입점을 만들며, 퍼포먼스 마케팅으로 채용·제휴·문의 같은 실제 액션까지 끌어낸다. 콘텐츠·네트워크·투자처럼 설명이 필요한 무형의 사업일수록, 웹사이트 제작과 데이터 기반 개선을 한 사이클로 굴리는 파트너의 존재가 성과의 차이를 만든다. 콘텐츠 기업의 홈페이지 제작을 고민하고 있다면, 아래 링크에서 사례와 협업 방식을 확인해 보길 권한다.
마무리와 다음 스텝
플랜티엠 사이트는 절제된 오렌지 컬러와 은유적 그래픽만으로 콘텐츠 그룹의 무게감을 또렷하게 각인시킨다. 서사와 신뢰 신호는 이미 충분히 탄탄하다. 여기에 세 가지를 더하면 완성도가 한 단계 올라선다. 첫째, 히어로에 방문 목적별(사업·채용·제휴) 1차 CTA를 심어 원페이지 안에서도 사용자마다 길을 나눠준다. 둘째, 사업 부문을 개별 상세 페이지로 분리해 부문 키워드 SEO와 깊이 있는 콘텐츠를 확보한다. 셋째, 대형 이미지와 로고 자산의 포맷·로딩 순서를 정비해 LCP와 CLS를 잡는다. 구조와 성능만 손보면, 지금의 완성도 높은 웹디자인이 실제 문의와 검색 유입으로 이어지는 힘을 더 크게 얻을 것이다.