고르다 인테리어 전문가 매칭 플랫폼 화면 설계
조건을 넣으면 전문가 3명만 골라주는 매칭 플랫폼 시안. 4,200명 중에서 고르지 않게 만드는 것이 설계의 목표였습니다
- 제작 범위
- 플랫폼 화면 설계UI 시안반응형 대응 설계시안 뷰어 제작
- 사용 기술
- PC·모바일 짝 구성기기 목업 제작자동 넘김WebPHTMLCSS
실제 화면
그림이 아니라 실제로 동작하는 화면입니다. 여기서 바로 만져 보실 수 있습니다.
위 화면은 그림이 아니라 실제로 동작하는 화면입니다. 눌러서 직접 만져 보세요.
가상의 인테리어 시공 중개 서비스입니다. 등록 전문가가 4,200명인데, 그게 오히려 이용자를 도망가게 만든다고 가정했습니다.
※ 고르다 GORDA은(는) 실제 존재하지 않는 가상의 브랜드입니다. 노바센트가 직접 기획하고 제작한 데모 화면이며, 페이지에 적힌 수치와 사업자 정보 또한 예시입니다.
프로젝트 목표
견적을 받기까지 3분 안에 끝내고, 비교할 대상을 3곳으로 줄여주는 것입니다.
문제점
매칭 플랫폼의 진짜 문제는 전문가가 적은 게 아니라 **너무 많다** 는 것입니다. 목록이 4,200개면 이용자는 고르지 못하고 창을 닫습니다. 선택지가 많을수록 결정이 쉬워질 것 같지만 실제로는 반대입니다.
해결 방법
첫 화면 문구를 "4,200명 중에서 고르지 마세요" 로 뒤집었습니다. 등록 수를 자랑하지 않고, 그 숫자를 이용자가 겪을 피로로 인정한 뒤 "조건을 넣으면 3명만 골라 드립니다" 로 이어집니다.
왜 이렇게 디자인했나
화면의 모든 요소에는 이유가 있습니다. 이 프로젝트에서 내린 판단과 그 근거를 그대로 적었습니다.
- 01
자랑할 숫자를 문제로 바꿨습니다
보통 이런 서비스는 "전문가 4,200명" 을 크게 씁니다. 그런데 이용자 입장에서 그 숫자는 자랑이 아니라 부담입니다. 같은 숫자를 그대로 두되 "중에서 고르지 마세요" 를 붙여 방향을 뒤집었습니다. 숫자는 신뢰의 근거로 남고, 부담은 우리가 가져갑니다.
- 02
요청서를 5단계로 쪼갰습니다
한 화면에 열 칸을 놓으면 이용자가 도망갑니다. 지역 · 평수 · 범위 · 예산 · 연락처를 한 화면에 하나씩 물었습니다. 위에 3/5 같은 진행 막대를 두어 "몇 개 남았는지" 를 늘 보이게 했습니다. 끝이 보이면 사람은 계속합니다.
- 03
연락처를 마지막에 물었습니다
연락처를 먼저 물으면 대부분 그 자리에서 나갑니다. 앞의 네 단계를 이미 채운 사람은 들인 노력이 아까워서 마지막 칸을 채웁니다. 순서 하나가 전환율을 가릅니다.
- 04
결과를 3명으로 잘랐습니다
"조건에 맞는 전문가 3명을 찾았습니다." 더 보여줄 수 있어도 3명에서 끊습니다. 그리고 그중 하나에 "조건 일치율 높음" 딱지를 붙여 테두리를 둘렀습니다. 셋 중 하나를 미리 밀어주면 결정이 빨라집니다.
- 05
가장 싼 곳을 권하지 않았습니다
견적 비교 화면 맨 아래에 "가장 싼 곳이 항상 좋은 것은 아닙니다 — 기간과 A/S도 함께 보세요" 를 넣었습니다. 총 견적가 옆에 공사 기간 · 계약금 · A/S 기간 · 자재 등급을 같은 표에 놓아, 가격만 보고 고르기 어렵게 만들었습니다. 중개 플랫폼이 가격만 비교하게 두면 결국 시공 품질로 원망을 듣습니다.
주요 기능
- PC 5장 + 모바일 5장을 원본 그대로 게시 (다시 그린 픽셀 0개)
- 홈 · 요청서 작성 · 매칭 결과 · 전문가 상세 · 견적 비교
- 요청서를 5단계로 쪼개고 연락처를 마지막에 배치
- 결과를 3명으로 제한하고 한 곳을 기본 추천으로 강조
- 견적 비교에 가격 외 기간 · A/S · 자재 등급을 같이 표시
- 좌우 버튼 · 방향키 · 스와이프로 옆으로 넘기기
프로젝트 결과
"많이 보여주기" 대신 "적게 보여주고 근거를 붙이기" 로 설계했습니다. 4,200명은 신뢰의 근거로만 쓰고, 이용자가 실제로 마주하는 선택지는 끝까지 3개로 유지했습니다.
