AJ
AJ
🐶 AI 찐친
🌿 뉴비 파트너

고객 여정지도를 통한 사이트 맵 정리 및 무드보드- 맛집 여정지도

소개

시도하고자 했던 것과 그 이유를 알려주세요.

저번 주에 이어 이번에는 하고자 하는 웹 서비스의 고객 여정 지도를 더 뾰족하게 하고 무드보드를 만들어 보았습니다.

진행 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요?

Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.

Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.)

Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)

클로드, 챗 지피티, Uizard AI, 갈릴레오 ai , 미드저니 등등..


<.SEOUL IN A BITE(한입에 서울) >

  • -> 대만인 20~30대 여성의 서울 여행을 위한 맛집 소개 웹 만들기.

    💡 사용자가 처음부터 끝까지 사이트를 어떻게 이용 할 지를 단계별로 분석

    👀 1. 인식 단계 (Awareness)

    📌 사용자 행동

    • 한국 여행을 준비하며 인스타그램, 유튜브에서 맛집 검색

    • "K-드라마 속 식당", "서울 브런치 맛집", "홍대 디저트 카페" 등 키워드 검색

    • 네이버/구글맵을 사용하려 했으나 한글-only 정보, 복잡한 UX로 인해 불편함

    • K-콘텐츠 기반으로 정리된 맛집 정보를 찾고 싶어함

    📌 Seoul in a Bite에서 제공해야 할 것
    홈페이지에서 트렌디한 K-콘텐츠 추천 (예능 속 맛집, 인플루언서 추천 리스트)
    SNS 감성의 한눈에 보이는 이미지형 콘텐츠 (비주얼 중심 UI)


    🔍 2. 탐색 단계 (Consideration)

    📌 사용자 행동

    • 여행지에서 내 위치 기반으로 가까운 맛집 검색

    • 예산, 음식 종류, 분위기(혼밥 가능 여부 등) 등을 고려하며 고민

    • 가고 싶은 지역(예: 강남, 홍대, 성수) 내 핫플 리스트를 비교

    • K-콘텐츠, 인플루언서 추천 맛집을 찾고 싶어함

    📌 Seoul in a Bite에서 제공해야 할 것

    메인 페이지 필수 기능

    • 로그인/회원가입 (Google, Facebook, Kakao 지원)

    • 언어 선택 (繁體中文, English, 한국어)

    • 통합 검색 바 → 키워드 및 현재 위치 기반 맛집 추천 (GPS 활용)

    • 서울 주요 지역별 탐색 (명동, 홍대, 강남 등)

    • 인기 맛집 리스트 (K-콘텐츠 & 인플루언서 추천)

    • 음식 카테고리 필터 (한식, 양식, 일식, 중식, 디저트)

    • 가격대별 추천 (가성비 맛집부터 고급 다이닝까지)

    지역별 맛집 탐색 (서울 지도 UI 적용)

    • 사용자가 지도에서 특정 지역 클릭 → 해당 지역 맛집 리스트 자동 표시

    • 명동, 홍대, 강남, 성수 등 인기 지역 카테고리별 정리

    • 감각적인 일러스트 지도 활용해 직관적인 UX 제공

    K-콘텐츠 기반 맛집 리스트

    • K-드라마 & 예능 속 맛집

    • 유명 연예인 단골 맛집

    • 인플루언서 추천 맛집 (유튜버 인기 장소)


    🍽 3. 결심 & 방문 단계 (Decision & Visit)

    📌 사용자 행동

    • 리뷰 & 평점 확인 후 방문할 곳 결정

    • 지도에서 위치 확인 & 길찾기 기능 사용

    • 혼밥이 가능한지, 예약이 필요한지 체크

    📌 Seoul in a Bite에서 제공해야 할 것
    각 식당 상세 페이지

    • 📌 위치 기반 지도 연동 (Google Maps API, Naver Maps API)

    • 📝 평점 & 리뷰 (별점, 텍스트, 사진)

    • 🍽 메뉴 정보 (한글+영어+중국어 병기)

    • 💰 가격대, 혼밥 가능 여부, 예약 필수 여부 표시

    사용자 편의 기능 추가

    • 길찾기 버튼 → 구글맵 연동

    • "내 맛집 리스트" 저장 기능 → 나중에 방문할 맛집 모아두기


    📸 4. 방문 & 경험 단계 (Experience)

    📌 사용자 행동

    • 가게 방문 후 음식 사진 촬영 & SNS 공유

    • 사이트에서 저장한 맛집 리스트 활용해 추가 방문

    • 기대한 만큼의 만족도를 평가

    📌 Seoul in a Bite에서 제공해야 할 것
    즐겨찾기 기능 – “내가 가고 싶은 리스트” 저장 가능
    SNS 공유 버튼 (Instagram, Xiaohongshu, Facebook 등)



    💬 5. 리뷰 & 추천 단계 (Review & Referral)

    📌 사용자 행동

    • 블로그, 인스타그램에 후기 작성

    • 친구 & 다른 여행자들에게 추천

    • 사이트에서 직접 리뷰 작성

    📌 Seoul in a Bite에서 제공해야 할 것
    리뷰 작성 기능 (별점, 텍스트, 사진 업로드 가능)
    벨라의 ‘맞춤형 리뷰 추천’ – 사용자의 취향과 비슷한 리뷰 자동 추천
    리뷰 작성 시 리워드 제공

  • 📌 최적화된 사이트 맵 (Information Architecture)

    🌟 메인 페이지

    • 로그인 / 회원가입

    • 언어 선택 (繁體中文, English, 한국어)

    • 통합 검색 (내 위치 기반 맛집 검색)

    • 추천 섹션 (K-드라마 맛집, 인기 카페, 핫한 거리 음식)

    📍 지역별 맛집 탐색

    • 명동, 을지로 / 북촌, 삼청 / 광화문, 종로

    • 합정, 망원 / 홍대, 신촌 / 성수

    • 금호, 옥수 / 압구정, 청담 / 강남, 역삼

    • 신사, 논현 / 잠실, 송파 / 용산, 삼각지

    📺 K-콘텐츠 기반 맛집 추천

    • K-드라마 & 예능 속 맛집

    • 유명 연예인 단골 맛집

    • 유튜버 & 인플루언서 추천 맛집

    🍽 음식 카테고리별 추천

    • 한식, 양식, 일식, 중식, 디저트 등

    💰 가격대별 추천

    • 저렴한 맛집 (₩10,000), 중간 가격대 (₩30,000), 고급 레스토랑 (₩30,000~)

    ⭐ 벨라의 맞춤 추천

    • ‘여행 스타일’별 맞춤 추천 리스트 제공( 혼밥, 커플, 친구, 가족 )

    📍 개별 식당 상세 페이지

    • 식당 정보 (사진, 메뉴, 가격, 리뷰, 평점)

    • 위치 기반 지도 & 길 찾기 기능

    • 예약 필요 여부, 혼밥 가능 여부 표시

    • SNS 공유 기능

    🌟 리뷰 & 커뮤니티

    • 사용자 리뷰 작성 & 추천

    • 내가 방문한 맛집 기록


    🚀 핵심 UX 개선 포인트

    챗봇 없이도 직관적인 검색 & 추천 시스템
    K-콘텐츠 & 연예인 맛집 큐레이션 강화
    SNS 감성을 살린 UI/UX
    대만 사용자를 위한 다국어 & 모바일 최적화

    📌 브랜드 메시지 기반 사이트 맵

    💡 브랜드 메시지:
    "한 끼의 온기가 마음을 채운다."
    "낯선 곳에서도 맛있는 한 끼가 당신에게 힘이 될 수 있어요."
    "K-콘텐츠 속 그 곳, 스타가 다녀간 그 맛집을 직접 경험하세요."

    📌 핵심 가이드라인
    ✔ K-콘텐츠 기반 맛집 추천 (K-드라마, 예능, 유명 연예인 단골집)
    ✔ 사용자 중심의 직관적인 탐색 기능 (위치 기반 검색, 음식 카테고리, 가격대별 추천)
    SNS 감성 & 모바일 최적화 UI
    커뮤니티 & 리뷰 기능 강화 (사용자 경험 공유, 추천 기능 포함)



    -> 브랜드 스토리 시작하기!!!
    (벨라님의 실제 경험했던 이야기를 듣고 이제 브랜드 스토리를 만들어봅니다.)
    이 서비스의 동기와 목적이 드러나도록!!!

    ""타이베이에서 서울로: 나의 맛있는 여정" 🍜✨"

    10년 전 타이완에서 서울로 처음 이사왔을 때(2015년),
    모든 식사가 하나의 모험이었어요.
    순두부찌개의 깊은 맛을 엄마에게 설명하면서, 우리가 사랑하는 두화(豆花)와는 얼마나 다른지 이야기했던 게 생각나네요. 두 문화 사이에서 살면서 저는 음식이 위로의 보편적인 언어라는 걸 배웠답니다.

    이제는 서울의 미로 같은 거리를 걸으며, 뜻밖의 장소에서 고향의 조각들을 발견해요

    때로는 우리의 우육면을 떠올리게 하는 따뜻한 설렁탕 한 그릇에서,

    또는 야시장 팬케이크의 추억을 되살리는 달콤한 호떡에서요.

    서울의 놀라운 맛집들을 소개해드릴게요.

    대대로 내려오는 레시피를 간직한 숨은 맛집부터 전통의 맛을 새롭게 해석하는 트렌디한 카페까지, 이 도시를 제 두 번째 고향으로 만들어준 저만의 특별한 장소들을 공유하고 싶어요.

    정통 한식이 당기시나요, 아니면 고향의 맛이 그리우신가요?

    저는 낯선 도시에서 완벽한 한 끼를 찾는 그 특별한 기분을 잘 알아요.

    이 웹을 통해, 단순히 배고픔을 채우는 것을 넘어 서울을 마치 집처럼 느끼게 해줄 장소들을 소개해드릴게요.

    맛있는 모험에 함께해요 - 서울의 맛을 같이 탐험해봐요! 🏮


    무드 보드를 만들어 보기 위해 대략적인 설명과 함께 그림을 받아봅니다 (미드저니)

    서울 여행 가이드 - 서울 여행 가이드 서울 여행 가이드 서울 여행 가이드 서울 여행 가이드 서울 여행 가이드 서울 여행 가이드
    서울, 한국, 한국, 한국, 한국,

    첫번째로 고고합니다 색상을 추출해 봅니다.

    웹 사이트의 UI 디자�인 스크린 샷

    고객 여정 지도를 위한 사이트 맵 정리!!

    -> 사이트 맵의 무드 보드 시안 만들기.

    다양한 항목이있는 웹 페이지의 스크린 샷


    아직은 고객 여정 지도에 맞는 내용을 다 넣지는 않았지만
    이러한 방식으로 진행하면 어떨지 고민해 보는 시간이였습니다.

    통일성과 가독성을 주고 싶었는데,

    한국어 한국어 한국인 한국인 한국인


    이러한 방식으로도 피드백을 잘 줍니다.



    결과와 배운 점

한글 버전과 영어 버전이 조금씩 달라 메뉴얼이 깨질 수 있다는 점,
영어 버전을 기본으로 하여 대만어, 한국어로 가는 것이 더 좋을 듯함.

고객 여정 지도에 맞는 더 정확한 사이트 맵이 필요.
처음부터 워크플로우를 짜고 시작하면 중간에 헷갈리지 않는 시간이 될 수 있음.
여러 개의 무드 보드를 만들어보며 여러 시안을 만들어 보는 시간이 필요.

하면서 느끼는 거지만 우리 팀 개발자님들,,,
그분들께 감사와 존경의 말씀을 드리고 싶습니다.
문과의 마음으로 이과의 마음을 헤아리는 것은 어렵겠으나;;; ^^
적어도 어떤 수고로움이 되실지 알 수 밖에 없는....
이 감사한 마음이랄까요...
맛벤져스!!!!
저도 조용히 화이팅 해봅니다 ^^💞

10
6개의 답글

👉 이 게시글도 읽어보세요