개편 후 통합 메인 화면을 손에 든 모습

흐름이 끊기는 지점을 찾아
구조로 다시 이었어요

앳홈트립의 유일한 프로덕트 디자이너로, 진입부터 구매 후까지 사용자가 지나가는 네 구간을 차례로 고쳤어요.

기간
2026.01 – 현재
역할
프로덕트 디자이너
기여도
100%디자인 단독
팀
CTO 1 · PM 2 · BE 3 · FE 1
서비스
athometrip.com

Company회사 소개

AtHomeTrip 로고

뉴욕 여행 준비에서 출발한
여행 커머스예요

입장권, 투어, 숙소, 공항 이동을 팔아요. 뉴욕과 칸쿤으로 시작해 미서부를 열었고, 지역을 더 넓히는 중이었어요.

athometrip.com 방문하기

주력 상품

픽패스

고른 수만큼 관광 상품을 할인가로 쓰는 횟수권이에요.

목표

새 지역으로 확장

지역이 늘어도 무너지지 않는 서비스 구조가 필요했어요.

목표

회원 유치

가입하고 다시 찾아올 이유가 필요했어요.

Flow일한 순서

사용자가 지나가는 순서대로
끊긴 곳을 하나씩 이었어요

  1. 진입 · 탐색메인 구조 개편첫 화면의 기준점이 뉴욕에 고정돼 있었어요.
  2. 구매 결정상세페이지 · 사진 후기정보 위계가 없고 후기는 쌓이지 않았어요.
  3. 결제결제하기 · 쿠폰입력과 쿠폰에 밀려 결제에 집중하기 어려웠어요.
  4. 구매 후고객센터 신설모든 질문이 사람에게 바로 갔어요.
  1. 진입 · 탐색
  2. 구매 결정
  3. 결제
  4. 구매 후

진입 · 탐색메인 구조 개편

기준점을 뉴욕에서
서비스 전체로 옮겼어요

지역이 늘어도 사용자가 처음부터 지역을 직접 고를 수 있도록 메인과 메뉴의 구조를 다시 설계했어요.

기간
2026.03 – 05
범위
통합 메인 · LNB · 카테고리 랜딩

Problem문제 및 배경

서비스의 기준점이
뉴욕에 고정돼 있었어요

36.2%

메인 클릭 1위는
상품이 아니라 메뉴였어요

모바일 메인 클릭의 36.2%가 전체 메뉴였어요. 이미 오픈한 미서부의 방문자는 뉴욕의 2%였어요.

개편 전 뉴욕 홈
개편 전 전체 메뉴. 지역을 고르는 곳 없이 카테고리만 있어요
개편 전 · 뉴욕 홈과 전체 메뉴

3 / 10

뉴욕 홈 방문 10번 중
3번은 끌려온 거였어요

지역 드롭다운을 추가해도 달라지지 않았어요. 확인해 보니 가입이나 로그인을 마치면 어느 지역이든 뉴욕 홈으로 이동했어요.

회원가입 완료로그인 완료
뉴욕 홈
처음 시도한 지역 드롭다운
처음 시도한 방법 · 지역 드롭다운

Insight

지역이 늘수록 사용자는
첫 화면에서 길을 잃었어요

Approach해결 과정

세 가지 방법 중
기준점을 없애는 방법을 골랐어요

목표는 사용자가 처음부터 지역을 직접 고르게 하는 거였어요.

기준점이 남음 A

첫 방문 때
지역 선택 팝업

한 번 고른 지역이 다시 기준점이 돼요.

기준점이 남음 B

로고를 누르면
마지막 본 지역으로

기준점이 뉴욕에서 다른 한 지역으로 바뀔 뿐이에요.

선택 C

모든 지역을 담는
통합 메인

사용자가 첫 화면에서 지역을 직접 골라요.

Solution결과물

첫 화면과 메뉴,
두 곳의 기준점을 바꿨어요

01통합 메인

로고와 가입 후 첫 화면을
통합 메인으로 바꿨어요

