rubus0304 님의 블로그

[프로젝트 23일차]

rubus0304 — Wed, 5 Feb 2025 23:49:44 +0900

1. softr drop-down 수정완료 (폰으로 보기 편하게 글자 수 조절)

장소추천결과 불만족 -> 추천장소가 마음에 안 들어요
사이트 디자인 불편사항 -> 디자인이 보기 불편해요
기존 장소정보 개선필요 -> 장소 정보가 틀렸어요
장소정보 추가필요 -> 더 많은 정보를 알고싶어요
없음 (만족) -> 만족스러워요
기타

2. A/B 테스트 준비하기_완료

리서치

- 이탈율 높은 지점 및 문제점

1) 정량조사 (Google Analytics)

[ 이탈율이 가장 많은 페이지 순위 ]

(1) 트렌드 보러가기 (이탈률: 77.3) - 미리보기

(2) result 페이지 (이탈률: 65.1%) - Tally 에서 넘어가도록 유인 (뒤에 멘트 혹은 미리보기, 긍정 피드백)

(3) 네이버 길찾기 → Ver2 페이지에서 result 페이지로 옮김

2) 정성적 조사

유저 피드백 45개 참고하여 Ver2 웹페이지에서 미리 개선완료.

(장소추천결과, UI/UX, 장소정보 추가 등) 개선된 Ver2 페이지에서 UI적 요소로 A/B 테스트 진행예정.

가설설정

목표: 가장 이탈율이 높은 페이지 전환율 높이기

가설: ‘트랜드 보러가기’ 버튼 밑에 ‘EDA 미리보기 이미지’ 를 넣으면 제출 및 버튼 클릭 전환율이 높아질 것이다.

목표 KPI: 이탈률 77.3% → 50%

A/B 버전 생성

Test A

Test B

(예정)

테스트 진행

결과분석 및 의사결정

https://www.codenbutter.com/blog/마케팅-필수요소-ab-테스트-알아보기-개념-편/

AB 테스트 개념 알아보기 - 코드앤버터 블로그

성공적인 마케팅을 위해서 꼭 기억해야 할 필수 요소, AB 테스트 개념을 정리했어요. AB 테스트는 두가지 이상의 버전을 비교하며 더 나은 성과를 만들어내는데 필수입니다. 콘텐츠 제작, 기능 업

www.codenbutter.com

< Google Analytics >

https://analytics.google.com/analytics/web/#/analysis/p474540276/edit/cD4UWnGIQparCKIGDe-sPw

https://tagmanager.google.com/#/container/accounts/6266059831/containers/204618085/workspaces/7/triggers

https://console.cloud.google.com/bigquery?hl=ko&inv=1&invt=AbovQw&project=travel-project-448705&ws=!1m7!1m6!12m5!1m3!1stravel-project-448705!2sasia-northeast3!3s57cbb89b-5c50-4f75-816e-a0ddf8a84250!2e2

[프로젝트 22일차]

rubus0304 — Tue, 4 Feb 2025 21:58:43 +0900

- 소프터 UI 수정 (버튼, 리뷰필수제외, 리스트 칸 일자추가 등)

[Softr]

공동 Objective : UX/UI 만족도 높이기
O-1 : 모바일 친화 UX/UI 만들기
1. 목적: Ver1 결과 모바일 유저가 대부분 차지 하므로 모바일 친화 UI 개선을 통한 만족도 높이기
2. KR 지표:
- Initiative 1 : 트랜드 보러가기 버튼 가림문제
- made softr 제거_완료
- Initiative 2 : 별점,리뷰 required 불편문제
- 제거_완료
O-2 : 리스트 가독성 강화
- Initiative 3 : 리스트 수정 (칸 안에 일차 추가, 카테고리 가독성)
- (확정) **inbox** *추가수정사항: category copy 필터 추가 (Tag)
- Initiative 4 : 대중교통 정보 더 눈에 띄게
- (확정) result 페이지에도 네이버지도 버튼추가.
- Initiative 5 : 추천결과 마음에 안 들 경우 다른 선택할 수 있게
- (확정) 다른 선택지 보러가기 버튼 추가. (대전여행 맞춤경로 추천 (tally) 페이지로 이동)
KR 지표:
O-3 : 피드백 수집개선
- Initiative 7 : 피드백 주제 drop down 선택추가
- Initiative 8 : 부분 required ****
- -필수 : 별점, 피드백 주제 선택 -선택 : 리뷰쓰기
KR지표:

