1. 개요 (Executive Summary)
스타트업 홈페이지는 회사 소개 자료가 아니라 세 종류의 방문자를 동시에 상대하는 영업 창구입니다. 고객은 "이 제품이 내 문제를 푸는가"를, 투자자는 "이 팀이 이 시장에서 이길 수 있는가"를, 입사 지원자는 "여기서 일하면 성장할 수 있는가"를 확인하러 옵니다. 세 질문 중 하나라도 답이 비어 있으면, 그 오디언스는 조용히 이탈합니다.
필수 페이지부터 답하면 일곱 개입니다. 홈, 제품·서비스, 회사소개·팀, 고객사례, 채용, 블로그·리소스, 문의. 다만 창업 첫날부터 일곱 개를 다 갖출 이유는 없습니다. 원페이지로 시작해 회사가 크는 속도에 맞춰 넓히는 쪽이 비용도, 관리 부담도 훨씬 가볍습니다.
이 글은 세 오디언스가 각각 어느 페이지에서 무엇을 보는지, 첫 화면 한 줄(밸류 프로포지션)을 어떤 공식으로 쓰는지, 신뢰 요소를 어디에 놓는지, 그리고 단계별로 어떻게 확장하는지를 순서대로 다룹니다.
핵심 메시지
대기업 홈페이지는 이미 아는 브랜드를 재확인시키는 공간입니다. 스타트업 홈페이지는 다릅니다. 처음 듣는 회사를 15초 안에 믿게 만들어야 하는 공간입니다.
그래서 설계 기준이 뒤집힙니다. "우리가 하고 싶은 말"이 아니라 "방문자가 확인하러 온 것"부터 배치해야 합니다.
2. 스타트업 홈페이지의 3중 오디언스
스타트업 홈페이지 방문자는 크게 셋입니다. 제품 도입을 저울질하는 고객, 투자 검토 중인 투자자, 이직을 고민하는 인재. 세 사람은 같은 주소로 들어와 전혀 다른 것을 봅니다. 이 차이를 모르고 만든 홈페이지는 대개 "우리 회사 연혁"으로 시작해 셋 모두를 지루하게 만듭니다.
2.1 고객은 제품 가치를 본다
고객이 첫 화면에서 확인하려는 건 단 하나, "이게 내 문제를 풀어주는 물건인가"입니다. 판단은 빠릅니다. 헤드라인 한 줄과 첫 스크린샷을 보고 스크롤을 내릴지 뒤로가기를 누를지 정합니다.
스크롤을 내린 고객이 이어서 찾는 건 세 가지입니다. 나와 비슷한 회사가 이미 쓰고 있는지(고객사례), 가격이 어느 정도인지, 문의는 어디로 하는지. 이 동선에 끊긴 데가 있으면 전환은 거기서 멈춥니다.
2.2 투자자는 시장·팀·트랙션을 본다
심사역은 미팅 전에 IR 자료보다 홈페이지를 먼저 열어보는 경우가 많습니다. 확인 포인트는 세 가지, 시장(어떤 문제를 겨냥하는가), 팀(누가 하는가), 트랙션(실제로 굴러가는가)입니다.
여기서 자주 터지는 사고가 메시지 불일치입니다. IR 덱에는 "B2B SaaS"라고 써놓고 홈페이지는 소비자용 앱처럼 말하고 있으면, 심사역은 팀의 정렬 상태부터 의심합니다. 팀 페이지가 아예 없거나 블로그가 1년째 멈춰 있는 것도 같은 신호로 읽힙니다.
2.3 인재는 문화와 비전을 본다
지원자는 채용 공고를 본 뒤 반드시 홈페이지에 들릅니다. 연봉 테이블은 공고에 있으니, 홈페이지에서 찾는 건 다른 것입니다. 이 회사가 어디로 가려 하는지(비전), 어떤 사람들과 일하게 되는지(팀), 회사가 지금 살아 있는지(블로그 최신 글 날짜). 개발자라면 기술 블로그의 글 수준까지 봅니다.
| 오디언스 | 방문 계기 | 머릿속 질문 | 주로 보는 페이지 |
|---|---|---|---|
| 고객 | 검색, 광고, 지인 추천 | "내 문제를 풀어주는 제품인가?" | 홈, 제품·서비스, 고객사례, 문의 |
| 투자자 | 미팅 전 사전 검토, 딜소싱 | "이 팀이 이 시장에서 이길 수 있나?" | 회사소개·팀, 고객사례, 블로그 |
| 인재 | 채용 공고, 커뮤니티, 추천 | "여기서 일하면 성장할 수 있나?" | 채용, 회사소개·팀, 블로그 |
그럼 첫 화면은 누구 기준으로 만들어야 할까요? 고객입니다. 셋 중 가장 성급하고, 가장 쉽게 떠나는 방문자이기 때문입니다. 투자자와 인재는 목적을 갖고 왔으니 메뉴에서 자기 페이지를 스스로 찾아 들어갑니다. 첫 화면은 고객에게 내주고, 나머지 두 오디언스에게는 두 클릭 안에 도달하는 전용 페이지를 보장하면 됩니다.
3. 필수 페이지 구성
회사 홈페이지에 필요한 필수 페이지는 일곱 개입니다. 페이지 수 자체가 중요한 게 아니라, 아래 표의 역할이 어딘가에 존재해야 한다는 뜻입니다. 두 역할을 한 페이지에 합치는 건 괜찮지만, 역할 하나가 통째로 빠지면 특정 오디언스 하나를 잃습니다.
| 페이지 | 주 오디언스 | 핵심 역할 |
|---|---|---|
| 홈 | 셋 모두 | 15초 안에 "무엇을 하는 회사인지" 전달하고, 각 오디언스를 하위 페이지로 분기 |
| 제품·서비스 | 고객 | 기능 나열이 아니라 "도입하면 무엇이 달라지는지" 설명, 가격 안내 또는 문의 동선 |
| 회사소개·팀 | 투자자, 인재 | 미션과 "왜 이 문제를 푸는가", 창업자·핵심 멤버의 이력 |
| 고객사례·레퍼런스 | 고객, 투자자 | 실제 도입 결과의 증명, 트랙션의 증거 |
| 채용 | 인재 | 열린 포지션, 일하는 방식, 지원 절차 |
| 블로그·리소스 | 셋 모두 | 회사가 살아 있다는 신호, 검색·AI 추천 유입의 관문 |
| 문의 | 고객 | 전환이 실제로 일어나는 지점, 최대한 짧은 폼 |
어떤 페이지부터 만들어야 하나?
순서는 홈과 문의가 먼저입니다. 이 둘이 없으면 홈페이지가 아니라 전단지입니다. 그다음이 제품·서비스, 그다음이 회사소개·팀. 고객사례는 억지로 만드는 게 아니라 첫 사례가 생기는 날 바로 올리는 페이지고, 채용과 블로그는 사람을 뽑기 시작할 때, 콘텐츠를 쌓기 시작할 때 각각 열면 됩니다.
페이지가 하나 늘 때 견적이 어떻게 움직이는지는 홈페이지 제작 비용 구조 글에서 따로 다뤘습니다. 결론만 옮기면, 페이지 수보다 "페이지마다 디자인이 다른가"가 비용을 좌우합니다.
회사소개 페이지, 연혁 나열로 채우면 안 되는 이유
"2024년 3월 법인 설립, 2024년 9월 시드 투자 유치…" 이런 연표는 아무도 읽지 않습니다. 투자자와 지원자가 실제로 읽는 건 두 가지입니다. 창업자가 왜 이 문제에 뛰어들었는가, 그리고 핵심 멤버가 어떤 이력을 갖고 있는가. 전 직장에서 이 문제를 직접 겪었다는 한 문단이 연혁 열 줄보다 힘이 셉니다. 연혁은 그 아래 접어두면 됩니다.
문의 폼은 세 칸이면 충분하다
문의 페이지에서 이름, 회사명, 직함, 전화번호, 이메일, 예산, 도입 예정 시기까지 다 물으면 작성 도중에 이탈합니다. 이름·연락처·문의 내용, 세 칸이면 충분합니다. 나머지는 첫 미팅에서 물으면 됩니다.
폼 아래에 "영업일 기준 1일 내 회신"처럼 응답 약속을 한 줄 적어두면 제출 부담이 한 번 더 줄어듭니다. 물론 그 약속은 지켜야 합니다.
4. 메시지 설계: 밸류 프로포지션
첫 화면 한 줄은 공식으로 씁니다. "[누구]의 [어떤 문제]를 [어떻게] 해결한다." 세 칸이 다 채워진 문장이 밸류 프로포지션입니다. 이 한 줄이 비어 있으면 디자인이 아무리 좋아도 방문자는 스크롤하지 않습니다.
왜 "혁신적인 솔루션"은 실패하는가?
초기 스타트업 홈페이지의 절반은 첫 화면에 "혁신", "선도", "최적화된 솔루션" 같은 단어를 겁니다. 문제는 이 단어들이 어느 회사에 갖다 붙여도 말이 된다는 점입니다. 방문자는 자기 문제를 가리키는 단어를 찾으러 왔는데, 화면에는 누구의 문제도 아닌 단어만 떠 있으니 3초 만에 떠납니다.
공식의 세 칸을 채우는 법
- 누구: 좁힐수록 강해집니다. "모든 기업"이 아니라 "직원 50인 미만 제조사", "쇼핑몰 CS팀"처럼. 타깃이 아닌 사람이 떠나는 건 손해가 아닙니다. 어차피 고객이 아니었으니까요.
- 어떤 문제: 고객이 실제로 쓰는 단어로 씁니다. 내부 용어("옴니채널 커머스 인에이블먼트")가 아니라 고객의 입말("주문이 채널마다 흩어져서 정산이 지옥이에요")에서 출발합니다.
- 어떻게: 차별점을 하나만 고릅니다. 빠르다, 싸다, 자동이다, 셋 다 말하면 하나도 기억에 남지 않습니다.
Before / After
Before: "혁신적인 AI 기술로 비즈니스의 디지털 전환을 선도합니다"
After: "쇼핑몰 CS팀의 반복 문의, AI가 먼저 응대합니다"
After에는 누구(쇼핑몰 CS팀), 문제(반복 문의), 해법(AI 선응대)이 한 줄에 다 들어 있습니다. Before를 읽은 방문자는 아무것도 알 수 없지만, After를 읽은 CS 팀장은 "우리 얘기네"라고 느낍니다.
서브카피와 CTA 버튼
헤드라인 아래 서브카피는 구체성 담당입니다. 헤드라인이 약속이라면 서브카피는 근거입니다. "반복 문의의 몇 %를 어떤 방식으로 처리하는지"를 한두 줄로 받쳐줍니다.
CTA 버튼 문구는 "더 알아보기"를 피하세요. 눌렀을 때 무슨 일이 생기는지 버튼에 적는 게 원칙입니다. "무료로 시작하기", "데모 신청하기", "도입 문의하기"처럼 행동과 결과가 보이는 문구가 클릭을 만듭니다. 버튼은 첫 화면에 하나면 됩니다. 둘 이상이면 우선순위가 흐려집니다.
5. 신뢰 요소 배치
처음 듣는 회사의 자기소개는 아무도 그대로 믿지 않습니다. 믿게 만드는 장치가 신뢰 요소이고, 종류는 네 가지입니다. 고객 로고, 수치 트랙션, 보도·수상, 인증·보안. 무엇을 갖고 있느냐만큼, 어디에 놓느냐가 전환을 가릅니다.
- 고객 로고: 가장 힘이 센 요소입니다. 히어로 섹션 바로 아래에 로고 벨트로 5~8개를 놓는 게 정석입니다. 방문자가 아는 로고 하나가 긴 설명 열 줄을 대신합니다. 단, 게재 전에 계약서의 로고 사용 조항을 반드시 확인하세요.
- 수치 트랙션: 누적 처리 건수, 사용 기업 수, 유지율처럼 검증 가능한 숫자만 씁니다. "기준: 2026년 2월"처럼 시점을 병기하면 신뢰가 한 단계 올라갑니다.
- 보도·수상: 언론 보도, 정부 지원사업 선정, 수상 이력. 홈에는 로고나 한 줄만 노출하고 상세는 뉴스 페이지로 넘깁니다.
- 인증·보안: ISO 27001, ISMS 같은 보안 인증과 벤처기업확인 등. B2B SaaS라면 장식이 아니라 고객사 보안 심사를 통과하기 위한 실무 요건입니다. 푸터와 문의 페이지 근처에 배치합니다.
배치 원칙은 하나입니다. 방문자가 의심하는 순간마다 근거를 대주는 것. 헤드라인을 읽고 "정말?"이라는 생각이 드는 지점(히어로 직하)에 로고 벨트를, 가격을 보고 망설이는 지점에 고객 후기를, 폼을 앞에 두고 머뭇거리는 지점에 인증 마크를 놓는 식입니다.
아직 내세울 로고가 없다면?
초기 팀 대부분이 여기서 막힙니다. 대안은 있습니다. 베타 테스터 수나 대기자 명단 규모도 트랙션이고, 파일럿 고객의 후기를 "국내 중견 물류사 물류팀장"처럼 익명 표기로 싣는 방법도 있습니다(표기 방식은 고객과 합의해야 합니다). 창업자의 전 직장 이력, 데모 영상, 상세한 기술 블로그도 초기 단계의 신뢰 자산입니다. 요컨대 로고가 없으면 사람과 제품으로 증명하면 됩니다.
부풀린 숫자는 반드시 돌아온다
도입 검토가 진지해지면 고객사는 레퍼런스 콜을 돌리고, 투자가 진지해지면 실사가 들어옵니다. 홈페이지의 숫자는 그때 전부 대조당합니다. 부풀린 숫자 하나가 들통나면 나머지 진짜 숫자까지 의심받습니다.
숫자가 작으면 작은 대로 갱신 날짜와 함께 정직하게 쓰는 편이, 길게 보면 유일하게 남는 전략입니다.
6. 성장 단계별 확장 로드맵
결론부터. 처음엔 원페이지로 시작하고, 페이지는 회사가 커진 만큼만 늘립니다. 프리시드 단계에서 7페이지짜리 사이트를 만들면 채울 내용이 없어 빈 페이지가 생기고, 빈 페이지는 없느니만 못합니다. "고객사례: 준비 중입니다"라는 페이지가 방문자에게 주는 인상을 떠올려보면 됩니다.
| 단계 | 사이트 구성 | 이 단계의 목표 | 홈페이지 1순위 |
|---|---|---|---|
| MVP·프리시드 | 원페이지 (히어로 + 제품 요약 + 팀 + 문의 폼) | 가설 검증, 첫 고객 확보 | 밸류 프로포지션 한 줄과 문의 동선 |
| PMF 탐색기 (시드) | 홈·제품·문의 분리 + 첫 고객사례 | 반복 사용·재구매 증명 | 고객사례 1건 (광고보다 세다) |
| 시리즈 A 전후 | + 회사소개·팀, 채용, 블로그 | 투자 유치, 채용 확대 | 팀 페이지와 채용 페이지 정비 |
| 성장기 | + 리소스 허브, 필요 시 다국어 | 인바운드·브랜드 강화 | 콘텐츠 운영 체계 (담당자·주기) |
원페이지에는 무엇을 넣나?
위에서부터 이 순서입니다. 밸류 프로포지션 → 제품 스크린샷 또는 데모 → 신뢰 요소 → 팀 → 문의 폼. 눈여겨볼 점은, 이 스크롤 순서가 나중에 사이트를 분리할 때 그대로 메뉴 구조가 된다는 것입니다. 원페이지 단계에서 순서를 제대로 잡아두면 확장할 때 갈아엎을 일이 없습니다.
언제 페이지를 분리하나?
신호는 세 가지입니다. 원페이지 스크롤이 너무 길어져 문의 폼까지 도달하는 사람이 줄었을 때, 고객사례가 두 건을 넘겨 독립 페이지로 묶을 재료가 생겼을 때, 그리고 채용을 시작할 때. 셋 중 하나라도 걸리면 분리할 때가 된 겁니다.
확장 시점은 대개 외주 제작을 검토하는 시점이기도 합니다. 업체를 고르는 기준과 피해야 할 계약 조건은 웹에이전시 선정 가이드에 따로 정리해뒀습니다.
7. 결론 및 체크리스트
스타트업 홈페이지 설계를 한 문장으로 줄이면 이렇습니다. 첫 화면은 고객 기준으로 만들고, 투자자와 인재가 찾는 페이지를 빠뜨리지 않으며, 회사가 크는 속도에 맞춰 넓힌다.
지금 홈페이지가 있다면 아래 여섯 항목으로 점검해보세요. 새로 만드는 중이라면 기획서 옆에 두고 하나씩 지워가면 됩니다.
- 밸류 프로포지션: 첫 화면 한 줄이 "[누구]의 [문제]를 [어떻게]" 공식에 들어맞는가
- 오디언스 동선: 고객·투자자·인재가 각자 찾는 페이지에 두 클릭 안에 도달하는가
- 신뢰 요소: 로고·수치·보도·인증 중 최소 두 종류가 첫 스크롤 안에 보이는가
- 문의 폼: 입력 칸이 세 개 이내이고, 모바일에서 제출까지 막힘이 없는가
- 생존 신호: 블로그·뉴스의 최신 글이 석 달 이내인가 (멈춘 블로그는 멈춘 회사로 읽힌다)
- 빈 페이지 제로: 지금 단계에서 채울 수 없는 페이지를 만들어두지 않았는가
마지막으로 하나만. 홈페이지는 만들고 끝나는 산출물이 아니라 회사와 같이 자라는 자산입니다. 고객사례가 생기면 그날 올리고, 팀원이 합류하면 그 주에 팀 페이지를 고치세요. 방문자는 홈페이지의 갱신 속도에서 회사의 속도를 읽습니다.