첫 화면에서 지역을 직접 고르고, 주력 상품은 지역과 상관없이 먼저 보여줘요.

  • 지역 버튼뉴욕 · 미서부 · 칸쿤 중 바로 골라요.
  • 픽패스 섹션주력 상품을 지역과 상관없이 먼저 보여줘요.

02LNB

메뉴에서는 지역과
카테고리를 함께 골라요

어느 화면에서든 메뉴를 열면 왼쪽은 지역, 오른쪽은 카테고리예요.

  • 왼쪽지역 — 뉴욕 · 미서부 · 칸쿤
  • 오른쪽선택한 지역의 카테고리
지역과 카테고리를 함께 고르는 LNB

03확장 규칙

지역이 늘어도 손볼 곳이 정해져 있어요

지역 수에 따라 통합 메인의 지역 선택 방식만 바뀌어요.

3개지역

세로 목록

4개지역

2×2 그리드

5개 이상지역

전체 화면 선택

Result성과

뉴욕 홈으로 끌려오던
방문이 줄었어요

30% 4%

가입이나 로그인 후 뉴욕 홈으로 이동하던 흐름이 사라졌어요. 대신 뉴욕 홈 방문의 20~30%는 사용자가 통합 메인에서 직접 고른 방문이 됐어요.

뉴욕 홈 방문 중 가입 · 로그인 · 다른 지역에서 넘어온 비율

Lesson

화면을 고쳐도 안 바뀌면
기준점을 봐야 했어요

드롭다운으로는 달라지지 않던 행동이 기준점을 옮기자 바뀌었어요. 이후 프로젝트에서도 화면보다 흐름의 시작점을 먼저 확인했어요.

Next

찾아온 사람이 사게 만드는
일이 남았어요

상세페이지에서 장바구니에 담는 비율은 뉴욕이 9%, 미서부는 1~2%였어요. 낯선 지역일수록 상세에서 결정하지 못하고 있었어요.

  1. 진입 · 탐색
  2. 구매 결정
  3. 결제
  4. 구매 후

구매 결정상세페이지 · 사진 후기

정보 위계를 잡고,
후기가 쌓이는 길을 냈어요

지역과 상품이 늘면서 상세페이지의 정보가 많아졌어요. 정보의 위계를 다시 잡고, 후기가 쌓이는 흐름을 함께 설계했어요.

기간
2026.07 – 09
범위
상세페이지 · 옵션 패널 · 사진 후기

Problem문제 및 배경

탭 없이 정보가 나열돼
위계가 없었어요

상세페이지에 카테고리 탭이 없었어요. 상품 설명, 이용 방법, 위치, Q&A, 취소·환불, 후기가 한 페이지에 길게 이어져서, 구매를 결정하는 데 필요한 정보와 후기는 맨 아래까지 내려가야 볼 수 있었어요.

후기를 쓸 곳이
여행 후 흐름에 없었어요

후기는 상세페이지에서만 쓸 수 있었는데, 여행을 마친 사용자는 상세페이지로 돌아오지 않았어요.

개편 전 상세페이지 첫 화면. 카테고리 탭이 없어요
개편 전 상세 첫 화면카테고리 탭 없음
개편 전 상세페이지 맨 아래의 구매후기 영역
개편 전 상세탭 없이 맨 아래에 후기
개편 전 내 여행. 예약 카드에 후기를 쓰는 메뉴가 없어요
개편 전 내 여행후기 쓰는 곳 없음

정보는 위계 없이 나열돼 있었고,
구매를 결정하게 하는 후기는 쌓이지 않았어요.

Solution해결 과정

목표

정보의 위계를 잡고, 후기가 쌓이는 흐름을 만들어요.

모든 상품에 같은 순서를 적용했어요

상품 정보, 예약 전 확인사항, Q&A, 취소·환불, 후기를 고정 탭으로 묶었어요. 꼭 읽어야 할 안내는 2~3줄만 먼저 보여주고 나머지는 접었어요.

옵션은 한 단계씩 고르게 했어요