O-4 : 사용자 유입개선

Initiative 9 : 공유버튼 추가 (카카오 공유하기 API)

  // 카카오톡 SDK 초기화 (여기서 'YOUR_APP_KEY'를 실제 카카오 앱 키로 교체)
  Kakao.init('c2d230b1e6677513b79e96e81e739101'); // 여기에 본인의 카카오 앱 키를 넣어주세요.

  // 카카오톡 공유하기 함수
  function shareToKakao() {
    Kakao.Link.sendDefault({
      objectType: 'feed',
      content: {
        title: '대전여행 추천결과', // 추천결과 페이지 제목
        description: '대전여행 추천결과 공유해요', // 설명
        imageUrl: '<<a href=https://drive.google.com/uc?export=view&id=10yCqi8N0tJxWIUxgsD8QgpGvfjjRCDaz>https://drive.google.com/uc?export=view&id=10yCqi8N0tJxWIUxgsD8QgpGvfjjRCDaz</a>>', // 추천결과 페이지 이미지 URL (Google Drive 이미지 URL 형식으로 변경)
        link: {
          mobileWebUrl: window.location.href, // 현재 페이지 URL (추천결과 페이지의 URL을 자동으로 사용)
          webUrl: window.location.href,
        },
      },
      buttons: [
        {
          title: '추천결과 보러가기', // 버튼 텍스트
          link: {
            mobileWebUrl: window.location.href,
            webUrl: window.location.href,
          },
        },
      ],
    });
  }

  // 카카오톡 버튼 클릭 시 공유 이벤트
  document.getElementById('kakaotalk-sharing-btn').onclick = function() {
    shareToKakao();
  };

https://developers.kakao.com/tool/demo/message/kakaolink

카카오 공유하기 버튼

[프로젝트 21일차]

rubus0304 — Tue, 4 Feb 2025 21:57:31 +0900

리뷰데이터 분석 및 Ver 2 계획

- 이틀 리뷰내용토대로 개선 (파라미터 조정) (소프터 수정)

- A/B 테스트

- GA 대시보드

- 리뷰 피드백 분석 완료

- 자연어처리 문의완.

- GA, GTM 개선 (탈리 응답과 이어져서 합쳐지게 Softr 바꿈)

https://docs.google.com/spreadsheets/d/13VYopuAJzl1KYqtMGfiYdllzg7NzHj2m46Cgn2kZcRI/edit?gid=0#gid=0

별점 평균	4
긍정답변 비율	42.22%	19/45	긍정답변 별점평균	4.79
부정답변 비율	57.78%	26/45	부정답변 별점평균	3.42



[부정답변 피드백 주제별]
장소추천	61.54%	16/26
UI	26.92%	7/26
장소정보	11.54%	3/26


[장소추천]
로컬맛집 (대전특색 맞춘 장소선별)	37.50%	6/16
- 스타벅스 등 프랜차이즈, 만화카페 추천별로
다양한 장소추천 (맛집 적어)	37.50%	6/16
- 맛집 적어, 다양한 빵집 추천필요
숙소 거리 멀지 않게	12.50%	2/16
기타	12.50%	2/16
- 플렉스에 맞춰 (국밥에 설렁탕 별로)
- 가성비여행 (음식점 중복 별로)


[UI]
트랜드 보러가기 버튼 가려짐	28.57%	버튼 확인필요 (밑에 빈 블락, 스크롤 아래로), made by 없애는 기능 확인)
- 리뷰 필수별로
리스트 칸 안에도 일차 추가	14.29%	(가능)
종류별 목차 나눠서 들어가서 세부내용에서 볼 수 있게
결과 마음에 들지 않을 때 다른 선택할 수 있게
경로 이어서 보여주기, 대중교통 정보 더 눈에 띄게	14.29%	(가능)
	14.29%	확인필요
	14.29%	경로 이어서 불가. -> 리스트 좀더 신경 쓰기, 대중교통 강조

[장소정보]
가격정보 필요	33.33%
주차가능여부 필요	33.33%
군중밀집도, 평일/주말 혼잡도 추가 필요	33.33%
리뷰 갯수 - 네이버 링크와 연결필요	14.29%	(장기)

[프로젝트 16일차]

rubus0304 — Fri, 31 Jan 2025 22:54:48 +0900

