개요
그린카(Greencar)는 롯데렌터카가 운영하는 카셰어링 브랜드다. 앱으로 근처에 세워진 차를 빌리고 원하는 곳에 반납하는, 이른바 무인 단기 렌트 모빌리티 서비스다. 이번 리뷰의 대상은 예약이 이루어지는 앱이 아니라, 브랜드를 소개하는 공식 웹사이트다. 첫 화면부터 예약 버튼이나 요금표가 아니라 Create a Better Life라는 영문 슬로건과 공중에 흩뿌려진 라이프스타일 사진 카드가 시선을 끈다. 기능보다 이동이 만들어내는 삶의 변화를 먼저 이야기하겠다는 태도가 첫인상에서 분명하게 읽힌다. 이런 브랜드 중심 홈페이지 제작에서 늘 어려운 지점은 감성적 메시지와 실질적 정보 사이의 저울질인데, 그린카가 어느 쪽으로 기울었는지 화면을 순서대로 따라가며 UX/UI 관점에서 짚어본다. 히어로 타이포그래피, 그린 컬러 운용, 스크롤 스토리텔링, 뉴스·채용으로 이어지는 동선을 차례로 본다.
브랜드 & 메시지
헤드라인은 두 겹으로 쌓여 있다. 위쪽 국문 서브카피 ‘그린카, 모빌리티로 더 나은 삶을 연결합니다’가 브랜드의 약속을 풀어 설명하고, 그 아래 딥네이비 컬러의 ‘Create a Better Life’가 큰 사이즈로 화면의 무게 중심을 잡는다. 흥미로운 선택은 색이다. 로고와 강조 요소는 그린카 특유의 선명한 초록을 쓰면서, 정작 가장 큰 메인 카피는 초록이 아닌 남색을 골랐다. 초록은 배경 그래픽과 CTA에 몰아주고 텍스트는 차분한 색으로 눌러, 화면 전체가 형광빛으로 요란해지지 않도록 조율한 판단으로 읽힌다.
상단 네비게이션은 그린카·서비스·인재채용·뉴스 네 항목이 전부다. 카셰어링 기업 사이트치고 메뉴가 과감하게 적은데, 예약 전환은 앱으로 넘기고 웹은 브랜드 인지에 집중한다는 전략이 이 단출한 메뉴에서부터 드러난다. 다만 첫 화면에는 뚜렷한 행동 유도 버튼이 없다. 스크롤을 한참 내려야 ‘더 알아보기’가, 맨 아래에 이르러서야 ‘채용 바로가기’가 등장한다. 브랜딩을 앞세운 의도적 선택이지만, 지금 방문자가 무엇을 하길 바라는지에 대한 신호는 상대적으로 늦고 약하다.
UX/UI 관점
화면을 내리며 확인한 웹디자인의 강점은 뚜렷하다. 첫째, 히어로를 정적인 큰 사진 한 장으로 채우지 않고 폴라로이드처럼 흩뿌린 여러 장의 라이프스타일 컷으로 구성했다. 도심, 커플, 노을 같은 일상의 순간이 공중에 떠 있어 ‘이동이 연결하는 삶’이라는 메시지를 말보다 먼저 감각으로 전한다. 둘째, 본문을 편집형 스크롤 스토리텔링으로 풀었다. ‘사람과 사람’, ‘시간과 시간’, ‘그리고 공간을 연결합니다’를 세 덩어리로 끊어 챕터처럼 읽히게 만든 구성이 인상적이다.
셋째, 그린과 딥틸 색면으로 짜인 대담한 추상 기하 그래픽이다. 눈과 화살표를 연상시키는 도형이 브랜드 무드를 시각 언어로 세워, 사진에 의존하지 않고도 화면에 개성을 부여한다. 넷째, 섹션 사이에 놓인 ‘· · ·’ 형태의 여백형 구분자가 호흡을 만든다. 광고 배너처럼 밀어붙이지 않고 한 박자 쉬어가게 하는 전환이다. 다섯째, ‘최신 뉴스를 만나보세요’ 캐러셀은 꽃길 드라이브, G커춰 같은 실제 마케팅 콘텐츠를 브랜드 톤 그대로 노출해, 살아 움직이는 채널이라는 인상을 준다. 여기에 풀 라인업 소개 카드가 정지 이미지가 아닌 실제 주행 영상을 담아 신뢰 신호를 더한 점, 마지막 초록 섹션에서 채용 CTA를 큼직하게 강조한 점까지 더하면 UX 완성도는 브랜드 사이트로서 충분히 높다.
IA·SEO 전략
웹과 앱의 역할이 이만큼 명확히 갈린 서비스라면, 웹사이트의 SEO 목표도 예약 전환이 아니라 브랜드·채용·뉴스 검색 유입에 맞춰야 한다. ‘카셰어링’, ‘그린카 이용방법’, ‘그린카 채용’ 같은 정보성 쿼리에 대응할 콘텐츠 페이지가 지금 구조에는 부족해 보인다. 현재 눈에 띄는 약점 하나는 H1이다. 시각적 헤드라인인 ‘Create a Better Life’는 감성적이지만 검색엔진 입장에서는 무엇을 파는 회사인지 알 수 없는 문장이다. 브랜드·서비스 키워드를 담은 국문 H1을 구조적으로 병행해 검색 의도를 잡아줄 필요가 있다.
뉴스 카드도 손볼 여지가 크다. 지금처럼 이미지 슬라이드에 그친다면 각 소식을 개별 URL과 고유 title, 그리고 Article 구조화 데이터로 승격해 검색 노출 면적을 늘리는 편이 낫다. 웹에서 앱 다운로드와 예약으로 넘어가는 딥링크 동선, canonical과 sitemap 정합성까지 정리하면, 브랜드 사이트가 단순 소개를 넘어 유입 자산으로 작동하기 시작한다.
성능·접근성
비주얼이 화려한 만큼 무게를 관리해야 한다. 히어로의 여러 사진 카드와 하단의 대형 추상 그래픽은 초기 로딩의 LCP와 전송량에 직접 영향을 준다. 사진은 WebP·AVIF로 내려주고, 눈·화살표 형태의 추상 도형은 래스터 이미지 대신 벡터(SVG)로 다루면 화질과 용량을 동시에 잡을 수 있다. 스크롤에 반응하는 움직임이 있다면 Intersection 기반으로 실행 시점을 제어하고, 멀미를 느끼는 사용자를 위해 prefers-reduced-motion을 존중하는 처리가 필요하다. 뉴스 캐러셀의 카드 이미지는 지연 로딩으로 넘겨 첫 화면 부담을 줄이는 편이 좋다.
접근성 측면에서 남색 텍스트의 대비는 양호한 편이지만, 초록 배경 위 흰 텍스트 구간은 대비값을 실측해 기준을 넘는지 확인해야 한다. 장식 목적의 기하 그래픽에는 aria-hidden을 적용해 스크린리더의 부담을 덜고, 뉴스 캐러셀의 좌우 화살표는 키보드 포커스와 조작이 가능하도록 보장하는 것이 좋다. 이런 기초 위생은 웹사이트 제작 단계에서 챙길수록 비용이 낮다.
디지털 파트너 더블루캔버스
그린카처럼 예약은 앱이 맡고 웹은 브랜드의 얼굴이 되는 구조에서는, 홈페이지가 감성과 검색 유입을 동시에 감당해야 한다. 스토리텔링만 화려하고 검색에는 잡히지 않는 사이트, 반대로 기능만 있고 브랜드 인상이 없는 사이트 사이에서 균형을 잡는 일이 관건이다. The Blue Canvas(더블루캔버스)는 모빌리티·서비스 브랜드의 홈페이지 제작을 이 두 축 위에서 설계한다. 편집형 스토리텔링과 컬러 시스템을 브랜드 언어로 세우는 웹디자인, 국문 H1과 구조화 데이터를 갖춘 SEO 검색엔진최적화, 그리고 유입을 전환으로 잇는 퍼포먼스 마케팅을 하나의 흐름으로 묶는다. 모빌리티, 브랜드몰, 병원, 분양 등 업종을 불문하고 브랜드 웹사이트 제작을 고민하고 있다면, 아래 링크에서 실제 사례와 협업 방식을 확인해볼 수 있다.
마무리와 다음 스텝
그린카 웹사이트는 카셰어링 브랜드가 기능을 앞세우는 흔한 문법을 버리고, 이동이 연결하는 삶이라는 서사에 화면 전체를 건 작품이다. 흩뿌린 사진, 챕터형 스크롤, 대담한 그린 그래픽은 브랜드 무드를 감각적으로 세우는 데 성공했다. 남은 과제는 이 감성을 유입과 전환으로 잇는 뼈대다. 실행 제안을 셋으로 압축하면 이렇다. 첫째, 시각적 슬로건과 별개로 서비스 키워드를 담은 국문 H1을 심어 검색 진입로를 연다. 둘째, 뉴스와 이벤트를 개별 URL·구조화 데이터로 승격해 검색 노출 면적을 넓힌다. 셋째, 첫 화면에 앱 다운로드나 서비스 소개로 향하는 명확한 CTA 한 개를 배치해, 브랜딩과 행동 유도의 간극을 좁힌다. 이 세 가지만 손봐도 지금의 완성도 높은 웹디자인이 성과로 연결되기 시작할 것이다.