개요
핵심 요약
- 모두의매트는 층간소음 차단에 특화된 유아 매트를 레이저 실측 후 맞춤 시공하는 브랜드다.
- 히어로 카피는 ‘매트를 바꾸는 것이 아니라 생활을 바꾸는 선택입니다’이며, 브랜드 서사는 ‘아빠 기준검수’라는 자체 검증 프로세스를 축으로 삼는다.
- 소재 안전성은 KC·SGS 인증과 포름알데히드·중금속 미검출 표기로 제시된다.
- 소음 성능은 맨바닥 100dB에서 시공 후 68dB로 줄어드는 측정값으로 설명된다.
- 견적 계산기, 견적 문의, 샘플 신청 세 갈래 전환 경로를 상단과 하단에 반복 배치한다.
모두의매트는 유아 매트를 파는 브랜드이면서 동시에 시공 업체다. 제품을 배송하는 것으로 끝나지 않고 레이저 실측으로 공간을 재고 맞춤 재단해 시공한다. 홈페이지는 이 이중 성격을 처음부터 드러낸다. 히어로 카피는 ‘매트를 바꾸는 것이 아니라 생활을 바꾸는 선택입니다’이고, 곧이어 ‘그냥 깔지 않습니다. 발걸음을 설계합니다’가 이어진다. 매트를 상품이 아니라 공사로 정의하는 화법이다.
화면 구성은 서사 → 근거 → 수치 → 전환의 순서를 따른다. ‘모두의매트 이야기’에서 창업 동기를 밝히고, ‘아빠 기준검수’로 검증 방식을 설명하고, 8층 구조와 소음 측정값으로 성능을 증명한 뒤, 견적 계산기와 샘플 신청으로 넘긴다. 이번 리뷰에서는 이 설득 구조와 함께, 검색 대응 측면에서 이 사이트가 보여주는 모범적인 부분과 아쉬운 한 가지를 살펴본다.
브랜드 & 메시지
브랜드 서사의 중심은 ‘아빠 기준검수’다. 화면에는 이렇게 적혀 있다. ‘내 아이가 매일 발을 딛는 기준 앞에서 시중의 어떤 제품도 닿지 못했습니다. 결국 기준을 직접 만들기로 했습니다.’ 그리고 ‘우리가 아빠 기준검수라고 부르는 그 과정으로, 통과하지 못하면 출시하지 않습니다’로 마무리된다. 창업자의 개인 경험을 품질 기준으로 제도화한 서사인데, 유아용품처럼 구매자가 사용자가 아닌 카테고리에서 특히 잘 작동한다. 부모는 성능 수치보다 ‘같은 입장에 선 사람의 판단’을 신뢰하기 때문이다.
톤앤매너는 크림과 오트밀, 웜 그레이로 통일돼 있다. 아이가 뛰어가는 사진, 엄마와 아이가 마주 앉은 사진처럼 실제 생활 장면을 쓰고, 제품 사진은 오히려 뒤로 미룬다. ‘지하철 한복판 같던 우리집. 쿵, 하고 내려앉던 마음. 한 겹이 만든 고요의 시작’ 같은 카피는 층간소음을 소음 수치가 아니라 감정으로 먼저 번역한다. 그다음에 데시벨이 등장하기 때문에 숫자가 더 잘 박힌다.
UX/UI 관점
강점은 여섯 가지다. 첫째, 전환 경로를 목적에 따라 셋으로 나눴다. 지금 사고 싶은 사람은 견적 문의, 가격이 궁금한 사람은 견적 계산기, 아직 못 미더운 사람은 샘플 신청으로 간다. 구매 단계가 다른 방문자를 하나의 버튼으로 몰지 않은 판단이 좋다. 둘째, 견적 계산기를 별도 도구로 제공한다. 시공 상품은 면적에 따라 가격이 달라져 문의 전에 대략의 금액을 알기 어려운데, 이 장벽을 도구로 해결했다.
셋째, 성능을 측정값으로 제시한다. 맨바닥 100dB에서 시공 후 68dB로 줄어든다는 비교는 ‘조용해집니다’라는 문장보다 훨씬 강하다. 넷째, 8층 구조와 2.2cm 고밀도 폼 코어처럼 제품 내부를 수치로 공개해, 겉으로 보이지 않는 차이를 설명했다. 다섯째, ‘4가지 약속’(소음·안심·미끄럼방지·청소)으로 구매 후 걱정거리를 미리 정리했다. 여섯째, 카카오톡을 ‘가장 빠른 응답’으로 명시하고 상담 가능 시간을 함께 표기했다. 응답 속도에 대한 기대치를 먼저 설정하는 이 작은 문구가 문의 전환에서는 의외로 크게 작동한다.
IA·SEO 전략
검색 대응은 이번 리뷰 대상 중 손꼽을 만큼 잘 준비돼 있다. 제목은 ‘모두의매트 | 층간소음 잡는 프리미엄 유아 매트’로 브랜드와 핵심 검색어를 함께 담았고, meta description에는 KC·SGS 인증과 레이저 실측 맞춤 시공이라는 차별점이 들어가 있다. h1은 ‘매트를 바꾸는 것이 아니라 생활을 바꾸는 선택입니다’로 주제를 문장으로 선언한다. canonical과 Open Graph가 갖춰져 있고, Organization·WebSite·WebPage·Service·ContactPoint·ImageObject 등 구조화 데이터가 다층으로 적용돼 있다.
아쉬운 것은 한 가지다. 신뢰 지표 영역의 숫자 — 누적 시공 가정 수, 품질보증 건수, 평균 만족도 — 가 문서에는 0으로 남아 있고 실제 값은 스크립트가 채운다. 화면에서는 카운트업 애니메이션으로 자연스럽게 보이지만, 검색엔진과 AI 수집기가 읽는 문서에는 ‘0 가정이 선택’만 남는다. 애써 만든 실적이 기계에게는 0으로 전달되는 셈이다. 최종값을 마크업에 넣고 애니메이션이 그 값을 갱신하도록 바꾸면 바로 해결된다. 여기에 시공사례를 개별 URL로 열어 지역명과 평형을 담으면 ‘30평 아파트 층간소음 매트 시공’ 같은 롱테일까지 받아낼 수 있다.
성능·접근성
이미지 최적화가 잘 되어 있다. WebP와 AVIF를 함께 제공하고 지연 로딩도 적용돼 있어, 사진 비중이 큰 브랜드 사이트치고 초기 로딩 관리가 견실하다. 다음으로 볼 것은 히어로 이미지의 반응형 소스 분리다. 거실 전경처럼 가로로 넓은 사진은 모바일에서 잘리거나 축소되므로, 기기별로 다른 크롭을 제공하면 데이터와 구도를 동시에 얻는다.
접근성 측면에서는 대체 텍스트가 잘 채워져 있는 편이다. 남은 과제는 대비와 도구다. 크림 배경 위 연회색 보조 문구는 명도 차가 줄어들기 쉬우니, 인증 표기나 상담 시간처럼 판단에 쓰이는 텍스트는 대비를 확보해야 한다. 견적 계산기는 이 사이트의 핵심 도구이므로, 입력 필드에 레이블이 붙어 있는지, 키보드만으로 끝까지 진행되는지, 결과가 스크린리더에 안내되는지 점검할 가치가 있다. 소음 비교처럼 그래프로 표현된 정보는 수치를 텍스트로도 함께 제공해야 한다.
자주 묻는 질문
시공이 필요한 상품의 홈페이지에는 무엇을 두어야 하나요?
문의 전에 대략의 금액을 알 수 있는 도구가 가장 효과적입니다. 모두의매트의 견적 계산기처럼 면적을 입력하면 예상 비용이 나오는 장치를 두면, 가격을 모른 채 문의하기 부담스러워 이탈하는 방문자를 붙잡을 수 있습니다.
제품 성능을 홈페이지에서 설득력 있게 보여주려면 어떻게 해야 하나요?
측정값 비교가 가장 강합니다. ‘조용해집니다’보다 ‘100dB에서 68dB로’가 기억에 남습니다. 다만 측정 조건을 함께 밝혀야 신뢰가 유지되고, 과장된 수치는 오히려 역효과를 냅니다.
실적 숫자를 카운트업 애니메이션으로 보여주면 문제가 되나요?
최종값이 HTML에 없고 스크립트로만 채워진다면 문제입니다. 검색엔진과 AI가 읽는 문서에는 0이 남게 되어, 누적 실적이 아예 없는 것처럼 인식됩니다. 마크업에 실제 값을 넣고 애니메이션이 갱신하는 방식으로 구현해야 합니다.
시공 사례는 홈에 모아두는 것과 개별 페이지로 나누는 것 중 어느 쪽이 좋은가요?
개별 페이지로 나누는 편이 낫습니다. 지역명과 평형, 시공 조건을 담은 사례 페이지는 ‘30평 아파트 매트 시공’처럼 구체적인 검색을 받아내며, 이런 검색은 문의 전환율이 매우 높습니다.
디지털 파트너 더블루캔버스
시공·설치가 포함된 상품은 온라인에서 파는 방식이 다르다. 가격이 조건에 따라 달라지고, 결과를 미리 볼 수 없고, 한 번 시공하면 되돌리기 어렵다. 그래서 홈페이지가 해야 할 일은 상품 설명이 아니라 불확실성 제거다. 얼마인지, 어떻게 진행되는지, 잘못되면 어떻게 되는지를 순서대로 답해야 문의가 들어온다.
The Blue Canvas(더블루캔버스)는 시공·설치형 비즈니스의 홈페이지 제작에서 이 불확실성의 순서를 설계한다. 견적 도구를 어디에 둘지, 사례를 어떤 단위로 나눌지, 상담 채널의 기대 응답 시간을 어떻게 밝힐지를 정하고, 그것이 지역 검색에 걸리도록 문서 구조를 잡는다. 문의 한 건의 가치가 큰 업종일수록 이 설계의 효과가 크다.
마무리와 다음 스텝
모두의매트의 사이트는 잘 만들어진 전환 설계의 사례다. 감정으로 문제를 환기하고 숫자로 해결을 증명하는 순서, 구매 단계별로 나눈 세 개의 전환 경로, 견적 계산기라는 도구화, 상담 시간까지 밝힌 성실함이 고르게 작동한다. 제목·설명·구조화 데이터·이미지 최적화까지 챙긴 점은 이 규모의 브랜드에서 보기 드물다.
실행 제안은 셋이다. 첫째, 카운트업으로 처리된 실적 수치를 마크업에 최종값으로 넣는다. 지금 가장 큰 손실 지점이다. 둘째, 시공사례를 개별 URL로 열어 지역·평형 검색을 받는다. 셋째, 견적 계산기의 접근성과 히어로 이미지의 반응형 소스를 정비한다. 기본기가 탄탄한 사이트이므로, 이 세 가지만 더하면 검색 성과가 한 단계 올라갈 여지가 있다.