배포 준비

Slack

- 단체방

오카방

- 국내여행

- 국내여행 정보

카페

- 국내여행

- 데이터 전문가 포럼 - 자유로운 글

- 대전세종맘카페

- Tally, softr 수정완

- Tableau Big query 연계완

- 오픈카톡, 국내여행카페 등급업

[프로젝트 15일차]

rubus0304 — Mon, 27 Jan 2025 20:48:21 +0900

Tally, Softr 연동 완료.

Tally 편집완료, Softr 편집완료

https://james40517.softr.app

대전여행 맞춤경로 추천

james40517.softr.app

이제 실제 데이터만 넣고 잘 돌아가는지 확인하면 배포가능!

[프로젝트 3주차] 사용한 노코드 툴 비교

rubus0304 — Sat, 25 Jan 2025 03:52:39 +0900

1.노코드툴 시작.

Glide, Softr (웹사이트 구현), Zapier (자동화), Tally, Smore (유저데이터 설문), Google Sheet, Airtable (데이터 저장 및 연동)

2. 중간발표회 준비 (EDA 담당_ 키워드 분석 시각화 및 정리)

Glide

장점: 앱을 구현하는 것으로 정말 쉬움. Google Map도 가져올 수 있음

단점: 경우의 수에 대한 설문조사의 로직기능 불가.

연동가능: Zapier (다만, 연동기능부터는 과금 82달러/ 월)

https://go.glideapps.com/app/ImyC5fJ0pdsIM2zLVDIT/layout

Could not load network resources Retry

go.glideapps.com

Softr

https://trish7906.softr.app/

https://studio.softr.io/applications/d8c97d4f-e920-45f5-b02c-4bbf31f8ce9c/pages/30f28677-d986-4637-9383-f8765d0285c7

장점: 처음에는 어려웠는데, 계속하다보니 에어테이블 연동과 툴 기능구현에 익숙해짐 (1~2일 소요)

단점: 에어테이블과연동 시 컬럼으로만 가져와짐/ 과금 business로 267달러 /월 다만 무료이용으로 결제 전에 해지예정.

해결방법: index와 경우의 수ID를 동일하게 1111 쓰고 한번 더 추가컬럼으로 1111 , 거기에 맞는 숙소, 카페, 식당, 명소컬럼 아래로 4개 적고 뒤쪽에 index 컬럼으로 1111 로 써주면, Softr 화면에서 필터로 경우의 수에 맞는 장소들 가져와짐.

" 5720개 테이블을 만들 뻔 했던 우리 조를 살려 준 방법"

[탈리 설문 응답 → 소프터 해당 내용 출력]

to do
- 에어테이블에서 탈리 응답에 연동시킬 정보가 담긴 course 테이블 생성
  - - 모양 클릭
  - Start from scratch 클릭 후 테이블명 입력
  - 코스 테이블 관련 정보 업로드
    - 탈리 질문지에 연결될 컬럼 생성
- 탈리 질문 생성
  - Home → + 모양 클릭
  - 코스 테이블과 연결될 질문 생성
- 탈리 - 에어테이블 연동
  - 해당 질문폼에서 Edit 클릭
  - 우측 상단 번개 모양 클릭
  - Airtable - Connect 클릭
  - Airtable account 에서 계정 선택 후 base (DB 개념) - table 선택
  - 연결 지을 fields 맵핑
- 에어테이블 내 관계형 데이터베이스 구축 및 레코드 업데이트
  - 좌측 상단 Automations 클릭
  - 좌측 하단 Create automation 클릭
  - TRIGGER : When a record is created 클릭
    - Table : 탈리 응답 테이블
  - - Add advanced logic or action 클릭
  - Find records 클릭
    - Table : 탈리 응답지와 join 시킬 테이블 (ex. 코스테이블)
    - - Add condition 클릭
    - Condition : Where 탈리 응답컬럼 = 코스테이블에서 탈리 응답값 컬럼
  - - Add advanced logic or action 클릭
  - Update record 클릭
    - Table : 탈리 응답 테이블
    - Record ID
      - 클릭 후 뜨는 탭에서 좌측 상단 Trigger 클릭
      - 우측에서 Airtable record ID 클릭
    - Fields
      - 클릭 후 뜨는 탭에서 좌측 두번째 Find records 클릭
      - 우측에서 Airtable record ID 클릭
