개요
리모(REMO)는 카메라 한 대로 사람의 움직임을 읽어내는 AI 모션 분석 기업이다. 첫 화면을 여는 문장은 Decoding Human Movement with AI. 바로 아래 'The Next Standard in AI Motion Analysis'가 회사의 야심을 한 줄로 압축한다. 관절과 자세, 보행 데이터를 단일 카메라만으로 정밀 분석해 헬스케어·피트니스 현장이 곧바로 쓸 수 있는 지표로 바꾼다는 것이 리모가 내건 제안이다. 딥테크는 메시지가 어려울수록 웹사이트의 전달력이 승부를 가른다. 이번 리뷰는 리모가 이 복잡한 기술을 방문자에게 얼마나 또렷하게 번역해내는지, 히어로 카피 전략부터 제품 라인업의 정보 설계, 전환 지점인 문의 폼까지 이어지는 UX/UI 흐름을 화면 근거로 하나씩 뜯어본다.
브랜드 & 메시지
헤더는 REMO 로고와 함께 TECHNOLOGY · PRODUCTS · USE CASES · INSIGHTS · COMPANY · CONTACT 여섯 항목으로 절제돼 있고, 우측 언어 토글과 'All Menu' 버튼이 딥테크 사이트 특유의 정보량을 정돈한다. 히어로는 근육과 골격 위로 뿌려진 파란 메시 그래픽을 배경 삼아 '움직임을 데이터로 해석한다'는 개념을 말보다 먼저 눈에 각인시킨다. 카피와 이미지가 같은 문장을 말하고 있다는 점이 이 화면의 힘이다. 딥네이비와 선명한 블루의 대비, 그리고 '기술 알아보기'와 '제품 사용 보기'로 갈라지는 두 CTA는 방문자를 기술 검증형과 도입 검토형 여정으로 자연스럽게 나눈다. 다만 두 버튼의 시각 위계가 거의 같아, 주 전환 경로 하나를 정해 채도나 크기로 차등을 두면 첫 클릭의 방향이 더 분명해진다.
UX/UI 관점
리모 웹사이트의 UX/UI에서 가장 눈에 띄는 강점은 스크롤 서사의 설계다. Decoding Human Movement → 'REMO is an AI Technology Company' → Beyond Vision: Understanding Movement → 'From Human Motion to Actionable Intelligence'로 이어지며, 추상적 비전에서 구체적 가치로 화면이 점점 좁혀 든다. 둘째, 핵심 기술을 Body & Posture · Motion & Gait · Motion Classification · Motion LLM 네 카드로 쪼개고 그중 Motion Classification만 딥블루로 칠해 시선을 한 곳에 고정한다. 셋째, FINEFIT · FINEFIT Zone · FINEFIT AI Mirror · REMOBODY-S 제품군을 실제 키오스크·미러·공간 사진으로 보여줘, 손에 잡히지 않는 비전 AI를 만질 수 있는 제품으로 번역한다. 넷째, Application Industries를 Healthcare · Fitness & Sports · Corporate/Workplace · Public/Senior Care 네 분면으로 균형 있게 배치하고 시니어 케어 카드를 컬러로 강조해 확장성을 드러낸다. 다섯째, 'Trusted Partnerships: Proven in Healthcare' 로고월을 전환 직전에 놓아 신뢰 신호를 쌓는다. 여섯째, 하단 'Get in Touch with REMO' 폼을 Product Inquiry / Tech Partnership / Business & Investment / Recruiting 탭으로 분기해 들어오는 리드를 사전에 분류한다. 정보 밀도가 높은 B2B 딥테크임에도 웹디자인의 리듬이 흐트러지지 않는다.
IA·SEO 전략
리모는 Motion LLM, FINEFIT AI Mirror처럼 검색 자산이 될 자체 용어를 이미 여럿 갖고 있다. 문제는 이 용어들이 대부분 히어로와 카드 안의 이미지·짧은 카피에 머문다는 점이다. Motion LLM이 무엇이고 어떤 데이터를 어떻게 해석하는지 설명하는 독립 랜딩을 두고, 제품별(FINEFIT / REMOBODY-S)·산업별(재활, 낙상 예방, 근골격 관리) 페이지를 각각 고유한 <title>과 meta description으로 분리하면 롱테일 검색 유입이 열린다. 상단 언어 토글이 있는 만큼 한/영 hreflang을 정합성 있게 걸어 국내와 해외 B2B 검색을 동시에 잡아야 한다. Organization·Product 구조화 데이터와 파트너 병원·연구기관을 근거로 한 사례 콘텐츠, 그리고 INSIGHTS 채널을 실제 아티클로 채우면 '단일 카메라 보행 분석' 같은 전문 질의에서 리모가 주제 권위를 선점할 수 있다.
성능·접근성
이 사이트는 이미지가 곧 메시지다. 히어로의 근육 메시 비주얼, 네이비 밴드의 열화상 러닝 실루엣, 제품 사진, 그리고 하단 파트너 로고월까지 시각 자산이 촘촘하다. 그만큼 히어로 이미지는 WebP/AVIF로 최적화하되 지연 로딩을 피해 LCP를 앞당기고, 로고월과 제품 카드 이미지에는 명시적 width/height를 지정해 레이아웃이 밀리는 CLS를 막아야 한다. 스크롤 구간마다 등장하는 모션 그래픽은 뷰포트 진입 시점에만 재생되도록 지연 초기화하는 편이 메인 스레드에 유리하다. 접근성 측면에서는 다국어 토글의 상태 표기, 문의 폼의 각 입력에 대한 명시적 <label>과 오류 메시지, 탭 컴포넌트의 키보드 포커스 순서를 점검할 지점이 보인다. 배경 위에 얹힌 흰 텍스트(From Human Motion to Actionable Intelligence)는 대비를 다시 재어 저시력 사용자에게도 안전한지 확인하는 것이 좋다.
디지털 파트너 더블루캔버스
리모처럼 기술은 앞서 있지만 그 가치를 시장 언어로 옮기는 일이 관건인 딥테크·헬스케어 기업에게, 웹사이트는 영업 자료이자 첫 신뢰 관문이다. The Blue Canvas는 이런 B2B 브랜드의 홈페이지 제작을 메시지 설계에서부터 시작한다. 어려운 기술을 방문자가 3초 안에 이해하는 히어로 카피로 다듬고, 제품·산업별 정보 구조를 검색까지 겨냥해 설계하며, LCP·CLS를 관리하는 웹사이트 제작으로 완성한다. 여기에 SEO 검색엔진최적화와 퍼포먼스 마케팅을 연결해 방문이 문의로, 문의가 도입으로 이어지는 전환 경로를 만든다. 딥테크의 잠재력을 성과로 바꾸는 웹디자인 파트너가 필요하다면, 아래에서 The Blue Canvas의 실제 작업을 확인해 보길 권한다.
마무리와 다음 스텝
리모의 웹사이트는 단일 카메라 모션 분석이라는 난해한 기술을, 절제된 GNB와 추상에서 구체로 좁혀 드는 스크롤 서사, 제품·산업 카드로 설득력 있게 풀어낸 완성도 높은 딥테크 사이트다. 여기서 한 걸음 더 나아가려면 세 가지를 제안한다. 첫째, 동일한 위계의 두 히어로 CTA에 주·부 강조를 나눠 첫 클릭의 방향을 명확히 할 것. 둘째, Motion LLM과 각 제품·산업을 고유 URL의 독립 페이지로 분리해 검색 자산과 롱테일 유입을 확보할 것. 셋째, 이미지 중심 화면인 만큼 히어로 LCP와 로고월 CLS를 우선 지표로 삼아 성능 위생을 다질 것. 이 세 과제를 2주 스프린트로 실행하면 지금의 시각적 완성도가 실제 전환 성과로 연결될 것이다.