인원, 날짜, 시간, 대표자, 수량을 순서대로 펼쳐지게 바꿨어요. 지금 무엇을 골라야 하는지만 보여요.

후기 작성 경로를
여행 후 흐름으로 옮겼어요

'내 여행'에 후기 탭을 만들고, 여행일부터 쓸 수 있게 했어요. 상세페이지에서는 사진 후기만 모아 볼 수 있어요.

한 번에 다 하지 않았어요

'위치 및 운영 정보' 탭은 개발 공수가 커서 1차에서 뺐어요. 모든 상품에 바로 적용할 수 있는 구조부터 배포했어요.

탭을 누르면 해당 섹션으로 이동
상세페이지 후기 탭. 사진 후기를 위에 모아 보여줘요
사진 후기를 먼저 보여주는 후기 탭
내 여행의 여행 후기 탭
내 여행 · 여행 후기

Result성과

모든 상품이 같은
정보 위계를 갖게 됐어요

고정 탭과 단계형 옵션을 전 상품에 적용했고, 후기는 '내 여행'에서 사진과 함께 쓸 수 있게 됐어요.

Lesson

정리는 했지만,
처음 온 사람은 설득하지 못했어요

개편 후에도 장바구니에 담는 비율은 그대로였어요. 나눠 보니 방문자 4명 중 3명인 첫 방문자의 담기 비율이 재방문자의 4분의 1이었어요.

Next

첫 방문자가 믿을 근거를
위로 올려요

처음 온 사람이 '믿을 만한지'를 먼저 확인할 수 있게, 실제 후기와 사진을 상세페이지 위쪽에 둘 계획이에요.

  1. 진입 · 탐색
  2. 구매 결정
  3. 결제
  4. 구매 후

결제결제하기 · 쿠폰

결제 과정에만
집중할 수 있게 했어요

여행 상품은 상품마다 필요한 정보가 다르고, 인원만큼 입력이 늘어요. 입력과 쿠폰을 결제 흐름 안에서 끝나게 다시 짰어요.

기간
2026.08 – 09
범위
결제하기 · 쿠폰함 · 쿠폰 정책

Problem문제 및 배경

담은 10명 중 4명이
결제를 끝내지 못했어요

장바구니에서 구매까지 가는 비율이 다섯 달 내내 60%에서 움직이지 않았어요.

결제 화면이
사실상 입력 화면이었어요

상품마다 아래에 여행자 정보 입력폼이 인원 수만큼 그대로 펼쳐져서, 상품과 인원이 늘수록 결제 화면이 끝없이 길어졌어요. 쿠폰은 화면 밖에서 코드를 찾아와 직접 입력해야 했어요.

개편 전 결제 화면. 상품마다 여행자 정보 입력폼이 펼쳐져 있고, 맨 아래에 쿠폰 코드 입력칸이 있어요
개편 전 결제상품마다 펼쳐진 입력폼 · 쿠폰 코드 입력

긴 입력과 쿠폰 찾기에 밀려
결제에 집중할 수 없었어요.

Solution해결 과정

목표

입력과 쿠폰을 결제 화면 안에서 끝내, 결제 과정에만 집중하게 해요.

입력은 상품마다
한 줄로 접었어요

결제 화면에는 상품별로 '여행자 정보' 한 줄만 남겼어요. 입력 전과 입력 후의 상태가 한눈에 보여요.

여러 명이면
한 사람씩 입력해요

한 줄을 누르면 바텀시트가 열리고, 한 명씩 넘어가요. 인원이 늘어도 결제 화면 길이는 그대로예요.

쿠폰은 결제 화면에서
고르게 했어요

쿠폰함을 만들고, 상세페이지에서 받아둔 쿠폰이 결제할 때 바로 보이게 했어요. 코드를 찾으러 화면을 떠날 필요가 없어요.

규칙은 단순하게,
예외는 구조로 막았어요

최대 할인율이 3.75%라 환불 때 회수가 부족한 경우는 드물다고 봤어요. 복잡한 분배 로직 대신 '회수액이 환불액을 넘지 않는다'는 규칙 하나로 정리했어요.