- 소프터 블락 생성
  - Add block 클릭
  - Dynamic - List 클릭
- 에어테이블 - 소프터 연동
  - 생성된 블락 클릭
  - Table, view 클릭
- FILTERS 설정
  - Content 클릭
  - 아래 Filters에서 Add filter 클릭
  - Filter by 에 코스 ID 입력 후 Label 또한 코스 ID 컬럼명으로 기입
- 동적 필터 확인
  - 우측 상단 Publish 클릭 후 Publish
  - Publish 이후 subdomain 뒤에 /?filter-by-필터 레이블=필터값 으로 입력하여 결과 확인
- 탈리에서 Redirect
  - 탈리 질문지에서 Edit 클릭
  - Settings 클릭 후 Redirect on completion 활성화
  - subdomain/?filter-by-필터레이블=@URL 입력
  - 다시 Edit 클릭
  - - 클릭 후 Calculated fields 클릭
      - Field name : URL
      - Type : Text
      - 값 : 빈 값
  - - 클릭 후 Conditional logic 클릭
      - When URL is 빈값
      - Then Calculate URL Concat + 컬럼 1
      - And Calculate URL Concat + 컬럼 2
      - n까지 반복

3. Zapier (자동화툴)

https://zapier.com/editor/276032326/draft

장점: 처음에 몰랐을 땐 어려워보였는데 막상 사용해보니 다른 툴과 다르게 연결만 해주는 툴이라 쉬움.

단점: 사용하려는 툴들이 서로 대부분 연동이 되어 결국엔 안 쓰이게 됨. 하지만 로직 연구나 연동 가능확인용으로 잘 씀.

4. Tally (유저데이터 설문)

https://tally.so/forms/wgJDR1/edit

장점: 쉽고, 세부적인 로직도 설계 가능함. (하나씩 table 넣을 5720개 넣을 뻔 한 거 URL concat 기능으로 1개 테이블로 해결) / 비교적 저렴한 과금 (29달러)

연동 가능: GA, Airtable, Google sheet,Softr 등

단점: Airtable과 연동 시 로직이나 Airtable과 연동할 때 문제 - 컬럼명 기입오류 등으로 Airtable에 누락되어 입력된 오류 있었음. 정확히 입력하고 꼭 확인.

5. Smore (유저데이터 설문)

https://smore.im/editor/8RLF4QEMok

장점: UI 가 직관적이고, 예쁘고, 쉽다. / 자체 데이터분석 세부적으로 잘 되어있음.

단점: 과금 월 99,000원 (데이터분석공부하는 만큼 다른 툴에 GA를 심어 도전해보기로함.)

6. Airtable

https://airtable.com/appVUTLisNdc1WGno/wflqTUcQ3bMiFK9Dz

장점: 자체 Automations 이 있어 연동기능 좀더 섬세함.

단점: 무료는 사용할 수 있는 행값이 500 정도로 제한. 한 14일 무료기간 주는 것 같음. 잘 활용.

7. Google Form

장점: 단순하고, 무료, 구글폼 데이터가 구글시트로 바로 들어옴.

단점: 질문들 사이에 건너 뛰기를 못함. (로직없음), 글로 "3번 문제로넘어가세요" 적어야함. UI가 예쁘진 않음.

https://docs.google.com/forms/d/1zjDqq04wsj9YHoypN7OdyYleuQVhmCJhnHh5vvQ8Dxk/edit

Airtable - Softr 연결

경우의 수별로

1. CSV 경도, 위도 정리 df1_음식, df2_숙소, df3_명소 파일 xlsx 파일로 다운.

2. Tally 경우의 수 답변에 맞춰 URL 다르게 지정

** 여행인원(1~10), 수단유무, 아이동반유무, 여행일정(당일~3/4), 숙소예산별 로직)

3. result 페이지 여러개로 URL 다르게 가능여부 확인

4. 경우의 수 재설정, 종학님과 확인

5. 웹사이트 시안완성.

웹사이트 구현 노코드툴 적응 및 완성주간.

향후 예상계획.

1/27: 웹사이트 완성. 배포준비.

28~30: (3일간, 설날연휴) 유저데이터 확보

1/31: 유저데이터 및 GA결과와 함께 EDA / A/B테스트 준비 및 웹사이트 수정.

