웹사이트 디자인 회의에서 가장 자주 빠지는 화면이 있습니다. 검색했는데 결과가 없을 때, 장바구니에 아직 아무것도 담지 않았을 때, 회원가입 직후 주문 내역이 텅 비어 있을 때 — 이른바 빈 상태(Empty State)입니다. 평소에는 거의 보이지 않다가, 하필 고객이 처음 사이트를 둘러보는 결정적인 순간에 등장하죠. 작은 회사 웹사이트에서 빈 상태 한 화면이 곧 "이 사이트 별로네" 라는 첫인상으로 굳어지는 이유입니다.
1. "결과가 없습니다"에서 멈추지 마세요
가장 흔한 실수는 한 줄짜리 문구로 끝내는 것입니다. 고객은 막다른 골목에 부딪힌 것 같은 느낌을 받고 그대로 뒤로 가기 버튼을 누릅니다. 빈 상태는 "왜 비어 있는지"와 "이제 무엇을 하면 좋은지"를 같이 보여줘야 합니다. 검색 결과가 없을 때라면 오타 추천, 인기 검색어, 카테고리 둘러보기 버튼을 함께 노출해 다음 동선을 손에 쥐여주세요.
2. 첫 사용자와 단골을 구분해 설계하세요
똑같이 비어 있어도 의미는 전혀 다릅니다. 회원가입 직후 "주문 내역이 없습니다"는 안내가 아니라 온보딩이어야 하고, 단골 고객이 오랜만에 들렀을 때 보이는 빈 장바구니는 "지난번에 보던 상품으로 돌아가기" 같은 개인화된 동선이 더 잘 통합니다.
- 첫 사용자: 가장 인기 있는 상품 3가지, 베스트 후기, 가이드 영상으로 안내
- 활성 사용자: 최근 본 상품, 위시리스트, 재구매 추천
3. 일러스트와 카피로 브랜드의 결을 담으세요
빈 상태야말로 브랜드 톤이 가장 잘 드러나는 화면입니다. 같은 "장바구니가 비어 있어요"라도 공방 브랜드라면 "아직 장바구니가 한가합니다. 오늘은 어떤 결을 골라볼까요?" 처럼 쓸 수 있죠. 단, 일러스트는 사이트 전체 그래픽과 어울리는 한 가지 톤으로 통일하고, 화려함보다 호흡을 우선하세요.
4. 빈 상태에도 검색·필터의 흔적을 남기세요
리스트가 비어 있을 때 가장 답답한 건 "내가 무엇을 검색했더라" 가 사라지는 경우입니다. 검색어와 적용한 필터를 화면 위쪽에 그대로 보여주고, 필터 해제 버튼을 한 번에 누를 수 있게 하세요. 모바일에서는 특히 이 한 번의 클릭이 이탈을 막습니다.
5. 빈 상태도 분석 대상입니다
어떤 빈 상태가 가장 자주 보이는지 데이터로 추적해야 다음 개선이 가능합니다. 검색 결과 없음 페이지를 GA4의 별도 이벤트로 잡아두면, 고객이 자주 검색하지만 우리가 채우지 못한 상품·콘텐츠가 그대로 드러납니다. 빈 상태가 곧 우리 사이트의 빈틈을 알려주는 셈입니다.
마무리
빈 상태는 "보여줄 게 없는 화면"이 아니라 다음 행동을 안내하는 화면입니다. 텅 빈 자리에 무엇을 채워 넣느냐가 작은 회사 웹사이트의 디테일 점수를 결정합니다. 이런 디테일까지 함께 고민해 줄 파트너가 필요하시다면, CYAN 에이전시가 작은 브랜드의 결을 살려 빈 화면까지 설계해 드립니다.