상품마다 한 줄로 접은 결제 화면
한 줄로 접은 여행자 정보
한 사람씩 입력하는 바텀시트
한 사람씩 입력하는 바텀시트
결제 화면의 쿠폰 선택
결제 중 쿠폰 선택

Result성과

장바구니에서 구매까지 가는
비율이 올랐어요

60% 74%

다섯 달 동안 움직이지 않던 숫자가 쿠폰과 결제 흐름을 바꾼 뒤 올라갔고, 할인 이벤트가 끝난 뒤에도 유지됐어요.

장바구니에 담은 사람 대비 구매한 사람 · 3–7월과 9–10월 비교

Lesson

결제는 더하는 구간이 아니라
덜어내는 구간이었어요

결제 단계의 사용자에게 필요한 건 새로운 기능보다, 결제에만 집중하도록 덜어내는 거였어요.

Next

쿠폰이 있다는 걸
더 일찍 알려야 해요

마이페이지 방문자 4명 중 1명만 쿠폰함에 들어왔어요. 상세와 장바구니에서 받을 수 있는 쿠폰을 먼저 보여줄 계획이에요.

  1. 진입 · 탐색
  2. 구매 결정
  3. 결제
  4. 구매 후

구매 후고객센터 신설

상담 전에 스스로
답을 찾는 단계를 만들었어요

고객센터가 없어서 문의가 채널톡과 파트너사로 바로 갔어요. 답을 찾는 순서대로 고객센터를 새로 만들었어요.

기간
2026.06
범위
고객센터 · FAQ 검색 · 상담 연결

Problem문제 및 배경

모든 질문이
사람에게 바로 갔어요

답이 정해진 질문도 채널톡과 파트너사로 직행했어요.

팀은 같은 답을 반복하느라
본업에 집중하지 못했어요

운영팀과 파트너 모두 반복 문의에 시간을 썼어요.

스스로 답을 찾는 단계가 없었어요.

Solution해결 과정

목표

상담 전에 스스로 답을 찾게 하고, 상담은 우리 채널로 모아요.

답을 찾는 순서대로
화면을 쌓았어요

검색과 자주 찾는 키워드를 가장 위에, 그 아래 인기 질문과 카테고리를 두었어요. 상담 연결은 마지막 단계예요.

막다른 길은
만들지 않았어요

검색 결과가 없는 화면에도 상담 연결을 그대로 두었어요. 답을 못 찾은 사람이 다시 밖으로 나가지 않게 했어요.

상담은 가장 빠른
채널로 안내했어요

1:1 채팅을 주 버튼으로, 뉴욕과 한국 전화는 보조로 두었어요.

검색은 가볍게
만들었어요

외부 유료 검색 솔루션 대신 질문 제목과 미리 정한 키워드를 맞추는 방식을 택했어요. 비용 없이 바로 운영할 수 있었어요.

고객센터 첫 화면
검색 · 키워드 · 인기 질문
검색 결과가 없을 때의 화면
결과가 없어도 상담으로
상담 채널 안내
1:1 채팅이 주 버튼

Result성과

상담의 절반 가까이가
고객센터를 거쳐 들어왔어요

47%

오픈 후 첫 주 상담 165건 중 78건이 고객센터 안의 1:1 문의로 들어왔고, 전화 상담은 하루 1~2건으로 줄었어요.

Lesson

질문은 대부분
산 다음에 생겼어요

고객센터 방문자 10명 중 4명이 마이페이지와 내 여행에서 왔고, 그 비중은 넉 달 사이 30%에서 45%로 커졌어요.

Next

질문이 생기는 자리에서
답을 줘요

고객센터로 보내는 대신, 내 여행의 예약 카드 안에 상황별 도움말을 넣을 계획이에요.

Approach일하는 방식

네 구간에서
같은 순서로 일했어요

  1. 먼저

    끊긴 지점 찾기

  2. 그다음

    왜 끊기는지 정의

  3. 그리고

    대안 비교

  4. 마지막

    구조로 다시 잇기

About

이력 보기