2/1~2/3: (3일간, 주말이틀포함) A/B 테스트 웹사이트 배포 / 유저데이터, GA 데이터수집

2/4~2/7: 유저데이터, GA EDA, 추가발전방향, 테블로 대시보드 구현, PPT제작, 발표대본, 발표영상녹화 (오타점검!)

2/10: 발표자료 제출

[프로젝트 13,14일차]

rubus0304 — Fri, 24 Jan 2025 16:37:22 +0900

Airtable - Softr 연결

경우의 수별로

1. CSV 경도, 위도 정리 df1_음식, df2_숙소, df3_명소 파일 xlsx 파일로 다운.

2. Tally 경우의 수 답변에 맞춰 URL 다르게 지정

** 여행인원(1~10), 수단유무, 아이동반유무, 여행일정(당일~3/4), 숙소예산별 로직)

3. result 페이지 여러개로 URL 다르게 가능여부 확인

4. 경우의 수 재설정, 종학님과 확인

5. 웹사이트 시안완성.

[프로젝트 11일차, 12일차]

rubus0304 — Fri, 24 Jan 2025 11:30:18 +0900

Softr 로그인 안 해도 접속 되는 방법

[프로젝트 10일차]

rubus0304 — Mon, 20 Jan 2025 22:03:51 +0900

Glide 웹프로젝트 구현 시작

https://go.glideapps.com/app/ImyC5fJ0pdsIM2zLVDIT/layout

Could not load network resources Retry

go.glideapps.com

<추가 확인할 점>

1.대중에 Publish 가능여부 (로그인 없이)

2.구글 시트연동 여부 (ex. 이미지 가져와서 불러와지는거 가능한지)

3.Softr 템플릿 원하는 부분 복사가능 여부 확인

	cost (월 기준)	UI	설문조사	Map	트렌드 페이지	자체 데이터 분석	free기간	제한	URL
Smore	49,000원 (링크) 99,000원 (임베드)	상							https://smore.im/quiz/Jcp2W4PMzb
Glide	86 달러	중		O				500 행까지	https://go.glideapps.com/app/ImyC5fJ0pdsIM2zLVDIT/layout
Softr		중		O			2일 (1/20 기준)		https://docs.softr.io/application-settings/n3K2UEfpC9BpHgakMzUU5Y/general-page-settings/1rAJncX7rB5oS7AgcZ6Atr https://docs.softr.io/building-blocks/vikC2AWEpQGkZd4jGyoVxo/map/e1zLdwuFNU7A9WakvLBHsq https://studio.softr.io/applications/b4c77e08-8947-4f1d-a7cf-6dd0547c929d/pages/659199ee-4e29-47c6-af78-4c2769d88dd3
Adalo				O					https://app.adalo.com/apps/416d3e6a-8db0-4b5d-aab9-676a2bf8b62a/data https://help.adalo.com/how-to/how-to-send-scheduled-push-notifications-1 https://app.adalo.com/apps/416d3e6a-8db0-4b5d-aab9-676a2bf8b62a/screen-list
Zapier	자동화툴	2개 연결 무료				Smore, Glide, Softr 연동가능			https://zapier.com/editor/276032326/draft/276032326/setup

3. PPTX 키워드 분석 정리

https://docs.google.com/presentation/d/1khcIOiRmCv_TS8D_wKtQk7I2jV7Z7RGK/edit#slide=id.p20

[프로젝트] 2주차

rubus0304 — Fri, 17 Jan 2025 21:42:48 +0900

대전 명소 웹크롤링 완성

EDA 계획 완성 및 식당/카페, 숙소, 명소별 키워드 중분류 완료.

웹페이지 구성계획 시작.

전처리 펜션,모텔 결측치 (가격, 기준/최대인원) 정보 수기작성.

EDA 웹페이지 트랜드 분석내용정리

설문조사 12문항 너무 길다는 의견수렴, 단순화 작업

경우의 수 (엑셀_파워 쿼리 공부)

웹사이트 - 자동화툴 (Zapier) 사용방법 숙지시작!

날씨 API, 축제 API 연동방법 모색 시작!

EDA 완료

머신러닝 노션 정리 완료

나름 웹크롤링 데이터수집부터 EDA 까지 완료한 상태!!

다음 주 목 중간발표회 전까지 머신러닝/ 웹페이지 구현 동시 진행

ㅇㅣ번 주 주말은 ZEP이 왁자지껄 하겠지..?