RUDA DIRECTOR / BEFORE & AFTER · PATTERN 001
기능이 많은 제품의 첫 화면이 약해지는 이유는 기능 수가 많아서가 아니다. 구매자가 어떤 정보를 먼저 봐야 하는지 결정되지 않은 상태에서 모든 기능이 같은 무게로 등장하기 때문이다.
이번 글은 특정 회사의 사례가 아니다. 여러 실제 서비스 페이지를 검토하면서 반복해서 나타난 구조를 익명화해 정리했다. 실제 고객 관계나 성과를 전제로 하지 않고, 공개된 화면에서 관찰할 수 있는 구매 마찰과 수정 원리만 다룬다.
BEFORE — 모든 기능이 첫 번째 이유가 되려는 화면
제품이 성장하면 기능은 자연스럽게 늘어난다. 자동화, AI, 리포트, 협업, 알림, 권한, 템플릿, 외부 연동. 각각은 실제로 중요한 기능이다.
문제는 이 기능들이 첫 화면에서 모두 같은 시각적 무게를 갖는 순간 시작된다. 사용자는 제품을 이해하는 대신 기능 목록을 해석하는 일부터 해야 한다.
VISUAL 01 · INFORMATION WEIGHT
BEFORE
9개의 기능 = 9개의 경쟁
AI
자동화
데이터
리포트
협업
알림
권한
템플릿
연동
무엇을 먼저 봐야 하는지 화면이 결정해주지 않는다.
AFTER
1개의 구매 이유 → 기능은 근거
반복 입력을 없앤다
↓
자동화 · 데이터 연결 · 협업 · 알림
↓
작동 화면과 Proof
기능 수는 그대로지만 시선의 우선순위가 생긴다.
Feature Density는 제품의 복잡도다. Decision Clarity는 구매자가 그 복잡도를 얼마나 빨리 이해하는가의 문제다.
DIAGNOSIS — 구매자는 기능 지도가 아니라 판단 순서를 필요로 한다
첫 화면에서 사용자가 풀어야 하는 질문은 많지 않다. 오히려 순서가 중요하다.
VISUAL 02 · BUYING DECISION PATH
01
WHY CARE
내 문제인가?
02
WHY THIS
왜 이 방식인가?
03
WHY TRUST
정말 작동하나?
04
WHAT NEXT
다음 행동은?
기능을 많이 보여주는 페이지는 이 네 질문을 동시에 답하려 한다. 그러면 메시지는 풍부해지지만 판단 순서는 사라진다. 수정의 핵심은 정보를 줄이는 것이 아니라 이 네 질문에 맞춰 순서를 다시 만드는 것이다.
DECISION 01 — 기능이 아니라 ‘구매 순간’을 먼저 고른다
가장 먼저 해야 할 일은 Hero 문장을 쓰는 것이 아니다. 사용자가 제품의 가치를 가장 강하게 느끼는 순간을 하나 고르는 것이다.
| 기능 언어 | 구매 순간으로 번역 | 사용자가 이해하는 가치 |
|---|---|---|
| AI 자동화 | 같은 내용을 다시 입력하지 않는 순간 | 반복 업무 제거 |
| 통합 대시보드 | 여러 파일을 열지 않고 상태를 판단하는 순간 | 판단 시간 단축 |
| 전자계약 | 승인 뒤 계약 흐름이 끊기지 않는 순간 | 업무 단절 감소 |
| 실시간 협업 | 메신저에서 결정사항을 다시 찾지 않는 순간 | 맥락 손실 감소 |
이 표의 목적은 카피를 예쁘게 바꾸는 것이 아니다. Feature → Situation → Value로 추상화 수준을 옮기는 것이다. 기능은 제품 내부의 언어이고, 구매 순간은 사용자의 언어다.
DECISION 02 — Hero는 하나만 약속하고, 기능은 Workflow로 묶는다
기존 Hero가 이렇게 생겼다고 가정해보자.
AI · 자동화 · 데이터 · 협업 · 분석을 하나로.
모든 업무를 더 스마트하게.
말은 넓지만 판단할 정보는 적다. 그래서 Hero는 한 가지 변화를 먼저 약속하고, 나머지 기능은 뒤에서 그 약속을 실현하는 흐름으로 배치한다.
같은 정보를 세 곳에 다시 입력하지 마세요.
한 번 등록한 업무가 승인·실행·확인까지 이어지게 만드세요.
VISUAL 03 · FEATURES → ONE WORKFLOW
01
입력
02
승인
03
실행
04
확인
05
기록
사용자는 기능을 배우는 대신 자기 업무가 어떻게 이어지는지 이해한다.
DECISION 03 — Proof는 기능 설명보다 먼저 올라와야 한다
기능이 많은 제품은 “더 많이 설명하면 더 설득된다”고 생각하기 쉽다. 하지만 구매자의 불안은 기능 부족보다 이 약속이 실제로 작동하는지에 있다.
VISUAL 04 · PROOF LADDER
약속
“반복 입력을 줄인다”
↓
작동 방식
한 번 입력한 정보가 다음 단계로 이어지는 화면
↓
검증 근거
공개 가능한 실제 화면 · 작동 범위 · 사용 조건
↓
전체 기능
자동화 · 리포트 · 협업 · 권한 · 연동
초기 제품이라 실제 성과 데이터가 부족할 수 있다. 이때 존재하지 않는 성과를 만들면 안 된다. 대신 실제 제품 화면, 작동 방식, 검증 범위, 제한 조건을 분리해서 보여주는 편이 더 신뢰할 수 있다.
BEFORE / AFTER — 같은 정보라도 비교축이 달라진다
| 비교축 | Before | After |
|---|---|---|
| 구매 이유 | 여러 기능을 동시에 설명 | 가장 강한 문제 하나를 먼저 제시 |
| 정보 위계 | 기능 간 우선순위가 없음 | 문제 → 해결 방식 → Proof → 기능 |
| 페이지 구조 | 기능별 섹션 나열 | 사용자의 업무 흐름으로 재배치 |
| Proof | 기능 설명 뒤에 등장 | 핵심 약속 직후 제시 |
| CTA | 여러 행동이 병렬 경쟁 | 다음 결정 하나를 Primary CTA로 집중 |
여기서 중요한 것은 단순화 자체가 아니다. 같은 정보에 서열을 부여한 것이다. 좋은 정보 위계는 정보를 덜 보여주는 기술이 아니라, 사용자가 언제 무엇을 볼지 결정하는 기술이다.
AFTER — 첫 화면은 제품 설명서가 아니라 선택 인터페이스가 된다
구매 이유 하나가 먼저 생기면 뒤의 기능은 근거로 읽힌다. 구매 이유가 없으면 같은 기능이 모두 읽어야 할 숙제가 된다.
첫 화면의 역할은 제품 전체를 설명하는 것이 아니다. 사용자가 다음 내용을 읽을 이유를 가장 짧게 만드는 것이다.
WHEN NOT TO APPLY — 모든 제품을 하나의 메시지로 압축하면 안 된다
이 원칙을 기계적으로 적용하면 오히려 정보가 부족해질 수 있다.
- 카테고리 리더 — 사용자가 이미 제품 범주를 이해한다면 폭넓은 기능과 Proof가 구매 검토에 직접 필요할 수 있다.
- Enterprise 제품 — 여러 부서가 함께 구매한다면 서로 다른 Decision Criteria를 한 화면 안에서 조율해야 할 수 있다.
- Developer Tool — API 범위, 호환성, 보안 규격처럼 Feature completeness 자체가 구매 기준인 경우가 있다.
따라서 목표는 “기능을 적게 보여라”가 아니다. 누가 어떤 순간에 무엇을 결정하는지 먼저 정하고, 그 결정에 필요한 정보만 우선순위를 높여라에 가깝다.
Decision Rule
첫 화면에서 여러 기능이 같은 시각적 무게로 경쟁한다면, 카피를 다듬기 전에 무엇이 실제 구매 이유인지 먼저 정한다. 구매 이유가 하나도 우선되지 않는다면 문제는 문장이 아니라 포지셔닝과 정보 위계에 있다.
Before & After 시리즈
특정 회사나 브랜드를 평가하는 대신, 실제 서비스에서 반복되는 문제를 익명화해 수정 원리와 Decision Rule만 기록합니다.