국내 데이팅·소개 서비스 랜딩 전수 조사 → 공썸 랜딩 제작
광고 레퍼런스 보고서에 나온 국내 회사 랜딩을 하나씩 직접 열어 모바일·PC 화면, 스크롤 녹화, 카피·신뢰 요소·모션을 기록한다. 조사하면서 계속 갱신하는 문서다. 마지막 빌드 2026. 10. 5. 오후 4:27:15.
랜딩 프리뷰 · 시연 영상
현재 상태 (2026-10-05)
- 프로덕션 비공개. 사용자 지시("완성되어도 공개는 하지말고 일단 내려. 랜딩은 프리뷰 페이지만 만들어. 내가 승인 후 프로덕션 페이지로 공개")에 따라 gongssum.com/welcome/은 첫 화면으로 돌아가게(302) 내렸고, 루트 첫 방문 리다이렉트·사이트맵·llms.txt·메뉴 링크도 모두 뺐다.
-
프리뷰: https://landing-preview.gongssum-mobile.pages.dev/welcome/ (검색 색인 금지). 승인 후
mobile/seo/build.mjs의LANDING_LIVE = true로 바꿔 운영 배포하면 공개된다.
제작 이력
- 1차: 직접 그린 골프장 + 두 공이 깃발 옆에 멈추는 모션 → "모양이 안좋아, 모션 품질 충분하지 못해"로 폐기.
- 2차: 스플래시·인스타·앱 아이콘 톤으로 재제작 → 실사 인물 사진, 이어서 클레이 캐릭터 그림으로 교체 → "전체적으로 품질 검수해서 개선해서 다시, 지금 그림들 말고 더 나은 아이디어로 새로 다" 지시로 3차.
- 3차(현재): 독립 검수 에이전트의 20개 지적 + 직접 검수로 전체 재구성.
3차 — 무엇을 바꿨나
이미지: 사람 대신 사물로. 브랜드 그림(스플래시·인스타·스토어 그래픽)에는 사람이 한 명도 없고 분홍 골프백·골프공·벚꽃 같은 사물로 설렘을 말한다는 점에서 출발했다. 사람 그림은 타깃(40~50대)과 연령감이 어긋나고 품질 편차가 커서 뺐다. 대신 gx1이 스플래시와 같은 렌더링으로 그린 사물 장면 — 분홍 골프백(한 사람)과 민트 골프백(다른 한 사람)이 나란히 기대 선 모습을 반복 모티프로 '두 사람의 만남'을 비유한다.
- 공감: 연습장 잔디 위 나란히 기댄 두 골프백 (st-meet)
- 1:1 소개: 벚꽃 벤치 위 하트 봉투와 골프 장갑 — 마음을 전함 (st-letter)
- 초청 2:2: 티박스에 둥글게 모인 골프백 넷 (st-group)
- 가볍게 시작: 테라스의 찻잔 둘·모자 둘 (st-tea), 스크린 화면 앞 드라이버 두 자루 (st-screen)
- 휴대폰 첫 화면: 스플래시 구도를 1080×1920으로 새로 그린 배경(두 골프백), PC는 가로 장면
검수 지적 반영.
- 첫 화면: 제목을 이미지 대신 실제 글자 "골프 좋아하는 싱글을 소개해 드려요"로(무엇을 하는 서비스인지 3초 안에), 손글씨는 작은 장식, 중복 로고 제거, 신뢰 문구를 버튼 위로(휴대폰은 한 줄, PC는 칩 3개). 휴대폰에서도 버튼 아래로 두 골프백이 보이게.
- 하단 고정 버튼: 섹션마다 바뀌던 문구를 "무료로 소개받기" 하나로 고정, 높이 축소, 첫 화면·마지막 권유·푸터에서는 숨김.
-
이미지 화질: 배경은
<picture>로 화면 크기에 맞는 한 장만 내려받기, 손글씨·로고는 gx1이 같은 모양으로 4배 해상도로 다시 그린 것 사용. - 분량: "이런 분" 섹션을 공감 섹션 태그로 합치고, 5단계 큰 카드를 4단계 짧은 목록으로, 안심 문구는 한 섹션(4개)에만. 휴대폰 길이 약 1만 px → 약 8천 px.
- 가독성: 본문 17px·진한 색(#4C3C42), 줄 간격 1.68, 작은 글씨 최소 14.5px.
- 정리: 인스타 아이콘은 단색으로 마지막 권유·푸터에, 로그인은 작은 밑줄 링크로. 안드로이드는 공식 'Google Play에서 다운로드' 배지.
- 내용: "골프가 부담되면 가볍게 시작해도 좋아요"(차 한잔부터 · 스크린 한 게임), 초청 종류의 소개팅·데이트 근거, FAQ 8문항.
- 모션: 벚꽃잎은 첫 화면에만 적게(휴대폰 12장), 손글씨가 써지듯 나타나고 제목·버튼이 차례로 올라옴, 아이콘은 등장할 때만 살짝 튐(상시 둥실거림 제거).
한 화면 장면 (사용자 제안 반영)
"각 내용이 각 화면 안에 스크롤 슉 하면 멈춰서 보여주고, 다음 스크롤 시 또 알아서 멈춰서 하나의 내용을 하나의 페이지처럼" → 첫 화면과 사물 장면 5개(공감·1:1 소개·초청 모임·차 한잔·스크린 한 게임)를 한 화면짜리 장면으로 바꿨다. 휴대폰은 사물 그림을 화면 전체 배경으로 깔고 위쪽 하늘에 짧은 글, PC는 그림 반쪽·글 반쪽(장면마다 좌우 교대). 진행 순서·안심·진단·질문은 자유 스크롤.
- 맞춤 방식: CSS scroll-snap은 실측 결과 짧게 밀거나 PC 휠 한 칸이면 원래 장면으로 되돌아가 "안 내려가는" 문제가 있어 쓰지 않았다. 대신 스크롤이 멈추면 움직인 방향의 다음(또는 이전) 장면 첫머리로 부드럽게 맞추는 스크립트를 넣었다(되돌리지 않음).
- 실측: 휴대폰 크기에서 180·300·250·400px 내리면 각각 다음 장면(658→1316→1974→2632), 위로 올리면 이전 장면으로. PC 휠 한 칸마다 다음 장면(900→1800→…). 진행 순서 이후는 맞춤 없음.
첫 화면 이미지 — 조사 후 결정
사용자: "첫 사진은 첫 인상이고 첫 임팩트야. 어떤 이미지를 보여주는게 베스트일지 조사 브레인스토밍 다 해서 우리 결에 맞춰 다시". Sonnet 병렬 조사 2갈래(내부 근거·외부 연구) 후 결정.
- 외부: 첫인상은 0.05초에 형성(Lindgaard 2006). 중장년 데이팅(Lumen 등)은 실제 그 연령대 사람을 보여 준다. 40대 이상 여성은 나이에 맞는 모델을 압도적으로 선호(약함). AI 인물은 광고에서 AI로 인식되면 신뢰가 크게 떨어진다(Getty). 사물만 쓴 첫 화면은 장식으로 읽혀 무시될 위험(약함).
- 내부: 국내 데이팅 랜딩 48곳 첫 화면 — 실사 인물 15·텍스트 10·일러스트 6·사물 5·앱 목업 5 등. 경쟁 광고는 여성向에서 '얼굴 노출 불안'을 소구로 쓰고 얼굴을 흐리거나 가린다. 취향 조사는 단색·여백·절제.
- 결정: 벚꽃 페어웨이를 나란히 걸어가는 40대 남녀의 뒷모습(얼굴 없음, 풍경 속 작은 인물, 각자 분홍·민트 골프백 — 두 골프백 모티프 연결, 스플래시 그림 결). '나 같은 사람 둘이 골프로 만난다'가 바로 읽히면서 얼굴 노출 부담·AI 가짜 회원 위험을 피한다. 뺀 후보: 정면 인물(얼굴 부담·AI 위험), 손 클로즈업(정체가 안 읽힘), 앱 목업(감성 약함 → 아래 섹션용), 두 골프백만(장식으로 읽힘). 2순위: 티박스에서 같은 곳을 바라보는 두 실루엣.
- 효과는 가설이다(이미지 유형별 전환 비교 연구 없음). 공개 후 메타 광고 소재로 인물 뒷모습 / 사물 / 앱 목업을 나눠 A/B로 확인하는 것을 권한다.
검증(프리뷰)
- 기능 검사 11개 통과: 첫 화면 버튼이 스크롤 없이 보임 · 손글씨 등장 · 색인 금지 · gx1 사물 장면 5장 로드 · 미니 진단 · 하단 버튼(문구 고정·한 줄) · FAQ 구조화 데이터 8문항 · 가로 넘침 없음 · 스크립트 오류 0 · 깨진 리소스 0.
- 갤럭시 S9+ 크기(320px)·PC 1440px 화면 캡처로 육안 검수.
- 실기기 프레임 측정은 3차본으로 아직 다시 하지 않았다.
원칙대로 지킨 것
- 지어낸 수치·후기 없음. 사람이 나오는 이미지 없음. 나이 비교·"결혼" 권유 표현 없음.
- 본문은 전부 실제 텍스트(h1~h3·FAQ·JSON-LD). 손글씨는 장식(alt 비움), 로고는 alt "공치고 썸타고".
종합 · 공썸 랜딩 설계 방향
결론 한 줄
국내 50곳 랜딩에서 반복해서 효과가 있던 것은 불안을 먼저 말하고, 약속과 절차로 답하고, 하단 고정 버튼 하나로 이끄는 구조였다. 공썸은 여기에 "골프에서 시작한다"는 차별점과, 두 공이 그린에서 만나는 오프닝 모션을 얹는다. 지어낸 수치·후기·회원 사진은 쓰지 않는다.
섹션 구성과 근거
- 첫 화면 — 한 문장 헤드라인 + 체크 3줄 + 버튼을 스크롤 없이(윌유·블라인드데이트·정오의데이트). 사진 대신 직접 그린 골프장 일러스트(윌유: 외모 대상화 회피, 설화수·탬버린즈: 단색 풀블리드 한 장). 두 공이 날아와 깃발 옆에 나란히 멈추는 오프닝.
- 공감 → 반전 — "이런 마음 있으셨죠?" 문장이 스크롤에 따라 진해지고(윌유 텍스트 리빌, 모두의지인 공감 시퀀스), "그래서 골프에서 시작합니다"로 전환(감정적인오렌지들 "준비는 이미 충분해요", 은하수다방 "~해도 괜찮은 곳").
- 이런 분을 위한 곳 — 대상 선언 칩(시놀 "50세 미만 출입금지"를 "골프 좋아하는 싱글 · 실력 무관 · 만 19세 이상"으로).
- 두 가지 만남 — 1:1 소개 / 초청 모임(2:2·3:3)을 탭으로(썸타임 2:2·3:3 탭, 감정적인오렌지들 날짜·인원 카드, 당근 모임 태그 칩, 이음 "운영진이 성비를 맞춘 모임"). 화면은 "예시"로 표시.
- 어떻게 진행되나요 — 번호 단계(썸타임·골드스푼·퍼스트클래스·너랑나랑)를 한 장의 카드가 모양을 바꾸며 보여주는 모핑(무협환생기 레퍼런스 @twoclipping "one shape, never cut").
- 안심 장치 — "걱정되시나요?" 질문 → 한 문장 답 → 도장처럼 찍히는 확인 배지(블릿·커피팅 질문형, 윌유 검증/프라이버시 두 축, 다이아매치·정오의데이트 지인 차단 독립 강조).
- 나에게 맞는 시작 — 3문항 미니 진단(은하수다방 3분 테스트, 썸온 15초 퀴즈, 무협환생기 "예시를 누르면 바로 시작").
- 자주 묻는 질문 — 지인·사진·실력·비용·아이폰 질문을 위로(썸온·모두의지인·커피팅). 화면 문답과 FAQPage 구조화 데이터 1:1.
- 마지막 권유 + 운영사 정보 전부 — 웹 시작 / 안드로이드 앱 / 로그인(커피팅 마지막 풀 CTA, 탬버린즈·시놀 푸터 정보 공개).
- 하단 고정 버튼 1개 + 상단 진행선 — 섹션에 따라 문구가 바뀜(모두의지인). 팝업 없음(시놀·듀오·리본 반면교사).
쓰지 않는 것
근거 없는 1위·100%·퍼센트(썸·스카이피플·커피팅), 연봉·자산·외모 서열(골드스푼·슈퍼리치·미츠), 첫 화면 팝업, 이미지에 박힌 본문 글자(심쿵·클래시커넥트 — AI 검색이 읽지 못함), 경쟁사 비교·비방, 지어낸 회원 후기와 고민 인용, "결혼"·나이 비교 표현.
모션 원칙(무협환생기 대화기록 기준)
- CSS 전이를 덧대는 게 아니라 장면을 연출한다: 준비(티) → 고조(두 공의 비행) → 정적(착지) → 공개(헤드라인) → 착지(깃발이 흔들림).
- 모션은 의미와 연결한다: 두 공이 만남 = 인연, 도장 = 확인 완료, 한 장의 카드 모핑 = 끊김 없는 절차.
- 휴대폰 실측 원칙: transform·opacity만 움직이고, 화면 밖은 멈추고, 실패해도 정적 완성 화면이 나온다. 갤럭시에서 프레임 시간 p95로 확인한다.
- 동작 줄이기 설정과 무관하게 재생한다(사용자의 테스트 폰은 애니메이션 배율 0이라 reduce로 보고됨 — 무협환생기 사고와 같은 조건).
- 눌러서 다시 보기: 오프닝과 카드 모핑은 누르면 다시 재생.
조사 대상 53곳
출처: reports 폴더의 광고·경쟁사 보고서 전체. 골프 특화 서비스는 "일반 데이팅 앱 레퍼런스만" 지침에 따라 제외했다.
제외(골프): 골프썸, 황제데이트, 파미골, 팰리스, 티샷, 그린라이트, 골프하나, 볼메이트, 골프피플/티마트, 골프챗, 골미골미, 골팡, 골프몬, 티업엔조이, 스마트스코어, 카카오골프예약, 골프존/골프존 광고센터, SBS골프 동호회, Par2
해외(미조사): Coffee Meets Bagel(CMB), Tinder, Bumble, Hinge, OkCupid, Badoo, Raya, 이솝(Aesop, 해외 브랜드)
그룹 1
g1 그룹 랜딩 조사 (위피, 연인어때, W클럽, 정오의데이트, 글램, 윌유)
확인일 2026-10-05. 캡처 폴더: docs\landing-research\captures\. 본 것만 기록, 모션은 스크롤 프레임/영상 확인 가능한 범위만 '확인'.
위피 Wippy (소개팅앱 / 동네친구)
- 조사 URL https://wippy.io/ (200, 아임웹 기반 사이트), 확인일 2026-10-05, 캡처 captures\wippy\ (이전 캡처 재사용: mobile-first/full, desktop-first/full, mobile-scroll.webm, page.json. 단 scroll-NN 프레임은 없음)
- 대표 이미지: captures/wippy/mobile-first.png, captures/wippy/mobile-full.png, captures/wippy/desktop-first.png / 모션 영상: captures/wippy/mobile-scroll.webm
- 첫 화면(히어로): H1 "내가 찾던 동네친구 위피에서 만나세요!"(흰색 초대형 볼드, 중앙). 비주얼=밤 도시 배경에서 달리는 20대 남녀 4명 풀블리드 사진(어둡게 오버레이, 모션블러). 서브카피는 히어로에 없음. 주 CTA: 우상단 "다운로드" 흰 알약 버튼 + 하단 플로팅 알약 "🎉 웹에서 추가 할인받기! 🎉 [확인하기]"(PC는 [더보기]). 상단 로고+햄버거.
- 섹션 순서: (1) 히어로 (2) "EVERYTHING FOR NEW CONNECTIONS WIPPY" + 폰 목업(레이더형 "현재 회원님 근처에 632명의 위피 친구들이 있네요!") (3) 수치 4칸 카운터: 누적 다운로드수 / 앱스토어 소셜 매출분야 / 누적 가입자수 / 누적 매칭건수(숫자 값은 캡처 시점에 비어 있음 = 카운트업 애니메이션 추정) (4) 어두운 배경 아코디언 3개 MEET + / CONNECT + / WIPPY + (5) "MAKE IT WIPPY 설레는 만남, 위피로 만들어" 사용자 사진 콜라주 (6) 푸터(주)엔라이즈 사업자정보·SNS 4종·약관.
- 카피 톤/소구: 안전 + 진정성 + 자유로운 소셜링. 인상적 문구: "안전하고 신뢰할 수 있는 만남" / "24시간 실시간 모니터링과 AI 기반 이상 행동 감지 시스템" / "패스(PASS) 신분증 검증과 셀카 인증" / "단순한 매칭이 아닌, 사람과 사람 사이의 진정성 있는 연결" / "MAKE IT WIPPY 설레는 만남, 위피로 만들어".
- 신뢰 요소: 아코디언 안에 PASS 신분증+셀카 인증, 24시간 모니터링, 신고·차단, 이중 암호화 채팅을 서술. 수치(다운로드/매출 분야/가입/매칭) 카운터. 푸터에 사업자등록번호·통신판매업신고·고객/제휴 메일·전화.
- 전환 장치: 히어로 상단 다운로드 버튼(고정 헤더) + 하단 플로팅 프로모 바(웹 추가 할인). 스토어 배지는 본 화면에 없음(다운로드 버튼이 스토어 분기로 추정, 미확인). 폼 없음.
- 모션/인터랙션: 영상(mobile-scroll.webm) 미분석, 정지 프레임만 확인. 스크립트 목록에서 확인된 것=jQuery, owl.carousel, masonry, lightgallery, smooth-scroll(gambit-smoothscroll), 아임웹 ThreeCanvas/snow(아임웹 공용 번들, 실제 사용 여부 미확인), YouTube iframe API, GA4, Meta Pixel, Datadog RUM. 숫자 칸 비어 있음은 카운터 추정.
- 모바일 완성도/디자인: 모바일 전체 길이 약 3080px로 매우 짧음. 핫핑크(#FF0055 계열)+블랙/화이트 2톤, 대형 산세리프. 히어로 헤드라인이 "동네친/구"로 1글자 줄바꿈되는 결함(모바일 390px). 아코디언 섹션은 접힌 상태라 정보가 숨겨짐.
- 장점: (1) 풀블리드 사진+초대형 흰 헤드라인 한 문장 히어로 (2) 안전 3종(24시간 모니터링·신분증+셀카·신고차단)을 아코디언 3개 "MEET/CONNECT/WIPPY"로 압축 (3) 수치 4칸 카운터 한 줄로 규모 증명 (4) 폰 목업에 "근처에 632명" 실시간 감 연출 (5) 하단 플로팅 혜택 바로 전환 유도.
- 단점: 헤드라인 줄바꿈 깨짐, 핵심 안전 정보가 접힌 아코디언에 숨음, 스토어 배지·후기·언론 없음, 수치가 비어 보임.
- 미확인: 카운터 실제 수치, 다운로드 버튼 목적지, 영상 모션, 하위 페이지(STORY/유저인터뷰/플레이스 등 메뉴 존재만 확인).
연인어때 yeoninotte (오프라인 로테이션 소개팅 / 모임)
- 조사 URL https://www.yeonin.co.kr/ (메인, 모바일 높이 약 11,113px) 및 https://www.yeonin.co.kr/dating (신청 목록, 약 4,525px). 아임웹 기반. 확인일 2026-10-05, 캡처 captures\yeonin\ , captures\yeonin-dating\ (scroll-00..12 / 00..05)
- 대표 이미지: captures/yeonin/mobile-first.png(첫 화면 팝업 상태), captures/yeonin/desktop-first.png, captures/yeonin/scroll-02.png(인증서 카드 슬라이더+신청 가능 건수 플로팅), captures/yeonin/scroll-05.png(실시간 후기 별점 리스트), captures/yeonin-dating/scroll-01.png / 모션 영상: captures/yeonin/mobile-scroll.webm
- 첫 화면(히어로): H1(메타) "서울 로테이션 소개팅, 연인어때". 카피 "대한민국 NO.1 소개팅", "누적 소개팅 진행 1,849 / 누적 방문자 976,486", "직장인 소개팅 업계 최초 + 유일", "전국 12개 지역 동시 진행 중"(숫자는 카운터, 팝업이 덮고 있어 일부만 보임). 비주얼=소개팅 현장 사진 풀블리드(얼굴 블러). 첫 진입 시 팝업 2장이 화면 대부분을 덮음(사칭·도용 주의 안내 / 압구정·성수 OPEN 이벤트 남 44,000원·여 24,000원 쿠폰) + 카톡 로그인 상단 띠 + 친구초대 토스트(3,000원). 주 CTA: 좌하단 고정 "신청하기" 원형+"이번 주 신청 가능 건수 749/800건" 롤링 숫자.
- 섹션 순서(메인): 지역 선택(12개 지역 칩: 논현·압구정·종로·여의도·성수·잠실·홍대·구로·수원·인천·대전·천안) → 수치 4칸(매주 참가자 1,200+, 직업 인증 회원 3만 명+, 업계 1위, 고객 만족도 98%) → 정식 등록 업체 인증서 슬라이더(사업자등록증·통신판매업신고증·인허가보증보험증권·보험금 청구 절차·구매안전서비스 확인증) → 전국 현장 스케치 → 100% 실시간 후기(별점, 마스킹 ID, "N시간전") → 소개팅 일정(월별) → 참가자 명단(주차별 실시간) → "연인어때는 다릅니다" 3가지(내부 검증 시스템/'00번' 만남/'ㅈㅇㅅㄹㅇ' 대화) → 진행 절차·FAQ 아코디언(참여 확정·환불 규정·진행 장소 등) → 수도권/충청권 모임 상품 카드(지역별 가격 ₩24,000~28,000, 정가 ₩58,000 취소선, NEW/SALE/BEST/HOT 뱃지, 후기수, 마감 임박/SOLDOUT) → 푸터(대표·사업자·통신판매·고객센터).
- 카피 톤/소구: 증거 중심, 안심·검증·활발함(많은 사람 + 빠른 마감). 인상적 문구: "연인어때는 아무나 신청할 수 있는 방식이 아닙니다. 서류와 사진을 통해 직업과 자기 관리 상태를 확인합니다." / "'00번' 만남 ... 10분간의 대화로 부담 없이 여러 만남을 경험해보세요" / "자체 제작한 프로필 카드로 10분 대화의 어색함을 덜어드립니다!" / "연인어때 사이트 사칭·도용 주의 안내 ... 특허청 키프리스에 정식 상표 등록" / "(후기) 처음 주신 상담지 질문이 너무 좋아서 깜짝놀랐어요".
- 신뢰 요소: 사업자·통신판매·인허가 보증보험·구매안전서비스 인증서를 이미지 슬라이더로 직접 노출(가장 인상적), 실시간 후기(별점+마스킹 ID+시각), 참가자 명단 실시간, 현장 스케치 사진, 만족도 98%, 보험금 청구 절차 공개, 상표등록 안내, 부정클릭 감시 배지. 후기에 단점(남 12:여 9)도 그대로 노출해 진정성 연출.
- 전환 장치: 고정 "신청하기"+잔여 건수 플로팅(희소성), 상단 카카오 1초 가입 띠, 이벤트 팝업(쿠폰가), 친구 초대 3,000원 토스트, 채널톡(우하단 챗 버튼) 플러그인 확인(cdn.channel.io), 상품 카드의 마감 임박·SOLDOUT·정가 취소선. /dating은 참여 신청 전용 목록+실제 후기 6건.
- 모션/인터랙션: 인증서 카드 슬라이더(가로 스와이프, 페이지 바 3개), 후기 리스트 롤링/섹션, 잔여 건수 롤링 숫자(카운터 추정, 7·4·9 개별 칩), 스크롤 시 헤더 로고 고정 헤더. 라이브러리: jQuery/아임웹 번들, 채널톡, TikTok·Meta 픽셀, Datadog RUM은 확인; page.json의 aos/three 표기는 문자열 매칭 오탐 가능성 높아 미확인.
- 모바일 완성도/디자인: 베이지·골드(#B8A67E 계열)+블랙, 차분한 신뢰형. 그러나 첫 화면에 팝업·띠·토스트·플로팅 3~4개가 겹쳐 히어로가 안 보임(모바일 첫 화면 거의 팝업). 모바일 높이 11,000px로 길고 정보 과밀.
- 장점: (1) 인증서·보증보험 이미지 슬라이더로 "믿어도 되는 회사" 증명 (2) 실시간 후기에 별점·마스킹 ID·시각, 단점 후기까지 노출 (3) 잔여 신청 건수 749/800 고정 플로팅으로 희소성 (4) "연인어때는 다릅니다" 3가지 차별점을 번호+카피로 정리 (5) 지역 칩 → 일정 → 상품 카드의 선택 흐름과 BEST/마감 임박 뱃지, 정가 취소선.
- 단점/피할 것: 팝업·플로팅 과다로 히어로 가림, "NO.1/업계 최초+유일" 자칭 문구(근거 없음), 페이지 과장.
- 미확인: 카운터 수치 변동 방식, 팝업 이전 히어로 전체, 영상 모션.
W클럽 더블유클럽 (하이엔드 만남보장 소개팅앱)
- 조사 URL https://wclub.co.kr/ (200, Next.js 사이트, 모바일 높이 약 32,563px), 확인일 2026-10-05, 캡처 captures\wclub\ (scroll-00..23)
- 대표 이미지: captures/wclub/mobile-first.png, captures/wclub/scroll-03.png(5가지 약속 번호 리스트), captures/wclub/scroll-07.png(NO.1 PRIVATE MATCH 다크 선언), captures/wclub/scroll-12.png(ALL YOU NEED IS A PROFILE), captures/wclub/scroll-20.png(성별 매칭 설명) / 모션 영상: captures/wclub/mobile-scroll.webm
- 첫 화면(히어로): 위스키 잔·얼음을 클로즈업한 어두운 시네마틱 배경(모바일·PC 프레임의 장면이 달라 영상 배경으로 판단). 헤드라인이 서서히 페이드인(첫 프레임은 흐릿): 모바일 "국내 1위 100% 만남보장 / 하이엔드 매칭서비스, 더블유클럽", PC "못만나면 100% 환불 / 업계 1위, 100% 만남보장 정책"(문구가 회전 교체되는 것으로 보임). H1(메타/DOM)="검증부터 만남까지 보장하는 국내 1위 매칭서비스, 더블유클럽". 상단 로고+메뉴(남성/여성/조건/후기/블로그)+테두리형 "앱 다운로드". 하단에 "W클럽 TV CF 2026 자세히 보기" 영상 미니 카드(닫기 가능)와 아래 화살표(스크롤 유도).
- 섹션 순서: 히어로 → 수상 배지(2026 포브스코리아 브랜드대상, 데이팅앱 대상) → 수치 6칸(100% 만남보장, 7years 업력, 92.7% 만족도, 112,735+ 누적 만남, 300K+ 다운로드, ★4.3+) → 회원 재직 회사 로고(사업가·전문직·대기업·외국계) → "W CLUB만의 5가지 약속" 번호 리스트 01~05 → 다크 풀섹션 "NO.1 PRIVATE MATCH '좋은사람만 만날수있게.'" → "100% MEETING 100% 만남보장 책임제" → "ALL YOU NEED IS A PROFILE 프로필만 등록해주세요. 인연을 찾아드립니다." → 남녀 모델 사진 + 01·02 설명(여성 편/남성 편) → 3단계 이용 방법(앱 다운받기/프로필 정성껏 작성하기/컨시어지의 매칭 기다리기) → 추천 후기(회원 성별·나이·직업 표기) 다수 → 가입조건·FAQ·블로그·푸터(추정, 전체 텍스트에서 후기 이후는 미확인).
- 카피 톤/소구: 프리미엄·검증·책임. 영어 대문자 세리프 라벨(NO.1 PRIVATE MATCH, 100% MEETING)+한글 고딕 본문 혼용, 짧은 선언문. 인상적 문구: "좋은사람만 만날수있게." / "만족스럽지 못한 첫 만남을 보상하는 100% 환불 정책" / "프로필만 등록해주세요. 인연을 찾아드립니다." / "컨시어지들은 인연을 찾아 연결해드리는 소셜 헤드헌터입니다." / "약속이 확정된 경우에만 연락처를 보내드립니다." / 후기 "타 시스템이 패스트푸드라면, W클럽은 미슐랭이에요."
- 신뢰 요소: 포브스 수상 배지, 수치 6종(만족도 92.7%, 누적 만남), 재직 회사 로고 월, 능력·매력 검증 문구, 환불·시간보호 보장제, 컨시어지 1:1, 익명 기반 정보 보호, 후기에 "여성회원 · 29세 · 회사원" 식 라벨(이메일 마스킹 ID 병기). 매칭 확정 전 연락처 비공개 규칙을 강점으로 서술(공썸의 운영 방식과 동일).
- 전환 장치: 상단 고정 헤더의 "앱 다운로드"(스크롤 시 밝은 헤더로 전환되며 유지), 남/여 별 설명 섹션, TV CF 카드. 본문 중 스토어 배지는 본 프레임에서 미확인(헤더 버튼 위주). 폼 없음.
- 모션/인터랙션: 영상 배경 히어로 + 헤드라인 페이드인(확인, mobile-first 프레임의 흐릿한 텍스트), 다크/라이트 섹션 교차 전환, 스크롤 시 헤더 배경 전환(확인: scroll 프레임에서 밝은 헤더), 번호 리스트 01~05 등장 애니메이션 가능(프레임상 정적, 미확인). 사용 라이브러리: Next.js(확인), 모션 라이브러리는 번들만 있어 특정 불가(미확인).
- 모바일 완성도/디자인: 매우 높음. 블랙(#1a1a1a)/아이보리(#f4f1ec)/골드 포인트 3색, 얇은 세리프 영문 + 굵은 한글 고딕, 넉넉한 여백, 한 화면 한 메시지. 약점: 모바일 높이 32,563px로 매우 김, 여성 모델 사진이 외모 중심.
- 장점: (1) 한 섹션 한 메시지(다크/라이트 교차)로 길어도 지루하지 않은 리듬 (2) "5가지 약속"을 01~05 번호 + 줄 구분선으로 보여주는 보장 정책 리스트 (3) 후기에 성별·나이·직업 라벨, 수치 6칸 + 수상 배지의 권위 구성 (4) "프로필만 등록하세요" 3단계 이용방법으로 가입 부담 낮춤 (5) 연락처는 확정 후에만 전달한다는 규칙을 신뢰 문구로 전환(공썸과 동일 정책이라 그대로 차용 가능).
- 단점/피할 것: "국내 1위·업계 최초" 단정, 외모 대상화 느낌의 모델 사진, 초장문 페이지, 사업가/전문직 등 계층 구분 소구(공썸 40~50대 여성에게는 부담 가능).
- 미확인: 후기 이후(가입조건·FAQ·푸터) 구성, 히어로 문구 교체 주기, 영상 파일 형식.
윌유 willu (여성 기획자 소개팅앱 / 인연 큐레이터)
- 조사 URL https://willu.co.kr/ (200, Next.js, 모바일 높이 약 9,744px), 확인일 2026-10-05, 캡처 captures\willu\ (scroll-00..10)
- 대표 이미지: captures/willu/mobile-first.png, captures/willu/scroll-02.png(스토리카드 섹션, 일러스트+스크롤 반응 텍스트), captures/willu/scroll-04.png(가로 카드 "어떻게 나보다 나를 잘 알지?"), captures/willu/scroll-07.png(아코디언+990,000명 섹션), captures/willu/desktop-first.png / 모션 영상: captures/willu/mobile-scroll.webm
- 첫 화면(히어로): 하늘색(#A3D5EB 계열) 단색 배경 + 흑백 라인 일러스트(커플, 꽃다발). H1 "내 기준에 꼭 맞는, 소중한 만남의 연결"(세리프 명조풍), 서브 "인연 큐레이터 윌유", 주 CTA 검정 알약 "앱 다운로드"(헤드라인 바로 아래, 일러스트 위에 겹침). 헤더: willu 로고, "상점" 알약, 햄버거(PC는 안전/만남 가이드/큐레이션 체험 메뉴 + 앱 다운로드).
- 섹션 순서: 히어로 → 숫자로 보는 윌유(남 55% 여 45%, "여성이 믿고 사용해요", 990,000명+ 인연 탐색, 940,000명+ 데이트 시작, 26년 9월 기준) → 철학 "윌유는 데이팅 앱이 아니에요. 가벼운 만남은 사양합니다." → 스토리카드 "한 줄 프로필이 아닌 한 사람의 이야기."(프로필 카드 목업: 29세·서울, #디자이너 #잘웃음 #한강산책, 3일 내 접속함, 자동요약) → "내게 꼭 맞는 인연만 찾아 드려요" 가로 스와이프 카드 3장(어떻게 나보다 나를 잘 알지? / 라이프스타일·취향 분석 / 스토리카드) → "국가기관 지정 신원검증" 3개(방통위 지정 본인확인기관, 통신사 인증, 100% 본인인증) → "철벽 보안, 안심 만남" 3개(사진 캡쳐 불가, 전화번호 지인 차단, 회사 이메일 도메인 동료 자동 차단) → "무분별한 추천 대신 내게 꼭 맞는 단 한 사람" 아코디언 리스트(깊이 있는 프로필/하루 4번 큐레이션/채팅 없이 바로 연결/100% 환급/여성 45%/꼼꼼한 신원 검증/전담 안전팀 운영) → "기존 데이팅 앱에 실망한 990,000명이 윌유의 큐레이션에 만족했어요" + 스토어 평점 비교(데이팅 앱 1위 ★3.1 vs 윌유 ★4.6, 25년 4월 기준) → 회원 후기("지난주 프로포즈 받고 내년에 결혼합니다", App Store 엽**) → FAQ 6개 아코디언(소개 방식·지인 만날까봐·가입 심사·응답 없으면·유료인가요·안전 관리) → 일러스트 + "지금 바로 시작하세요. 윌유" 앱 다운로드 → 약관·사업자정보((주)라이프오아시스, 대표이사, 통신판매업 번호).
- 카피 톤/소구: 담백·진지·여성 친화. "가벼운 만남은 사양합니다"로 진지한 연애 지향 선언, 일러스트로 외모 대상화 회피. 인상적 문구: "윌유는 데이팅 앱이 아니에요." / "한 줄 프로필이 아닌 한 사람의 이야기." / "어떻게 나보다 나를 잘 알지?" / "사진 캡쳐? 불가능." / "직장 안에서도 완벽한 프라이버시." / "기존 데이팅 앱에 실망한 990,000명이 윌유의 큐레이션에 만족했어요."
- 신뢰 요소: 방통위 지정 본인확인기관, 통신사 인증 설명, 남녀 비율(여성 45%) 공개, 스토어 평점 경쟁 비교(★4.6 vs ★3.1, 기준월 명시), 사업자 정보, 후기, 전담 안전팀, 안전 센터·커뮤니티 가이드라인·아동 안전 표준 정책 링크, 기준일(26년 9월) 표기로 수치 신뢰도 확보.
- 전환 장치: 헤더 고정 "상점" 알약(스크롤 시 흰→검정 전환), 히어로 CTA, 하단 클로징 CTA(일러스트+앱 다운로드), 별도 스토어 배지는 미확인. 이벤트·폼 없음. Airbridge SDK 확인(스크립트 목록, 앱 설치 어트리뷰션 추적).
- 모션/인터랙션: 스크롤 프레임 비교로 확인된 것 — (1) 섹션 배경색이 하늘색↔흰색↔연회색으로 구간별 전환 (2) 본문 텍스트가 회색→검정으로 스크롤에 따라 진해지는 텍스트 리빌(scroll-02의 흐린 회색 본문) (3) 가로 스와이프 카드가 화면 가장자리에서 잘려 다음 카드 존재를 암시 (4) 카드 안 목업(오늘의 인연 80% 일치) (5) 아코디언 +/− (6) 헤더 "상점" 버튼 색 반전. 라이브러리: Next.js·Airbridge는 확인, 모션 라이브러리는 번들만 있어 특정 불가(미확인).
- 모바일 완성도/디자인: 매우 높음. 하늘색+흑백 라인 일러스트(여성 기획자 감성) + 명조풍 헤드라인 + 고딕 본문, 둥근 카드/알약 버튼, 긴 여백, 길이 9,744px로 비교적 짧음. 일러스트 스타일이 외모 평가 소구를 피해 중장년 여성에게 부담이 적음.
- 장점: (1) 헤드라인·서브·CTA 한 번에 보이는 일러스트 히어로(스크롤 없이 CTA 노출) (2) "신원검증 3 / 프라이버시 3"을 각각 소제목+3개 항목으로 안전을 두 축으로 분리(공썸의 본인인증·승인과 지인차단·캡처차단에 그대로 대응) (3) "윌유는 데이팅 앱이 아니에요"처럼 부정 선언으로 포지셔닝하는 철학 섹션 (4) 수치에 기준일(26년 9월) 병기 (5) 일러스트 + 스크롤 시 텍스트 리빌로 부드러운 읽기 리듬 (6) FAQ에 "지인을 만날까봐 걱정돼요", "가입 심사가 있나요?"를 넣어 주 불안을 직접 해소.
- 단점/피할 것: 스토어 평점 경쟁 비교(타사 ★3.1 비교는 근거 불명 위험), "990,000명 만족" 같은 모호한 수치, 후기 1건뿐, 핵심 혜택 7개가 접힌 아코디언.
- 미확인: 큐레이션 체험 페이지 및 안전/만남 가이드 하위 페이지, FAQ 답변 본문, 영상 모션.
정오의데이트 NoonDate (소개팅앱 / 동네친구, 운영사 (주)모젯)
- 조사 URL: (1) https://noondate.com/v2/account/intro → 최종 https://mobile.noondate.com/ (Wix 기반 웹 랜딩, 모바일 높이 약 5,066px) = 캡처 captures\noondate-web\ (scroll-00..04). 목록에는 URL이 없었으나 앱스토어 약관 링크(noondate.com)로 발견. (2) 구글 플레이 리스팅 https://play.google.com/store/apps/details?id=com.NoonDate&hl=ko = 캡처 captures\noondate\ (scroll-00..05). WebSearch로 공식 홈페이지는 검색되지 않음(스토어 결과만) → 도메인 직접 확인으로 확정. 확인일 2026-10-05.
- 대표 이미지: captures/noondate-web/mobile-first.png, captures/noondate-web/scroll-01.png(14th 어니버서리 + 지인차단), captures/noondate-web/scroll-02.png(같이할래요 앱 목업 콜라주), captures/noondate/mobile-first.png(플레이 리스팅 첫 화면) / 모션 영상: captures/noondate-web/mobile-scroll.webm
- 첫 화면(히어로): 흰 헤더(하늘색 로고 "정오의데이트", "앱 다운로드" 하늘색 알약) 아래 풀폭 영상/사진(여성 클로즈업, 광고 영상 컷으로 보임). 헤드라인 흰 볼드 "연애를 시작하는 스마트한 방법"(좌하단 오버레이), 그 아래 풀폭 하늘색 "앱 다운로드" 버튼이 첫 화면 하단에 걸쳐 노출. 메타 설명: "가까운 동네 친구부터 취향, 가치관 기반의 진지한 소개팅까지".
- 섹션 순서: 히어로 → 수치 3칸(플레이스토어 평점 4.5점/하루 매칭수 24,442/누적 가입수 580만+, 각각 기준일 병기) → 14th ANNIVERSARY 월계관 → 기능 5개를 폰 목업과 함께 지그재그: ①지인차단("116명 지인을 차단했어요!") ②같이할래요(심심할 땐 같이 할 친구) ③셀프소개팅(일상·관심사·취향) ④동네친구(실시간 위치) ⑤보이스챗(무료 통화) ⑥내 취향 이성(조건 설정) → 클로징 CTA 밴드 "연애를 시작하는 스마트한 방법 정오의데이트" + 앱 다운로드 → 푸터(SNS 4종, (주)모젯 사업자번호, 주소).
- 카피 톤/소구: 가볍고 친근. 안심(지인차단)을 첫 기능으로 배치, 외로움 해소(심심할 땐), 동네·무료 통화. 인상적 문구: "연애를 시작하는 스마트한 방법" / "혹시 아는 사람이 나를 볼까 봐 걱정되시나요? 완벽한 지인차단 기능으로 아는 사람과 절대 마주치지 않으니 안심하고 사용하세요" / "혼자여서 심심할 땐 같이 할 친구를 찾아보세요" / "목소리로 먼저 상대방을 알아볼까요? 무료로 매칭되는 이성과 설레는 대화해 보세요". 플레이 리스팅: "불량 사용자 OUT! [정데 클린 캠페인 진행 중]", "누적 가입 600만 · 누적 매칭 6900만", 2011년부터 약 15년.
- 신뢰 요소: 수치 3칸(평점·일 매칭·누적 가입)에 기준일 병기(25년 2월·8월, 26년 2월), 14주년 월계관 엠블럼, 지인차단 시연 목업, 플레이 리스팅의 "직접 승인한 회원", 신고 기능, 모니터링 문구, 운영사 정보. 목업마다 "*이해를 돕기위한 광고모델 예시 화면입니다" 고지(광고 표시 준수).
- 전환 장치: 헤더 상단 "앱 다운로드" + 히어로 풀폭 버튼 + 하단 클로징 밴드 버튼(3곳). 후기·이벤트·폼은 없음. 스토어 배지 없음(텍스트 버튼).
- 모션/인터랙션: 히어로 영상 배경(확인: mobile-first가 영상 프레임, 영상 파일 확인 필요), 기능 섹션 목업 이미지의 등장 연출(scroll 프레임상 정적 이미지, 스크롤 리빌 여부는 미확인). 페이지는 Wix(Thunderbolt) 기반임이 스크립트 목록으로 확인됨; page.json의 lottie/swiper 표기는 오탐 가능성이 있어 미확인.
- 모바일 완성도/디자인: 하늘색(#38C8FF 계열)+화이트 2톤, 둥근 폰트의 가벼운 톤, 정보 밀도 낮고 목업 중심. 단 목업 이미지의 해상도가 낮아 글자가 뭉개짐(scroll-02에서 확인). 한 기능당 헤드라인+한 문장+목업 1개의 단순 반복 구조.
- 장점: (1) 첫 화면에 풀폭 CTA 버튼 + 3칸 수치로 즉시 전환/신뢰 (2) 기능 소개를 "걱정(지인차단) → 불안 해소 시연(116명 차단 목업)" 순서로 구성, 안심을 1번에 배치 (3) 수치마다 기준일을 병기 (4) 광고 모델 화면 고지 문구 (5) 한 섹션 한 기능의 단순 지그재그 구조로 스크롤 부담 낮음.
- 단점/피할 것: 저해상도 목업, 외모 중심 사진(귀여운 얼굴 클로즈업, 목업 속 "외모 대상화" 광고 레퍼런스 맥락), 구체적 인증·심사 설명 부족, 후기 없음.
- 미확인: 영상 배경 파일, 목업 등장 모션, mobile.noondate.com 외 하위 페이지(/csae, /tos).
- 플레이 리스팅 보조(captures\noondate\): 제목 "정오의데이트 소개팅 – 동네친구 데이트 만남", ★4.4 · 리뷰 7.26만 · 500만+ 다운로드 · 청소년이용불가, 스크린샷 첫 장 "매일 12시, 새로운 인연이 찾아옵니다", 둘째 "누적 가입수 600만 + 후기", 셋째 "신규 가입자 성비 1:1" 리포트 카드.
글램 GLAM (소개팅앱, 운영사 큐피스트 Cupist Inc.)
- 조사 URL: 글램 소비자용 웹 랜딩은 찾지 못함('웹 랜딩 없음'으로 기록). 시도: WebSearch "글램 GLAM 큐피스트 공식 홈페이지"(무관한 화장품 결과만), glam.cupist.com(접속 불가), 구글 플레이 리스팅 확인, 운영사 https://www.cupist.com/ 확인(채용·기업 소개 사이트, 소비자 랜딩 아님), WebSearch "너이거봤어 앱 큐피스트"(해당 페이지 검색 결과 없음). 따라서 구글 플레이 리스팅 https://play.google.com/store/apps/details?id=com.charmy.cupist&hl=ko 를 대신 캡처·분석. 확인일 2026-10-05, 캡처 captures\glam\ (플레이 리스팅, scroll-00..06) + captures\cupist\ (운영사 사이트, scroll-00..10).
- 대표 이미지: captures/glam/mobile-first.png(플레이 리스팅 첫 화면: 스크린샷 3장), captures/glam/scroll-02.png(별점 분포·후기), captures/cupist/desktop-first.png(운영사 SATISFY THE DESIRES OF LOVE 타이포 히어로) / 모션 영상: captures/glam/mobile-scroll.webm
- 첫 화면(히어로, 플레이 리스팅): 핫핑크 그라디언트 별빛 아이콘, 제목 "글램 : 탈퇴하세요, 함께 - 소개팅 데이트 만남", Cupist Inc., ★4.0 · 리뷰 6.48만 · 100만+ 다운로드 · 청소년이용불가, 초록 "설치" 버튼, 스크린샷 가로 캐러셀 첫 장 "여름엔 탈퇴하세요, 함께"(바다 배경 커플 사진), 둘째 장 후기 별 5개 카드("글램으로 만나 3년 연애하고 결혼합니다", ID 마스킹), 셋째 장 "여성 사용 1위 — 여성이 가장 많이 쓰는 소개팅 앱 1위 *2024 7월 모바일인덱스 기준".
- 섹션 순서(리스팅 본문): 소개 문단("너무 매력적이라 연애와 결혼까지도 고려하고 싶은 사람... AI와 사람의 삼중 검증") → 수치 한 줄(누적 회원 700만 · 누적 매칭 3,000만 · 함께 탈퇴한 회원 3,205,622명) → 오늘의 추천/첫 결제 50% 보너스 젬 → "한 달 매칭 33만 회! 12초마다 새로운 인연이 연결돼요 / 여성 회원 64%가 만남을 경험" → 기능 5개(무제한 소개팅, 외모·취향 맞춤, 직장·학력 인증 2,400개 직장·1,300개 대학, 실시간 피드, 접속 태그) → 안전 검증 시스템 5개(가입 심사, AI 프로필 인증(페이스 인증), 번호 인증 초록 배지, 지인 차단, 24시간 모니터링) → 마무리 "당신의 마지막 소개팅이 되었으면 좋겠어요" → 사용 권한 목록 → 청소년 보호 고지 → 별점 분포/후기 → 앱 지원/유사 앱.
- 카피 톤/소구: 캠페인형 위트와 "마지막 소개팅" 진정성. 인상적 문구: "탈퇴하세요, 함께"(앱 이름까지 포함한 역설 카피로 연애 성공=탈퇴라는 약속) / "당신의 마지막 소개팅이 되었으면 좋겠어요" / "12초마다 새로운 인연이 연결돼요" / "소개에는 제한 없이 AI와 사람의 삼중 검증을 받은 분들을 소개" / "함께 탈퇴한 회원 3,205,622명".
- 신뢰 요소: 누적 수치 3종 + "함께 탈퇴한 회원" 성공 지표(가장 인상적: 서비스 성공을 '탈퇴 수'로 증명), 여성 사용 1위 인덱스(기준월 명시 2024.7 모바일인덱스), 후기 카드 ID 마스킹, 가입 심사·페이스 인증·번호 인증·직장/학력 인증·지인 차단·24시간 모니터링 목록, 별점 4.0(5점 비중 다수·1점 비중 일부로 분포가 극단적).
- 전환 장치: 스토어 설치 버튼(구글 플레이), 보너스 젬 첫 결제 혜택 문구. 웹 폼·플로팅 없음(스토어 UI).
- 모션/인터랙션: 스토어 UI 한계로 가로 스크린샷 캐러셀만 확인. 운영사 사이트는 Next.js 기반(확인)이며 대형 condensed 영문 타이포 + 벤다이어그램 인포그래픽(SATISFY THE DESIRES OF LOVE / GLOBAL LOVE-TECH)과 아티클 리스트(2026/09 이용자 데이터 리포트: "이용자 80% 매칭 상대와 오프라인 만남 경험" 등 언론 소재) 구성. 모션 라이브러리는 미확인.
- 모바일 완성도/디자인: 플레이 리스팅이라 자체 설계 불가. 핑크(#E91E63~FF4D88)+블랙+화이트의 강한 브랜드 컬러와 굵은 condensed 서체(운영사 사이트).
- 장점: (1) "탈퇴하세요, 함께"라는 역설 약속 + "함께 탈퇴한 회원 N명" 성공 지표(공썸: "함께 골프 치러 간 모임 N건" 같은 성공 수치로 응용 가능) (2) 안전 검증을 "가입 심사 / AI 프로필 인증 / 번호 인증 / 지인 차단 / 24시간 모니터링" 5개 짧은 라벨로 정리 (3) 수치와 함께 "12초마다 새로운 인연" 같은 체감형 환산 문구 (4) 지표에 출처·기준월 병기("2024 7월 모바일인덱스 기준") (5) 자체 이용자 데이터 리포트를 보도자료화하는 신뢰 구축 방식.
- 단점/피할 것: 외모평가·"상위 외모 비율" 소구(자체 리포트 제목), 별점 4.0에 1점 후기 다수, 웹 랜딩 부재로 AI 검색 유입 대응 약함.
- 미확인: 글램의 자체 웹 랜딩 존재 여부(소비자용 웹 URL 못 찾음), 앱스토어(iOS) 리스팅, 큐피스트 계열 "너이거봤어?" 페이지(검색 결과 없음), 영상 모션.
그룹 종합: 공썸 랜딩에 가져올 장점 TOP 7
- 안전을 "검증"과 "프라이버시" 두 축으로 나눠 각 3개씩 짧게 제시(윌유) + 글램의 5개 라벨 리스트. 공썸의 본인인증·운영팀 승인 / 지인·학교·직장 차단·캡처 차단·사진 5분 공개에 그대로 대응. FAQ에 "지인을 만날까봐 걱정돼요", "가입 심사가 있나요?" 포함.
- 보장·약속을 번호 리스트로(W클럽 "5가지 약속" 01~05, 연인어때 "다릅니다 ➊➋➌"). 공썸은 "상대 의사 확인 후에만 연락처 전달"을 약속 1번으로(W클럽도 같은 방식을 신뢰 문구로 사용 중).
- 증빙 슬라이더·실제 후기(연인어때): 인증서·보증 이미지 + 별점·마스킹 ID·시각이 붙은 후기, 단점 후기도 노출. 공썸은 운영사 정보·사업자·승인 절차 캡처로 대체 가능. 정오의데이트·윌유처럼 수치마다 기준일 병기.
- 한 섹션 한 메시지 + 다크/라이트·배경색 교차 리듬(W클럽), 스크롤에 맞춰 회색→검정으로 진해지는 텍스트 리빌(윌유). 긴 페이지의 지루함을 줄임.
- 히어로: 한 문장 헤드라인 + 서브 + CTA를 첫 화면에 동시 노출(윌유, 정오의데이트 풀폭 버튼). 일러스트/절제된 사진으로 외모 대상화 회피(윌유) — 35~54 여성 타깃에 적합.
- 성공 지표를 서비스 약속과 연결(글램 "함께 탈퇴한 회원 N명", 연인어때 "참가자 명단/현장 스케치", 위피 "근처에 632명" 목업). 공썸은 "함께 라운딩한 모임 N건", 성사 모임 사례를 같은 방식으로.
- 희소성·진행 상태 노출(연인어때 "이번 주 신청 가능 749/800건" 고정 플로팅 + 마감 임박 뱃지). 단 팝업·플로팅 과다로 히어로를 가린 점은 반면교사 — 플로팅은 1개만.
피할 것(공통): "국내 1위/업계 최초" 근거 없는 자칭, 외모평가·계층(전문직/상위 외모) 소구, 모바일 헤드라인 1글자 줄바꿈(위피), 저해상도 목업(정오의데이트), 핵심 정보를 접힌 아코디언에만 숨기기(위피), 경쟁사 평점 직접 비교(윌유).
참고(조사 한계): 위피는 이번 조사에서 scroll 프레임 없이 mobile-full/first만 분석했고, 영상(mobile-scroll.webm)은 어떤 회사도 재생 분석하지 못함(모션은 정지 프레임과 스크립트 목록 기준). 글램·정오의데이트 앱스토어(iOS) 리스팅 미조사.
그룹 2
g2 랜딩 조사 (퍼스트클래스·비긴즈·러브멘토링·아만다·리본·감정적인오렌지들)
확인일 2026-10-05. 캡처는 captures/<slug>/ (mobile-first, scroll-NN, desktop-first/full, mobile-scroll.webm, page.json).
퍼스트클래스 (소개팅앱/소셜 멤버스 클럽)
- 조사 URL: https://www.first-class.vip/ (200, 최종 동일), 확인일 2026-10-05, captures/firstclass/
- 대표 이미지: captures/firstclass/mobile-first.png, captures/firstclass/desktop-first.png, captures/firstclass/scroll-05.png (앱 목업+승무원 원형 컷아웃), 영상 captures/firstclass/mobile-scroll.webm
- 첫 화면(히어로): H1 "검증된 분들을 위한 소셜 Members Club" / 서브 "비즈니스 네트워킹부터 가치관이 맞는 친구찾기까지, 퍼스트클래스 승객님들과의 네트워킹을 통해서 정말 좋은 사람들을 만나보세요." / 회색 보조 "FLY WITH FIRSTCLASS 지금 퍼스트클래스에 탑승하세요." 비주얼은 구름·하늘 사진 배경 + 금색 로고. 데스크톱은 우측에 아이폰 앱 목업(캐빈크루 추천 화면)과 좌측 "App Store" 버튼 1개. 모바일 첫 화면에는 CTA 버튼이 보이지 않음(스크롤 프레임에도 배지 미확인).
- 섹션 순서: 히어로 → WHY FIRSTCLASS(미국 사교클럽 대비 한국엔 왜 드문가 질문형 인용) → 철저한 서류검증·성취자 우선 초대 → "1:1 네트워킹과 클럽 모임을 동시에" → "언제, 어디서 네트워킹할지 일등석 캐빈크루가 모두 도와드립니다" + 앱 목업(약속 일정, 승무원 캐릭터) → "어떻게 진행되나요?" 3단계(인증 심사/초대권 탑승 → 알고리즘 추천 → 5개 보기로 일정 조율) → 네이비 블록 마무리 "지금 탑승하세요" → 사업자 정보 푸터.
- 카피 톤·소구: 프리미엄·선별·항공 1등석 은유(탑승, 승객, 캐빈크루). 인상 문구: "검증된 분들을 위한 소셜 Members Club", "까다롭게 섭외된 분들만을 탑승시키며, 높은 기준을 항시 유지합니다. (심사통과 비율 20%)", "선택지를 2번 누르기만 해도 약속 일정 조율이 완료되어 불필요한 채팅 및 약속파토가 없습니다."
- 신뢰 요소: 심사통과 비율 20% 수치, 서류검증 서술, 푸터에 법인명·대표·사업자번호·통신판매업신고·전화·메일 전부 노출. 후기·언론·수상은 없음.
- 전환 장치: 데스크톱 히어로 App Store 버튼 1개. 반복 CTA·고정 하단 버튼·폼 없음(확인한 범위). 최하단 "지금 탑승하세요"는 텍스트.
- 모션·인터랙션: CSS @keyframes 0개. 스크롤 프레임상 큰 등장 애니메이션 확인 안 됨(정적 위주). 목업 위 원형 승무원 컷아웃이 겹쳐지는 레이어 연출. 라이브러리: Next.js(확인, _next 스크립트), 모션 라이브러리 미확인.
- 모바일 완성도·디자인: 큰 글자·넉넉한 여백으로 가독성은 높으나 섹션당 한 문장이라 길고 비어 보임(높이 6319px). 색은 흰/오프화이트 + 네이비(#00127a 계열) + 금색 로고, 포인트 문구는 블루 강조.
- 장점: (1) 은유 일관성(탑승·캐빈크루)이 서비스 단계 설명을 기억에 남게 함 (2) "심사통과 비율 20%" 같은 단일 수치로 선별성 입증 (3) 3단계 "어떻게 진행되나요?" 구조 (4) 앱 목업을 실제 화면(약속 조율 카드)으로 보여줘 기능 이해 (5) 푸터 사업자 정보 완비로 신뢰.
- 단점: 모바일에서 CTA 부재, 후기·실사용 증거 없음, 이미지 빈약해 스크롤이 길고 지루함.
- 미확인: 모바일에서 스토어 배지 노출 여부, 구글플레이 링크(데스크톱은 App Store만 확인), 앱스토어 리스팅.
감정적인오렌지들 (모임/오프라인 로테이션 소개팅)
- 조사 URL: https://emotional0ranges.com/ (홈, 실제 랜딩), https://emotional0ranges.com/meetups (목록), https://emotional0ranges.com/meetups?type=DOLSING (돌싱 필터). 모두 200. 확인일 2026-10-05. captures/emotional-oranges-home/, captures/emotional-oranges/, captures/emotional-oranges-dolsing/
- 대표 이미지: captures/emotional-oranges-home/desktop-first.png, captures/emotional-oranges-home/mobile-first.png, captures/emotional-oranges-home/scroll-02.png (7만 8천명 신뢰 3카드), captures/emotional-oranges/mobile-first.png (목록 카드). 영상: captures/emotional-oranges-home/mobile-scroll.webm
- 첫 화면(히어로): H1 "준비는 이미 충분해요. 만날 기회가 없었을 뿐." (마침표만 오렌지색) / 서브 "앱 소개팅의 피로감도, 결혼정보회사의 부담도 없이. 직장 인증 회원 7만명이 만드는 진짜 만남". 비주얼은 어둡게 처리한 로테이션 소개팅 현장 사진(얼굴 블러)이 둥근 카드로 꽉 차 있고 "1 / 2 중 2" 형태 가로 슬라이드(캐러셀). 데스크톱 CTA "회원가입"(흰색) + "모임 보기"(반투명). 모바일 첫 화면에는 로그인 버튼만, 쿠키 동의 바텀시트가 화면 하단을 덮음. 앱 느낌의 하단 탭바(홈·탐색·매칭 추천·마이).
- 섹션 순서: 히어로 슬라이드 → "취향이 같으면 대화가 쉬워져요" 슬라이드 → "서울에서, 이번 주에 진행되는"(날짜·가격 카드 가로 스크롤, 서울 15개 지역) → "우리 동네에서 만나는 소개팅"(서울 외 16개 지역) → "테마가 있는 특별한 만남"(180cm·선개팅·기독교 특집) → "누적 회원 7만 8천명이 선택한 진짜 만남"(본인·직장 인증 / 호스트 동행 / 31개 지역 직영 3카드) → "어떤 만남을 찾고 있나요?"(유형 5종·모임 수) → "조용한 라운지에서, 깊은 대화"(블랙라운지, 가입 후 공개) → 푸터(앱스토어·구글플레이 배지, 환불 규정, 사업자정보).
- /meetups 목록: 검색바("수도권 전체 · 날짜 전체 · 혼자 갈래요") + 유형 칩 + "모임 27개" + 정렬, 2열 카드(날짜 배지 "10월 6일 (화) 저녁 8시", 제목, 지역·일정 수, "43,000원~", "남성 마감" 배지). DOLSING 필터는 같은 목록에 유형 필터가 걸린 형태(2개 모임: 서울 59,000원~, 수원 49,000원~)로 별도 랜딩 콘텐츠 없음.
- 카피 톤·소구: 피로 해소·진정성·직장인 신뢰. 반(反) 앱·반(反) 결정사 포지셔닝. 인상 문구: "준비는 이미 충분해요. 만날 기회가 없었을 뿐.", "앱 소개팅의 피로감도, 결혼정보회사의 부담도 없이", "취향이 같으면 대화가 쉬워져요", "누적 회원 7만 8천명이 선택한 진짜 만남", "본인과 직장 정보 확인을 완료한 회원만 참여해서 믿을 수 있어요".
- 신뢰 요소: 수치(직장 인증 회원 7만명/누적 7만 8천명, 전국 31개 지역 직영), 본인·직장 인증 필수, 호스트 진행, 상시 노출되는 가격·남은 일정 수, 모임 후기·FAQ·저널 메뉴, 푸터 사업자정보·환불 규정, JSON-LD Organization(법인명·주소·고객센터). 히어로 수치가 7만명/7만 8천명으로 문구마다 다름(반올림 불일치).
- 전환 장치: 히어로 이중 CTA(회원가입/모임 보기), 카드마다 날짜·가격 즉시 노출, 가입 후 공개 블랙라운지(희소성), "남성 마감" 같은 성별별 마감 배지, "혼자 갈래요" 필터, 하단 탭바와 스토어 배지, 비회원 가격 선공개. 광고 쿠키 동의창이 첫 화면을 가림(전환에는 마이너스).
- 모션·인터랙션: 히어로 가로 슬라이드, 카드 가로 스크롤. CSS @keyframes 6개. 라이브러리: Next.js(확인), 그 외 미확인. 히어로 배경이 영상인지 정지 이미지인지는 mobile-scroll.webm 미재생 확인 못함.
- 모바일 완성도·디자인: 앱 같은 UI(둥근 카드, 칩, 탭바), 흰/오프화이트 + 오렌지 포인트 + 검정 CTA, 큰 고딕 서체. 가독성·탭 영역 우수.
- 장점: (1) 히어로 카피의 "준비는 이미 충분해요" 위로형 문장 (2) 인증 회원 수·직영·호스트 3카드 신뢰 블록 (3) 가격·날짜·남은 자리 카드로 바로 신청 가능한 구체성 (4) 유형(상황)별 진입 칩 (5) 푸터 사업자정보·환불 규정 노출.
- 단점: 첫 화면 쿠키 바텀시트, 홈이 앱 목록형이라 서비스 설명(왜 믿을 수 있나)이 중간 이후로 밀림, 수치 불일치.
- 미확인: 후기·FAQ·저널 하위 페이지 내용, 히어로 영상 여부.
아만다 (소개팅앱)
- 조사 URL: https://amanda.co.kr/ (200, 최종 동일; 앱 소개 단일 페이지). 목록에 URL 없어 직접 확인. 페이지 title "아만다 - 아무나 만나지 않는다". 확인일 2026-10-05, captures/amanda/. (참고: amanda.dating은 비밀번호 보호 페이지로 리다이렉트되어 분석 불가, 푸터 운영사는 "링크허브(주)"로 표기 — 광고 소재 쪽 운영사 정보와 다를 수 있음, 미확인)
- 대표 이미지: captures/amanda/mobile-first.png, captures/amanda/desktop-first.png, captures/amanda/scroll-02.png (앱 목업 2장 기울임 배치), captures/amanda/scroll-03.png. 영상: captures/amanda/mobile-scroll.webm
- 첫 화면(히어로): 보라색 풀블리드 슬라이드 3장(자동 전환, 하단 점 3개). 슬라이드1 H1 "아무나 만나지 않는다"(계단식 배치, 마지막 줄 노란 밑줄) + "검증된 만남의 시작" + 우상단 "SINCE 2014 / 600만의 선택 / 검증된 만남". 슬라이드2 "댕댕아 옆집 비숑 괜찮더라? 이제는 아만다 + 산책친구도"(비숑 사진), 슬라이드3 "어이, 동네친구! 잠깐나와 편맥하자!". 주 CTA: "Moblie버전 다운로드"(오타 원문) 아래 App Store/Google Play 흰 버튼 2개, 첫 화면 안에 위치.
- 섹션 순서: 히어로 슬라이더 → 다크 블록 "TRUSTED SINCE 2014 / 700만이 선택한 데는 이유가 있습니다" 수치(700만+ 누적 회원, 200만+ 매칭 성사, 240만+ 대화 연결, 10년+) → "검증된 회원만 신뢰의 만남을 시작합니다. 아무나 들어올 수 없다는 기준, 그것이 아만다의 자산입니다." → "신중하게, 진짜 인연에 집중하세요." + 앱 목업(오늘의 소개, 인증 배지) → 이상형 월드컵 → 시크릿스퀘어(익명 게시판·시크릿매치) → "아무나 만나지 않는다" 클로징(퇴근 후 친구/취미 크루) → 푸터(링크허브(주) 사업자정보).
- 카피 톤·소구: 선별·검증·절제(무제한 스와이프 반대). 인상 문구: "아무나 만나지 않는다", "무제한으로 흩뿌리지 않습니다. 진짜 관심 가는 상대에게 집중하는 만남", "검증된 인연을, 진짜 만남으로 잇는 프리미엄 소셜". 히어로 슬라이드가 광고 소재(비숑·편맥)와 같은 위트 톤과 신뢰 톤을 병행.
- 신뢰 요소: 누적 회원 700만+·매칭 200만+·대화 240만+·10년 수치 4종, 앱 목업의 파란 인증 체크 배지, "*광고 모델 이미지 입니다" 고지, 푸터 사업자·통신판매번호. 히어로의 "600만"과 본문 "700만"이 서로 다름(업데이트 불일치).
- 전환 장치: 스토어 배지 2개를 히어로 안에 배치(모바일 첫 화면에서 바로 탭 가능). 고정 하단 버튼·폼 없음.
- 모션·인터랙션: slick 슬라이더(확인: slick.min.js, jQuery 3.2.1 로드), 앱 목업이 기울어져 겹치는 2장 배치. 영상·Lottie·GSAP 미확인.
- 모바일 완성도·디자인: 보라(#6014d8 계열) + 흰 배경, 매우 큰 볼드 고딕. 시선이 한 가지씩 흐르는 단순 구조로 가독성 높음. 일부 섹션 사이 공백이 과하다(scroll-03 위쪽 빈 공간).
- 장점: (1) 한 줄 브랜드 선언 "아무나 만나지 않는다"를 히어로·클로징에서 반복하는 구조 (2) 다크 블록 4개 수치 카운터형 신뢰 섹션 (3) 히어로 안에 스토어 배지 (4) 광고 크리에이티브와 같은 슬라이드 변주로 광고→랜딩 톤 연속 (5) "무제한 스와이프 안 함" 같은 반(反) 카피로 차별화.
- 단점: 오타("Moblie"), 수치 불일치(600만/700만), 후기·인증 절차 상세 설명 부족.
- 미확인: 수치 카운트업 애니메이션 여부(정지 프레임에서는 확인 못함), 스토어 링크 대상.
리본 (결혼정보회사, 공식 서비스명 "Dear Re:Born / 싱글 리본")
- 조사 URL: https://singlereborn.co.kr/ (200). 도메인은 2026-08-02 광고 보고서(phase2-7)에 "SINGLEREBORN.CO.KR"로 기록되어 있어 그것을 사용. 웹검색(WebSearch 3회, reborn/리본 결혼정보회사)으로는 공식 사이트를 못 찾음. 돌싱 자매 페이지 URL은 확인 못해 미캡처. 확인일 2026-10-05, captures/singlereborn/
- 대표 이미지: captures/singlereborn/desktop-first.png, captures/singlereborn/mobile-first.png, captures/singlereborn/scroll-07.png. 영상: captures/singlereborn/mobile-scroll.webm
- 첫 화면(히어로): H1 "진짜 인연 찾기의 시작" / 서브 "모태솔로지만 연애는 하고싶어, 돌싱글즈, 비밀남녀 등 유명한 연애 프로그램 작가가 만든 결정사 Dear Re:Born", "오랜 실무 경력을 가진 결정사 베테랑들이 함께 합니다!" 비주얼은 웨딩 커플 사진 풀블리드. CTA 2개: "상담하기"(흰 알약), "파티/MT 신청하기". 데스크톱은 상단 플로팅 네비(회사소개·가입안내·매칭시스템·채용·간편상담), 첫 화면에 팝업 2개(직원 모집, "창립 2주년 역대급 할인 + MT 매칭 프로그램 특별 할인") 겹침. 모바일은 팝업 2개가 화면 중앙을 크게 덮음.
- 섹션 순서: 히어로 → 팀 소개(대표이사·부대표·이사 인용문) → Matching System 3종(디어리본 MT 1박2일/2박3일, 나에게 꼭 맞는 1대1 만남, 디어리본 파티) 각각 "문의 및 지원" → "지금 시작하기" → MT/파티 소개 → 신청 폼(타입 싱글MT·돌싱MT, 성별, 이름, 생년월일, 연락처, 개인정보 동의) → 푸터(사업자등록번호·약관).
- 카피 톤·소구: 연애 예능(TV 연프) 문법 + 전통 결정사의 신뢰. 인상 문구: "상상만 해봤던 TV속 연애프로그램의 그 다음 주인공이 바로 나?", "결정사 최초의 그룹 MT를 통한 색다른 매칭", "TV속 연프 처럼 그룹데이트, 1:1 데이트, 숙소에서의 데이트까지!", "기적을 만드는건 마음입니다."
- 신뢰 요소: 연애 프로그램 작가 출신 운영진 주장, 대표이사·이사 이름과 인용문, 사업자번호·주소, 결혼정보업 표준 약관·손해배상 청구절차 약관 링크, 가격·후기·수치는 보이지 않음.
- 전환 장치: 히어로 이중 CTA, 우측 하단 플로팅 버튼 3개(스크롤 프레임에서 카카오 노랑·인스타·전화 아이콘 형태 확인, 정확한 기능은 미확인), 섹션마다 "문의 및 지원", 페이지 하단 인라인 신청 폼, 할인 팝업 + "오늘 그만보기".
- 모션·인터랙션: Framer 사이트(확인: framerusercontent.com 스크립트, events.framer.com). 스크롤 프레임에서 섹션별 이미지 전환·카드 패럴랙스 계열 효과는 Framer 기본 스크롤 효과로 추정(미확인). 영상 배경 여부는 정지 프레임에서 확인 못함.
- 모바일 완성도·디자인: 딥그린(로고) + 핑크·로즈 포인트, 리본 아이콘 브랜딩, 둥근 알약 버튼. 그러나 모바일 첫 화면이 팝업 2개로 막혀 히어로가 안 보임.
- 장점: (1) 연애 예능 레퍼런스로 서비스 형태(MT·파티)를 즉시 이해시키는 한 줄 소개 (2) 서비스 유형 3카드로 단순한 구조 (3) 인라인 신청 폼(이름·생년월일·연락처 4칸) (4) 대표·이사 실명 인용문으로 사람 얼굴 노출 (5) 플로팅 상담 버튼.
- 단점: 모바일 팝업 2개가 첫 화면을 가림(안티패턴), 후기·수치 부재, 채용 팝업이 소비자 랜딩에 섞임.
- 미확인: 플로팅 버튼 3개의 정확한 링크, 돌싱 자매 랜딩, 영상 배경 여부.
러브멘토링 (결혼정보회사, 디노블 포함)
- 조사 URL: 러브멘토링 자체 웹 랜딩은 없음으로 판단. 근거: (1) 2026-09-04 광고 보고서에 러브멘토링 광고의 "실제 랜딩 fb.me"로 기록(페이스북 메신저/페이지 연결형), (2) lovementoring.com은 /lander로 리다이렉트되는 단일 스크립트 페이지이고 본문에 "sale" 문자열이 있어 도메인 판매·주차 페이지로 추정(광고주와 무관 가능), (3) 웹검색 2회에서 공식 사이트 미발견. 실제 판매 브랜드가 "디노블"(광고 보고서 기록)이므로 디노블 공식 사이트 https://www.dnoble.co.kr/ (200)을 캡처·분석. 확인일 2026-10-05, captures/dnoble/ (러브멘토링 대응 slug 없음)
- 대표 이미지: captures/dnoble/desktop-first.png, captures/dnoble/mobile-first.png (이벤트 팝업 + 하단 4버튼 바). 영상: captures/dnoble/mobile-scroll.webm (풀페이지 섹션 스냅 사이트라 스크롤 프레임은 첫 화면 1장뿐, scroll 프레임 비교 불가)
- 첫 화면(히어로): 웨딩 커플 사진 배경(어둡게 처리) 위에 "한글날 특별 행사 / 디노블의 한글 보물찾기" 이벤트 팝업(두루마리 일러스트, CTA "이벤트 확인하러 가기 →", "오늘 하루 보지 않기"). 상단 네비 + 우상단 "무료 전화상담 1588-2887". 하단 고정 바 4개: 무료 상담신청 / 자녀 상담신청 / 가입비 견적 / 혼테크 가능 테스트. 우측에 섹션 점 내비(결혼·성혼율·전통·퍼플스그룹·…·전국지사). 팝업을 닫은 뒤의 H2는 "오직 결혼만 생각합니다 노블레스 결혼 전문가", "결혼을 잘하고 싶은 당신 혼테크 성공은 디노블!"
- 섹션 순서(DOM 기준): 결혼 전문가 → 성혼율/허위 홍보 비판 → 1세대·퍼플스그룹 → D.NOBLE SPECIAL SERVICE(블랙크라운 VIP/로얄크라운 VVIP/직군별 서비스) → 프리미엄 파티(2004년 이후 역대 파티 갤러리) → CEO(KBS JOY 중매술사) → 이달의 추천 커플매니저(사진·직통번호) → 미인대회 주관 → D.NOBLE LIFE(콘텐츠 5종) → 방송출연 → 디노블TV → 고객만족 브랜드 수상 목록 → 결혼 테스트 6종 → 무료 상담 폼 → 전국 지사 → 푸터.
- 카피 톤·소구: 권위·전통·프리미엄, 경쟁사 저격. 인상 문구: "오직 결혼만 생각합니다", "거짓 허위정보로 창업년도가 몇 십년이 되었다는 회사들은 고객을 기망하는 회사입니다", "디노블은 회원을 기망하기 위한 성혼율 & 회원수를 거짓 홍보하지 않습니다", "결혼을 잘하고 싶은 당신 혼테크 성공은 디노블!". (광고 쪽 러브멘토링 카피는 광고 보고서 기록: "올해 안에 연애할 수 있을까?🥹 연애 운세 무료로 알아보세요!", "어설픈 소개팅 앱으로 시간 낭비는 이제 그만" — 랜딩과 톤이 다름)
- 신뢰 요소: 방송 출연(KBS JOY 중매술사·tvN·JTBC), 수상 18건 나열(2021~2026 고객만족 1위 등), 20년+ 업력, 전국 7개 지점 직영, 커플매니저 실명·직통번호, 대표 프로필, 회원 현황·성혼 현황 메뉴. 특이점: 성혼율·회원 수 수치를 의도적으로 공개하지 않고 "과장 홍보 안 함"을 신뢰 소구로 사용.
- 전환 장치: 하단 고정 4버튼, 우상단 전화번호, 우측 TALK·네이버·상담 플로팅 아이콘(채널톡 스크립트 확인), 메인 하단 상담신청 폼(출생연도·성별·초재혼·거주지·학력·직업 등 다수 입력), 커플매니저별 직통 상담, 이벤트 팝업, 자가진단 테스트 6종(결혼 점수·이상형 찾기 등) — 리드 마그넷.
- 모션·인터랙션: 풀페이지 섹션 스냅 구조(우측 점 내비), Swiper(확인: swiper.min.js), infinite-marquee 스크립트(확인), CSS @keyframes 20개. 정지 프레임으로 등장 애니메이션 세부는 확인 못함.
- 모바일 완성도·디자인: 다크 톤 + 골드/웜 화이트, 서체는 명조 계열 로고. 팝업과 정보 밀도가 높고 가독성은 보통. 모바일 첫 화면은 팝업이 가림.
- 장점: (1) 하단 고정 상담 바 4버튼(상담/견적/테스트) (2) 자가진단 테스트를 리드 마그넷으로 사용(운세형 광고 훅과 연결) (3) 담당 매니저 실명·사진·직통 연락 노출로 사람 신뢰 (4) 수상·방송 로고 나열의 권위 섹션 (5) "수치 과장 안 함" 같은 메타 신뢰 메시지.
- 단점: 정보 과밀, 팝업이 첫 화면 차단, 수치 대신 수상 나열은 공썸(40~50대 안전 소구)에 부적합한 과장 인상, 입력 폼 항목 과다.
- 미확인: 러브멘토링 광고의 fb.me 랜딩(메신저/페이지) 실제 화면(로그인·Meta 영역이라 캡처 못함), 연애 운세 무료 콘텐츠 랜딩 존재 여부, 스크롤 모션 세부.
비긴즈 (사람인 운영 직장인 소개팅앱)
- 조사 URL: https://begins.saramin.co.kr/ (앱스토어 리스팅의 개발자 웹사이트 링크에서 확인, 200; 웹검색은 앱스토어 리스팅·기사만 나옴). 확인일 2026-10-05, captures/begins/. 캡처 한계: 이 사이트는 curl 기본 UA에 400 리다이렉트, Playwright 풀 캡처(capture.mjs)에서 접속 타임아웃·스크린샷 타임아웃이 반복되고 이후 연결 리셋이 나서(차단 의심) 재시도를 중단함. 최종 자료는 별도 경량 스크립트(tools/capture-lite.mjs)로 모바일 뷰포트 스크린샷 20장 + 텍스트만 확보. 데스크톱 캡처·mobile-full·webm은 없음. 모바일 프레임은 스타일이 일부만 적용된 상태로 찍혀(첫 화면이 밑줄 링크·확대된 사진으로 보임) 시각 평가가 불완전함.
- 대표 이미지: captures/begins/scroll-05.png (필터 UI + AI 맞춤 설명 섹션), captures/begins/scroll-12.png (프로필 카드 장점 문답). 첫 화면(captures/begins/mobile-first.png)은 렌더링 불완전. 모션 영상 없음.
- 첫 화면(히어로): title "비긴즈 | 시작이 어려울 때", H1 "시작이 어려울 때," 우측/하단 "앱 다운로드" 버튼. 상단 링크 "PICK / AI 사진 진단 / BLOOM 검사". 히어로 배경은 카페로 보이는 영상/사진(흐림). 주 CTA "앱 다운로드"(첫 화면 안 위치는 렌더링 불완전으로 미확정).
- 섹션 순서(텍스트 기준): "비긴즈에서만 할 수 있어요 / 썸은 어렵지만, PICK은 쉬워요"(매일 질문에 답하고 같은 생각 가진 사람 만나기, 예: 애인의 이성친구 허용 범위 투표 UI) → "사람인이 만든 가장 안전한 직장인 소개팅 어플, 비긴즈"(안심 차단 5종: 연락처·회사·학교·미인증 차단 + 5종 인증 배지: 페이스·회사·학교·BLOOM·추천사) → "수많은 사람 중에서, 내 기준에 맞는 사람만 커스텀 추천에서 찾을 수 있어요"(나이·키·체형·거리 슬라이더/칩 필터 UI) → "AI 맞춤 설명을 통해 더 잘 맞는 상대방을 만날 수 있어요"(프로필 카드에 "선호 스타일 유사/새로 가입" 배지) → "당신만을 위한 프로필 카드가 도착했어요!"(문답형 프로필) → BLOOM 검사(16가지 연애 유형, 사람인 심리검사연구소, ESEM 분석) → 클로징 "수백 명의 스쳐가는 인연보다, 나와 결이 맞는 단 한 사람을 만나는 곳 / 만남에도 기준은 필요하니까" + 앱 다운로드 → 푸터(사업자·통신판매·ISMS 인증 문구).
- 카피 톤·소구: 안전·기준·과학(심리검사)·감성 질문형. 인상 문구: "시작이 어려울 때,", "썸은 어렵지만, PICK은 쉬워요", "사람인이 만든 가장 안전한 직장인 소개팅 어플", "수백 명의 스쳐가는 인연보다, 나와 결이 맞는 단 한 사람을 만나는 곳", "만남에도 기준은 필요하니까".
- 신뢰 요소: 모회사 사람인 브랜드 전면, 푸터에 인증 범위 문구("[인증범위] 사람인 서비스 운영(취업 플랫폼, 온라인 마켓 플랫폼, 매칭 플랫폼) [유효기간] 2025.11.05 ~ 2028.11.04", ISMS-P로 추정되나 페이지 문구에 인증명은 보이지 않아 미확정), 안심 차단 4종과 인증 배지 5종을 아이콘 목록으로 시각화, 심리검사연구소 출처, 사업자·통신판매업 번호·고객센터 전화·이메일.
- 전환 장치: "앱 다운로드" 버튼(상단·클로징 반복, 푸터 직전), 기능 체험형 미리보기(PICK 투표 UI·필터 UI·프로필 카드)를 실제 앱 화면 목업으로 보여줘 가입 전 이해를 높임.
- 모션·인터랙션: 정지 프레임으로는 확인 불가. 앱 UI 목업이 콘텐츠 중심. 라이브러리: Next.js(HTTP 헤더 x-nextjs-* 로 확인), 그 외 미확인.
- 모바일 완성도·디자인: 흰 배경 + 핑크/마젠타 포인트와 보라 그라데이션, 3D 이모지(불꽃·눈) 아이콘. 렌더링이 불완전해 레이아웃 평가는 제한.
- 장점: (1) "안심 차단 + 5종 인증 배지"를 아이콘 목록으로 정리하는 신뢰 섹션(공썸의 지인·학교·직장 차단과 직결) (2) 기능을 실제 앱 UI 목업(필터·투표·프로필 카드)으로 설명하는 방식 (3) 검증 가능한 출처(사람인 심리검사연구소)로 만든 자체 성향검사를 입구 콘텐츠로 사용 (4) 푸터에 인증 범위·유효기간까지 명시 (5) "만남에도 기준은 필요하니까" 같은 짧은 클로징 한 줄.
- 단점: 직장인 중심이라 공썸 타깃과 결이 다름, 모바일에서 첫 화면이 영상/사진 위주(렌더링 불완전)여서 가치 제안이 늦게 나올 수 있음(미확정).
- 미확인: 데스크톱 레이아웃, 영상·애니메이션 유무, 첫 화면 CTA 위치, 사이트의 UA·봇 차단 정책(재접속 시 연결 리셋 발생). 이후 재캡처는 시간 간격을 둔 별도 실행 권장.
그룹 종합: 공썸 랜딩에 가져올 장점 TOP 7
- 인증·차단 기능을 아이콘 목록으로 정리한 신뢰 섹션 — 비긴즈의 "안심 차단 4종 + 5종 인증 배지"와 감정적인오렌지들의 "본인·직장 인증 / 호스트 동행 / 직영 관리" 3카드. 공썸은 휴대폰 본인인증·운영팀 승인·지인/학교/직장 차단·여성 사진 5분 공개를 같은 형식으로 보여줄 것.
- 구체적인 수치 한두 개 — 퍼스트클래스 "심사통과 비율 20%", 아만다 4종 카운터(700만+/200만+/240만+/10년+). 공썸도 실제 확인 가능한 수치(승인 절차 단계, 응답 시간 등)만 사용하고 과장·불일치(아만다 600만/700만, 오렌지들 7만/7만8천)는 피할 것.
- 3단계 "어떻게 진행되나요?" 구조 — 퍼스트클래스의 인증 → 추천 → 약속 조율 3단계. 공썸은 가입 승인 → 매니저가 상대 의사 확인 → 연락처 전달/초청 모임으로 매핑.
- 반(反) 피로 포지셔닝 한 줄 — 오렌지들 "앱 소개팅의 피로감도, 결혼정보회사의 부담도 없이", 아만다 "무제한으로 흩뿌리지 않습니다". 공썸은 "스와이프 없이 매니저가 확인하는 만남"으로 응용.
- 위로형 히어로 헤드라인 — 오렌지들 "준비는 이미 충분해요. 만날 기회가 없었을 뿐." 35~54세 여성 타깃에 맞는 공감 톤. 마침표 한 점만 포인트 컬러로 쓰는 처리도 참고.
- 실제 앱 화면 목업으로 기능 설명 — 퍼스트클래스(약속 조율 카드), 비긴즈(필터·프로필 카드), 아만다(오늘의 소개). 가짜 UI 대신 실제 화면 또는 재구성 라벨 사용.
- 상황별 진입 칩·구체적 카드 + 가격·마감 표시 — 오렌지들의 지역/유형 칩, 날짜·가격·"남성 마감" 배지. 공썸의 2:2·3:3 골프 모임 카드(날짜·장소·인원·남은 자리)로 변환. 푸터 사업자정보·환불 규정 상시 노출도 함께(퍼스트클래스·오렌지들·아만다 공통).
피할 것(그룹 공통): 첫 화면을 가리는 팝업·쿠키 시트(리본·디노블·오렌지들), 모바일 첫 화면 CTA 부재(퍼스트클래스), 과도한 수상·방송 나열이나 경쟁사 저격 카피(디노블), 과다 입력 폼(디노블), 오타·수치 불일치(아만다).
이번 조사의 한계 요약
- 러브멘토링은 독립 웹 랜딩 없음(광고 랜딩 fb.me, lovementoring.com은 판매/주차 페이지로 추정) → 디노블 공식 사이트로 대체 분석.
- 리본 공식 도메인은 웹검색으로 못 찾고 광고 보고서 기록(singlereborn.co.kr)으로 확정, 돌싱 자매 페이지 미캡처.
- 비긴즈는 접속 타임아웃·연결 리셋으로 데스크톱 캡처·영상 없음, 모바일 프레임 일부 렌더링 불완전.
- 아만다의 amanda.dating(비밀번호 보호)는 분석하지 못함. 생성된 보조 스크립트: tools/capture-g2.mjs(rename 오류 수정판), tools/capture-lite.mjs(경량판).
그룹 3
g3 랜딩 조사 (썸타임, 엔노블, 비긴어게인·돌싱공감, 돌싱즈, 썸온, 더멤버스)
확인일 2026-10-05. 캡처 도구: tools/capture.mjs. 모션 영상은 각 폴더의 mobile-scroll.webm. (회사 단위로 분석이 끝나는 대로 아래에 덧붙인다.)
썸타임 SOMETIME (모임·대학생 로테이션 소개팅 + 대학 인증 앱)
-
조사 URL / 캡처 폴더
- 광고 랜딩 브리지: https://some-in-univ.com/rotation/instargram → captures/sometime/
- 실제 로테이션 랜딩(브리지의 '현재 일정·신청 안내 보기'가 가는 곳): https://some-in-univ.com/rotation → captures/sometime-rotation/ (모바일 전체 높이 6,547px)
- 루트(앱 소개 웹앱): https://some-in-univ.com/ → captures/sometime-root/
- 확인일 2026-10-05
- 대표 이미지: captures/sometime-rotation/mobile-first.png, captures/sometime-rotation/scroll-02.png, captures/sometime-rotation/scroll-04.png, captures/sometime-root/mobile-first.png / 모션 영상: captures/sometime-rotation/mobile-scroll.webm
-
첫 화면(히어로)
- 브리지(/rotation/instargram): 흰 배경 한가운데 H1 "대전 대학생 로테이션 소개팅 신청하기", 서브 "기존 안내 링크로 오셨나요? 이 버튼은 Google에서 제공하는 외부 신청 폼을 엽니다. 현재 일정과 신청 안내는 아래에서 확인할 수 있어요.", 보라색 알약 CTA "외부 Google Form 열기", 텍스트링크 "현재 일정·신청 안내 보기". 비주얼 없음, 광고 클릭 직후 오는 '중간 안내 페이지'. 외부 폼으로 나간다는 사실을 미리 고지하는 점이 특이.
- 실제 랜딩(/rotation): 상단 고정 바(썸타임 로고 블록 + "로테이션 소개팅" + "일정 보기" + 햄버거), 보라색 아이브로 "대전 대학생만을 위한 과팅", H1 "대학생이 기획하고 운영하는 2:2 과팅", 서브 "대학생이면 과팅 한 번은 해봐야죠?", CTA "신청하기"(보라 알약) + 텍스트링크 "일정 먼저 보기", 가격 한 줄 "친구와 신청 시 여성 25,000원 · 남성 40,000원", 그 아래 실제 행사 현장 사진(레스토랑 테이블에서 웃는 4인). 스크롤 없이 보이는 것: 헤드라인, CTA 2개, 가격, 현장 사진 상단.
- 루트(앱): 만화풍 일러스트(남녀 마주보는 흑백 스크린톤+보라 번짐), 수치 칩 "1,500명 인증 대학생 / 220개 참여 대학 / 1.6만+ 누적 다운로드", 카피 "대학생을 위한 진짜 설렘의 시작" / "개강했는데, 만날 사람은 그대로라면?", 노란 카카오 CTA "30초만에 시작하기" + 검은 "Apple 로그인", 하단 탭바(홈/채팅/매칭).
-
섹션 순서 (/rotation)
- 히어로(헤드라인·CTA·가격·현장 사진)
- 참여 가능 대학 로고(문구: "제휴 대학 표시가 아닙니다"라고 명시)
- 일정: "8월은 마감, 9월 3주차까지 모집 중!" + 실시간 일정 불러오기(로딩 문구 "최근 일정을 불러오고 있어요", "다시 불러오기", "전체 캘린더 보기 →")
- 참여 안내: "누구와, 어디서, 어떻게 만나나요?" 01 01~07년생 대학생 / 02 대전 봉명동·오후 5시 / 03 2:2 로테이션·3:3 과팅
- "운명의 날: 어떤 방식으로 진행되나요?" 2:2 / 3:3 탭 전환 + 6단계 타임라인(자기소개 → 첫인상 투표 → 대화 → 자리이동 투표 → 새 설렘 → 최종투표·쪽지)
- 참가 후기(별점 5개 카드, '후기 더 보기')
- 신청 방법 4단계 세로 타임라인(날짜 선택 → 신청만 먼저 → 선정 시 12시간 안 결제 → 기한 지나면 다음 분께)
- FAQ 아코디언 7문항(신청하면 바로 확정인가요? / 혼자 신청해도 되나요? / 직장인도 오나요? / 얼굴 사진은 다른 참가자가 보나요? / 최종 선택 후 누가 나를 선택했는지 알 수 있나요? 등)
- 마감 CTA "가능한 날짜를 확인해보세요! / 대학생활에 한 번쯤은 해봐야할 과팅" + 푸터(상호·대표·사업자번호·통신판매업신고·약관·환불정책·'매칭 정보 제공 안내'·'고객지원·신고·이의신청')
-
카피 톤·핵심 소구: 대학생 또래 친근체("해봐야죠?", "~해요"), 소구는 '대학생만·같은 동네·부담 적은 과팅 + 투표 게임화'. 인상적 문구 원문
- "대학생이 기획하고 운영하는 2:2 과팅"
- "대학생이면 과팅 한 번은 해봐야죠?"
- "신청만 먼저 합니다" / "선정되면 12시간 안에 결제"
- "개강했는데, 만날 사람은 그대로라면?"(앱 루트)
- "참여 가능 대학 로고입니다. 제휴 대학 표시가 아닙니다."
- 신뢰 요소: 운영 주체를 헤드라인에 둠(대학생이 기획·운영), 실제 현장 사진, 참가자 별점 후기, 참여 대학 로고(제휴 오인 방지 문구로 오히려 정직함 강조), 푸터에 사업자번호·통신판매업신고·환불정책·신고/이의신청 채널·평일 전화. 앱 루트는 수치 칩(1,500명 인증 대학생 등)과 App Store/Google Play 리뷰 카드 다수 + JSON-LD(Organization·WebSite·MobileApplication).
- 전환 장치: 하단 고정 보라 풀폭 CTA "신청하기"(스크롤 내내 유지, 확인한 프레임 전부), 상단 바 '일정 보기', 히어로 CTA + 텍스트링크 이중, 섹션 말미 CTA 반복. 가격을 첫 화면에 노출, 선결제 아닌 '신청 먼저 → 선정 후 12시간 내 결제'로 진입 장벽 낮춤. 광고 링크는 브리지 페이지를 거쳐 외부 Google Form으로 연결.
- 모션·인터랙션: 스크롤 프레임상 큰 등장 애니메이션은 보이지 않고 정적 섹션 위주. 2:2/3:3 세그먼트 탭, FAQ 아코디언, 일정 실시간 로딩, 후기 가로 캐러셀(루트). Next.js(scripts에서 _next/static, turbopack 확인), 루트는 Expo(react-native-web) 번들(확인). 모션 라이브러리(gsap 등)는 확인되지 않음. CSS keyframes /rotation 15개.
- 모바일 완성도·디자인: 모바일 퍼스트, 굵은 고딕(헤드라인 크고 타이트), 보라(#7a3aed 계열)+검정+흰색 3색에 섹션 배경에 연보라 틴트, 큰 라운드 알약 버튼, 넉넉한 여백, 번호 달린 세로 타임라인. 가독성 매우 높음.
-
장점(공썸이 가져올 것)
- "신청은 이렇게 진행돼요" 4단계 타임라인 — 결제·확정 순서를 먼저 밝혀 불안 제거(공썸의 '승인 → 매니저 확인 → 연락처 전달' 흐름에 그대로 적용).
- 하단 고정 풀폭 CTA 한 개를 끝까지 유지.
- 진행 방식 6단계를 탭(2:2/3:3)으로 보여주는 방식 — 공썸의 2:2·3:3 모임 소개에 직접 적용 가능.
- FAQ에 "얼굴 사진은 다른 참가자가 보나요?" "누가 나를 선택했는지 알 수 있나요?" 같은 프라이버시 질문을 전면 배치(공썸의 사진 5분 공개·캡처 차단 설명 자리).
- "제휴 대학 표시가 아닙니다" 식의 오해 방지 문구 — 신뢰를 높이는 정직한 미세 카피.
- 광고 클릭 직후 '무엇이 열리는지' 알리는 중간 안내 페이지(이탈 방지용 맥락 고지).
- 단점/피할 것: 브리지 페이지는 비주얼·설득이 전무해 신규 유입에 약함. 신청이 외부 Google Form이라 전환 추적·신뢰가 떨어짐. 일정이 JS 로딩 의존이라 로딩 문구가 먼저 보임(AI 검색 크롤러에 본문 부족 가능).
- 미확인 사항: 실제 신청 폼 내부, 모션 영상 전체 확인(루트는 웹앱 내부 스크롤이라 전체 프레임 캡처가 첫 화면뿐), /rotation 후기 전체 개수.
엔노블 N.NOBLE (결혼정보회사 · 상류층·전문직 노블레스)
-
조사 URL / 캡처 폴더 (확인일 2026-10-05)
- https://www.nnoble.co.kr/hyphen/test_02 (결혼 이상형 테스트) → captures/nnoble-test02/ (모바일 높이 1,638px)
- https://www.nnoble.co.kr/hyphen/test_04 (결혼매력도 테스트) → captures/nnoble-test04/ (1,701px)
- 루트 https://www.nnoble.co.kr/ → captures/nnoble-root/ (16,743px, scroll 프레임 25장 내외)
- 대표 이미지: captures/nnoble-root/mobile-first.png, captures/nnoble-root/scroll-03.png, captures/nnoble-root/scroll-08.png, captures/nnoble-test02/mobile-first.png / 모션 영상: captures/nnoble-root/mobile-scroll.webm
-
첫 화면(히어로)
- test_02/test_04: 검정 배경에 금빛 월계관을 쥔 손 석상 사진, 중앙 흰 H "엔노블 테스트", 그 아래 현재 테스트명 드롭다운("결혼 이상형 ∨"), 아래 베이지 회색 영역에 7개 테스트 탭 그리드(성격별 이상형 / 결혼 이상형 / 노블 점수 / 결혼매력도 / 나의 연애스타일 / 배우자 직업 / 회원가입비). 선택 탭은 검정 반전. 페이지 본문 설명: test_02 "엔노블 회원 중 고객님과 가장 잘 어울리는 분들을 추천해드립니다." / test_04 "결혼상대자로서 나는 얼마나 매력적이고 호감이 있을까? 간단한 테스트를 통해 점수로 확인하실 수 있습니다." + 버튼 "시작하기"(이 버튼은 캡처 스크린샷에서 시각 확인되지 않음, 텍스트로만 확인). 데스크톱에서는 상단 GNB(엔노블 멤버십/맞춤 컨설팅/엔노블 소개/엔노블 테스트/커뮤니티)와 우측 검정 알약 '러브 테스트'.
- 루트: 풀스크린 히어로(부케 든 손, 반지 낀 손잡기 등 복수 장면이 겹쳐 전환되는 것을 캡처에서 확인 — 두 프레임이 포개져 보임) 위에 큰 흰 글씨가 타이핑/순차 등장 — "아무거나 쓰지 않고 아무 데나 가지 않고 아무나 만나지 않는 이들이 당신을 기다립니다"(캡처 시점엔 "아무L", "당" 같은 타이핑 중간 상태가 찍혀 글자별 순차 등장 모션임을 확인). 상단에 흰 로고, 'Log In / Join', 검정 알약 '러브 테스트'.
-
섹션 순서(루트)
- 영상 히어로 + 슬로건 "결혼은 하이픈을 닮았습니다…"
- "가장 아름다운 결혼의 대명사 … MATCH-MAKING BIBLE, 엔노블" / SINCE 2007 연혁·수상(국회 보건복지위원장상, 서울시장 대상, 여가부 장관대상 2회, 복지부 장관대상)
- 엔노블 러브 테스트(7종 퀴즈 진입)
- PEN SOCIETY 초대(P=전문직·E=엘리트·N=노블레스, '센서블 리치')
- 엔노블 3C(CLASS / CHANCE / CONFIDENCE): CLASS=변호사 검증 회원수 공개(재벌/로열 명문가 68명, 100억 이상 자산가 927명, 의료·법조 전문직 2,901명, SKY 출신 3,100명) + 32개 명문대 총동문회·ROTC 로고 월 + 80여개 기관·대기업 임직원 제휴 로고/명단 + 전문직 단체 제휴 연혁; CHANCE=만남 횟수 무제한 '성혼주의'·3:1 책임관리; CONFIDENCE=수상·언론 이미지
- ABOUT 커플매니저 '하이픈'
- SERVICE 8개 클래스(ROYAL&VVIP / PROFESSIONAL / ELITE / CHRISTIAN / REMARRIAGE / INTERNATIONAL / PARENTS / SECRET)
- 본사·5개 지사·미주 협력지사 소개
- 성혼 스토리 카드(날짜별)
- 상담신청 폼(이름·성별·출생년도·결혼경력·거주지역…) + 푸터(결혼중개업 신고번호·사업자번호·본사/지사 주소·대표번호 1577-2050)
-
카피 톤·핵심 소구: 프리미엄·계급적 권위(노블레스, 상위 0.1%, 센서블 리치). 단정적 선언형 문장·영문 대문자 라벨(CLASS/CHANCE/CONFIDENCE). 인상적 문구 원문
- "아무거나 쓰지 않고 아무 데나 가지 않고 아무나 만나지 않는 이들이 당신을 기다립니다"
- "결혼은 하이픈을 닮았습니다. 각자의 의미로 존재했다 합쳐져 새로운 의미를 만들어내듯이…"
- "32개의 명문대가 인정한 남다른 클래스를 만나십시오."
- "일부 비양심적인 결혼정보회사들이 내세우는 회원수의 허상을 잘알고 있기에 반드시 변호사의 검증을 통과한 회원 데이터만을 투명하게 공개합니다."
- "결혼상대자로서 나는 얼마나 매력적이고 호감이 있을까?"(테스트 훅)
- 신뢰 요소: (1) 변호사 검증 회원 수치 공개 (2) 32개 명문대 총동문회·ROTC 엠블럼 월 (3) 80여개 관공서·대기업 로고/명단 (4) 장관상 3회·국회 위원장상 등 수상, 언론 출연 이미지 (5) 결혼중개업 신고번호·사업자번호·본사 주소·대표번호·'보증보험에 의한 손해배상 청구절차' 링크 (6) 20여 년·SINCE 2007 연혁.
- 전환 장치: 우하단 고정 '빠른상담' 알약(베이지) + 우측 '맨 위로' 사각 버튼(확인), 상단 고정 '러브 테스트' 알약(스크롤 중 검정↔흰색 반전), 본문 끝 상담신청 폼, 테스트 퍼널(7종 퀴즈 → 점수·추천 결과 → 인증번호 받기/확인 → '테스트 결과보기'; 버튼 문구는 scripts·ctas에서 확인, 실제 결과화면은 미진입). 광고 랜딩(test_02·04)은 사이트 전체 GNB 그대로 유지한 '진단 테스트' 구조.
- 모션·인터랙션: 스크롤 프레임에서 확인 — 영상/이미지 크로스페이드 히어로, 글자 순차 등장 타이포, 스크롤 따라 섹션 배경색 전환(베이지→카키→짙은 회색), 헤더 알약 색 반전, 패럴랙스성 대형 흑백 사진. 라이브러리(scripts 목록에서 확인): gsap, ScrollTrigger, ScrollSmoother, swiper, aos, jquery.counterup, waypoints(숫자 카운터), bootstrap. 이 페이지의 CSS keyframes 216개.
- 모바일 완성도·디자인: 검정·진한 회색·금/카키 베이지 3톤, 세리프 로고 + 고딕 본문, 사진은 무채색+골드 톤으로 통일. 모바일 가독성은 큰 글씨 위주로 양호하나 루트가 16,700px로 매우 길고 정보 밀도 높음. 테스트 페이지는 첫 화면의 절반이 장식 히어로라 실제 CTA가 접힘 아래.
-
장점(공썸이 가져올 것)
- 'CLASS/CHANCE/CONFIDENCE' 3개 이유 구조 — 공썸은 '안심(본인인증·승인) / 기회(2:2·3:3 모임) / 신뢰(매니저·차단)' 3축으로 변환.
- 변호사 검증 수치 공개처럼 '숫자 + 검증 주체'를 같이 노출 — 공썸은 운영팀 승인율·차단 기능 수치(지인·학교·직장 차단 등)를 같은 방식으로.
- 테스트형 진입(러브 테스트) — 가입 전 가볍게 눌러보는 훅. 공썸은 '나와 어울리는 골프 파트너 유형' 같은 짧은 퀴즈를 AI 검색 유입용 2차 랜딩으로.
- 우하단 '빠른상담' 고정 버튼 + 본문 끝 상담 폼 이중 전환.
- 성혼 스토리 카드(제목에 구체적 상황·숫자 "만남 20일만에 결혼결심") — 후기 카드 제목 작성법.
- 단점/피할 것: 계급·재력 과시형 톤은 공썸의 '골프 취미 + 편안한 소개'와 맞지 않음. 페이지가 너무 길고 폼이 무거움(출생년도 80개 옵션 등). 테스트 페이지는 히어로가 크고 본문이 비어 보임.
- 미확인 사항: 테스트 진행 화면·결과 화면(시작하기 이후 단계 진입 안 함), 영상 히어로의 실제 영상 파일 수와 길이, 성혼 스토리 상세 페이지.
비긴어게인 Begin Again (소개팅앱 · 돌싱 전문) + 돌싱공감(동일 앱의 두 번째 광고 페이지)
-
조사 URL / 캡처 폴더 (확인일 2026-10-05)
- 공식 웹 랜딩: https://begin-again.co.kr/ (WebSearch로는 스토어 리스팅만 나왔고, 앱 이메일 도메인 support@begin-again.co.kr에서 도메인 추정 후 접속해 200 확인) → captures/beginagain-web/ (모바일 7,689px)
- 스토어 리스팅: Play kr.co.begin.again → captures/beginagain-play/ 캡처 완료(보조 참고). 첫 이미지 '돌싱 만족도 1위 / 돌싱 비율 1위 / 여성 비율 1위 ★★★★★'(각주 "최근 3개월 앱스토어 평점 및 가입승인 회원 기준") + 트레일러, 4.8★ 리뷰 1.57천 개, 5만+ 다운로드. 설명 도입 "요즘 돌싱들은 여기서 만나요!" / 5가지 특징(철저한 가입 심사, 하루 두 번 12시·21시 매칭, 상대가 확인하지 않은 메시지엔 과금 없음, 맞춤 소개, 알바·유령회원 없음). App Store id1543160297은 미캡처.
- 돌싱공감: 목록 context상 '별도 회사 아님, 모든 광고가 비긴어게인 앱으로 랜딩'. 자체 웹 랜딩을 찾지 못함(앱 스토어 리스팅만 공유). 시도: 목록 확인 + WebSearch '비긴어게인 돌싱 소개팅 앱 공식 홈페이지'(돌싱공감 독립 사이트 결과 없음). 따라서 돌싱공감 = 비긴어게인 랜딩과 동일로 기록.
- 대표 이미지: captures/beginagain-web/mobile-first.png, captures/beginagain-web/scroll-02.png, captures/beginagain-web/scroll-03.png, captures/beginagain-web/scroll-07.png / 모션 영상: captures/beginagain-web/mobile-scroll.webm
- 첫 화면(히어로): 별하늘(보라 남색 밤하늘 사진) 풀블리드. 상단 회색 바에 B 로고+"비긴어게인". 헤드라인(여러 줄, 굵기 대비) "채팅앱은 가볍고 / 결정사는 부담스럽다면?" → 우측 정렬 "돌.싱.전.문 / 프리미엄 매칭 / 비긴어게인"(글자 위 점으로 한 글자씩 강조). 서브카피는 없음. 하단 고정 바(진보라) "앱으로 편하게 이용해보세요 🥰 / 지금 가입하면 신규가입 축하혜택을 드려요" + 흰 버튼 "앱 설치하고 혜택 받기". 스크롤 없이 보이는 요소: 헤드라인 세트, 고정 설치 바.
-
섹션 순서
- 별하늘 히어로(비교 선언: 채팅앱 vs 결정사 사이)
- "아무나 가입할 수 있는 소개팅 앱이 아닙니다 / 10년 이상 경력의 전문가들이 깐깐하게 관리하며 운영합니다"
- 고민 4개 말풍선("결정사는 왠지 부담스러워요", "양육중인 자녀가 있는지 궁금해요", "채팅앱은 가볍고 진지하지 않아요", "확실히 정리된 분을 만나고 싶어요")
- 심사: "엄격하고 철저한 심사절차를 통과한 회원만 소개에 참여 가능" + 추가 인증(본인/직장/학교) + 앱 목업("9/9 연결" 카드)
- 매칭 방식: 무한대(∞) 인포그래픽 취미·관심사·가치관·나만의 이야기 → "25가지 프로필 요소를 종합적으로 반영한 과학적 매칭"
- "진심이 담긴 나만의 이야기" 프로필 소개
- "매일 하루 두번 설레는 매칭 시간 낮 12시, 밤 9시"
- 소개 필터링(지인 제외)
- "유령/알바/잠수 회원 Zero" — 일정 기간 미접속 휴면 처리
- "비긴어게인 회원 100% 리얼 후기 / 이제 당신의 이야기가 될 거에요" 후기 카드 캐러셀
- "지금 가입하면 신규가입 축하금 지급!" 3D 선물상자·코인 일러스트
- 마감 "이제 돌.싱.전.문 매칭 / 비긴어게인에서 다시 사랑을 시작해보세요!" + 앱 다운로드 버튼(Google Play/App Store) + 푸터(스퀘어랩스 사업자번호·통신판매업번호·고객지원 이메일)
-
카피 톤·핵심 소구: 대조(채팅앱 가볍다 vs 결정사 부담)로 시작해 '진지한 돌싱 전용 + 철저 심사 + 유령회원 없음'. 고객 고민 문장을 1인칭 말투("~해요")로 그대로 보여줌. 인상적 문구 원문
- "채팅앱은 가볍고 결정사는 부담스럽다면?"
- "아무나 가입할 수 있는 소개팅 앱이 아닙니다"
- "유령 / 알바 잠수 회원 Zero"
- "25가지 프로필 요소를 종합적으로 반영한 과학적 매칭"
- "비긴어게인 회원 100% 리얼 후기"
- 신뢰 요소: 심사 단계 강조(본인·직장·학교 인증), 유령/알바 회원 배제 정책, 10년 이상 소개팅 전문가 운영, 후기 카드, 운영사 사업자·통신판매업 번호. 수치·언론·수상은 이 페이지에 없음.
- 전환 장치: 전 구간 하단 고정 바 + "앱 설치하고 혜택 받기" 버튼(확인한 모든 프레임에 유지), 중간 '신규가입 축하금' 혜택 섹션, 말미 스토어 배지. AppsFlyer 배너 SDK(scripts에 websdk.appsflyer.com banners — 확인)로 앱 설치 유도·어트리뷰션 추정. 폼 없음(앱 설치로 직행).
- 모션·인터랙션: 스크롤 프레임에서 확인되는 것은 말풍선·카드 등장과 별하늘 위 텍스트 정렬 변화 정도로 약함. 프레임 간 큰 패럴랙스/카운터는 확인 못함. 후기는 카드형(가로 이동 추정, 미확인). 라이브러리 scripts 확인: GTM, Google Ads, Meta Pixel, Naver wcs, Daum kakao pixel, AppsFlyer — 모션 라이브러리는 확인 안 됨(libs의 next는 오탐 가능, js/chunk-vendors/app.js 번들이라 Vue CLI 번들로 보임). CSS keyframes 28.
- 모바일 완성도·디자인: 보라(#9b00ff 계열 고채도 바)+남색 밤하늘+연라벤더 섹션 배경, 굵은 고딕(제목 두께 대비로 강조). 모바일 우선, 데스크톱은 폭이 좁은 중앙 컬럼만 쓰며 그 외 영역은 비어 있음(desktop-first 확인). 일부 구간(스크롤 06)은 큰 흰 여백.
-
장점(공썸이 가져올 것)
- 히어로 대비 문법 "A는 가볍고 B는 부담스럽다면?" — 공썸은 '앱 소개는 막연하고 결정사는 부담스럽다면 / 골프로 가볍게 시작'으로 위치 선언.
- 고객 고민 4문장을 말풍선으로 먼저 보여주는 공감 섹션(35~54세 여성 불안 문장을 그대로).
- "유령/알바/잠수 회원 Zero" 같은 한 줄 정책 선언 — 공썸의 승인제·휴면 처리 문구에 적용.
- 하단 고정 설치/신청 바(혜택 한 줄 + 흰 버튼) 구조.
- 하루 두 번(12시/21시) 같은 '구체적 리듬' 정보 제시.
- 단점/피할 것: 수치·후기 실물이 거의 없고 '과학적 매칭' 같은 근거 없는 표현이 많음. 데스크톱 레이아웃 허술. 헤더가 큰 흰 바로 화면 점유.
- 미확인 사항: 후기 카드 실제 내용(스크린샷에서 흰 카드만 보임), App Store 리스팅, 돌싱공감 독립 페이지 유무.
돌싱즈 Dolsings (소개팅앱 · 돌싱/3040 1:1 매칭)
-
조사 URL / 캡처 폴더 (확인일 2026-10-05)
- 공식 웹 랜딩: https://dolsings.co.kr/ (WebSearch로 fivematch.co.kr 발견 → 301 리다이렉트로 dolsings.co.kr; 스토어 리스팅은 global.fiveapp.app / id1641038149) → captures/dolsings-web/ (모바일 높이 37,711px, scroll 프레임 24장). 하위 페이지(about, letters, places, report, news, women, men, join, reviews)가 JSON-LD hasPart에 있으나 개별 캡처는 하지 않음.
- 대표 이미지: captures/dolsings-web/mobile-first.png, captures/dolsings-web/scroll-04.png, captures/dolsings-web/scroll-15.png, captures/dolsings-web/scroll-09.png / 모션 영상: captures/dolsings-web/mobile-scroll.webm (또는 데스크톱 첫 화면 captures/dolsings-web/desktop-first.png)
- 첫 화면(히어로): 모바일은 어깨동무한 남녀 스튜디오 사진 풀블리드(회색 오버레이), H1 "돌싱이 주인공이 되는 곳."(DOM 기준 H1; 화면에는 "두 번째 인연은 따로 있다." 가 먼저 표시되는 문구 회전/교체형으로 보임 — 두 문구 모두 확인), 서브 "국내 1위 돌싱 전문 100% 만남보장 소개팅어플. 서류로 확인된 돌싱끼리, 1:1 프라이빗으로 만납니다.", 금색 자간 넓은 한 줄 "본인인증 · 혼인관계증명 · 경제력 서류인증 · 약속까지 잡아주는 컨시어지 · 못 만나면 100% 환불", 금색 CTA "앱 다운로드" + 아웃라인 "돌싱즈가 뭐야?", 그 아래 "아직 설치하지 마세요. 아래 글을 읽어보고 판단하셔도 늦지 않습니다." 화면 하단 고정 검정 알약 "돌싱즈 앱 다운로드". 데스크톱은 인물 1인 사진+중앙 정렬 문구, 상단 GNB(돌싱즈란? / 돌싱 남녀분께 / 추천 만남장소 / 매칭리포트 / 뉴스 / 남성회원 / 여성회원 / 가입조건 / 만남후기 / 블로그 / 앱 다운로드).
-
섹션 순서 (위→아래)
- 히어로(위)
- "돌싱즈가 뭐야?" 100% MEETING GUARANTEED 정의 + 3카드(서류로 확인된 돌싱만 / 내가 OK한 분에게만 / 약속까지 컨시어지) + 수치 칩(NO.1 · 2026 포브스 브랜드 대상 · 100% 환불 · ★4.3)
- 근거: "자신감의 근거, 모두 숫자로 말씀드립니다." 82%가 4~5점(리뷰 240건 중 196건), 누적 회원 50만·실제 만남 20만 건+·월 3,000건+, 6칸 월계관 수치 카드(100% VERIFIED / 1:1 PRIVATE / ★4.3+ / 7 years / 3,000+ / 200K+)
- 포브스 2026 브랜드 대상 수상 배지
- 대표 영상 3편(1:33, 1:33, 1:43) "설치 전에 영상으로 먼저 판단하세요"
- "왜 돌싱즈인가" 3단 스토리: 01 비슷한 수준의 사람 만나기 어렵지 않으셨나요? / 02 왜 돌싱은 소개팅앱에서 더 외로워질까요? / 03 돌싱은 이제 소수가 아닙니다(통계청 2024: 이혼 91,151건, 혼인 4년 이하 이혼 16.7%, 평균 이혼연령 남 50.4·여 47.1 — 출처 각주 명시)
- "지금까지 돌싱에게는 세 가지 길밖에 없었습니다" 비교(일반 소개팅앱 / 결정사 / 동호회·카페) → 네 번째 길 돌싱즈, 1·2·3세대 비교 표
- "국내유일" 3가지 차별점(여성이 더 만족 / 알바·가짜회원 無 / 수준 낮은 앱에 속지 마세요) + 여성·남성에게 드리는 글 링크
- "5가지 약속" 번호 리스트(남성 경제력 인증 / 이혼·자녀 사전 확인 / 1:1 프라이빗 / 약속까지 Full-care / 100% 만남보장·환불) "이 다섯 가지는 마케팅 문구가 아니라 운영 규칙입니다. 7년간 한 번도 바꾼 적이 없습니다."
- 추천 만남후기 24건(카테고리 필터: 전체 / 성혼·연애 성공 / 검증·신뢰 / 돌싱 공감대 / 컨시어지·만남 / 프라이빗·매너 — 후기마다 제목+★5+이메일 마스킹+성별·나이·직업)
- 앱 다운로드 안내(스토어 배지) + 가입조건 링크 + 여성/남성 편지 + 푸터
-
카피 톤·핵심 소구: 안심·검증·'돌싱이 주인공' 공감 + 근거 수치 과시. 문어체의 신뢰 선언 + 구어체 후기. "아직 설치하지 마세요"처럼 즉시 설치를 미루게 하는 역설적 문구로 스크롤을 유도. 인상적 문구 원문
- "돌싱이라서 못 만난 게 아닙니다. 돌싱이 주인공인 판이 없었을 뿐입니다."
- "아직 설치하지 마세요. 아래 글을 읽어보고 판단하셔도 늦지 않습니다."
- "이 다섯 가지는 마케팅 문구가 아니라 운영 규칙입니다. 7년간 한 번도 바꾼 적이 없습니다."
- "타 시스템이 패스트푸드라면, 여기는 미슐랭이에요."(후기 제목)
- "'이혼하고 나니까, 사람을 만날 곳이 없더라고요.' 돌싱즈 회원들께 가장 자주 들은 말입니다."
- 신뢰 요소: 가장 두꺼움. 서류 인증 종류 명시(혼인관계증명·경제력), 수치(리뷰 82%·240건 중 196건 등 '집계 기준일·방법을 각주로 명기'), 6개 월계관 수치 카드, 스토어 평점(4.3/4.4, 1,276개), 포브스 대상 배지 + 각주(소비자 선정, 부문, 운영사 ㈜파이브플랫폼스), 통계청 공식 통계 출처 각주, 대표 영상 3편, 후기 24건에 성별·나이·직업 라벨, 환불 정책, 운영 규칙 선언. 국내 1위 근거도 '모바일인덱스 2025 다운로드 기준'으로 각주. 사이트 JSON-LD(WebSite + hasPart 다수) 확인.
- 전환 장치: 하단 고정 검정 알약 "돌싱즈 앱 다운로드"(모든 프레임에 유지), 히어로·본문 중간·말미 반복 CTA, '가입조건 먼저 보기'/'만남후기 먼저 보기' 낮은 장벽 보조 CTA, 앱 설치 안내 페이지 링크. 폼 없음(앱 설치 직행). "아직 설치하지 마세요" 로 과도한 압박 대신 설득형.
- 모션·인터랙션: 스크롤 프레임에서 확인 — 섹션 배경이 베이지(밝음) ↔ 거의 검정(어두움)으로 교차 전환, 상단 헤더가 스크롤 위치에 따라 반투명 배경(블러) 유지, 월계관 카드 그리드, 후기 카드 가로/탭 필터. scripts 목록이 비어 있어(번들 인라인/동적 로딩) 사용 라이브러리는 확인 불가; page.json libs의 aos·three·wix는 단순 문자열 매칭 오탐 가능성이 높음. CSS keyframes 4개로 전반적으로 얌전한 모션.
- 모바일 완성도·디자인: 베이지(#f5f1ec 계열)·검정·금색(#b99a58 계열) 3색, 헤드라인은 두꺼운 고딕, 서브 라벨은 영문 세리프 자간 확대(VERIFIED, PRIVATE, MEETINGS)로 고급감. 카드 모서리 둥글고 여백 넉넉. 가독성 매우 좋음. 모바일 길이가 37,711px로 과도하게 김.
-
장점(공썸이 가져올 것)
- 숫자 카드 6칸(월계관 + 큰 숫자 + 영문 라벨 + 한 줄 설명) 구성과 '집계 기준·출처' 각주 습관 — 공썸 수치(승인제, 차단 기능, 후기 평점 등)를 같은 포맷으로 표기.
- "5가지 약속 — 마케팅 문구가 아니라 운영 규칙" 번호 리스트 — 공썸의 6대 안전장치(본인인증/가입승인/매니저 확인/연락처 전달 방식/지인·학교·직장 차단/사진 5분 공개)를 약속 리스트로.
- "아직 설치하지 마세요. 읽어보고 판단하셔도 늦지 않습니다" — 광고·AI 검색에서 온 불신 많은 40~50대에게 맞는 저압박 역설 카피.
- 후기 카드 포맷: 한 줄 제목 + 별점 + 성별·나이·직업 라벨, 카테고리 필터 탭(성혼·연애성공 / 검증·신뢰 …).
- 사실 근거 섹션(통계청 수치 + 각주)으로 '왜 이 서비스가 필요한가'를 설득 — 공썸은 골프·싱글 인구 관련 공신력 있는 통계 1개로 대체 가능.
- 비교 섹션(세 가지 길 → 네 번째 길): 경쟁 유형을 이름 없이 비교하는 방식.
- 단점/피할 것: 37,000px 초장문, '국내 1위·거의 유일' 같은 단정 표현은 근거 각주가 없으면 허위·과장 광고 위험(공썸은 쓰지 말 것). 영상 3편(1:33)은 시작 전 부담. 결과적으로 같은 CTA가 많음.
- 미확인 사항: 사용 모션 라이브러리, 영상 재생 방식(자동재생/클릭), 후기 24건 중 화면에 안 잡힌 항목, 하위 페이지들(/about, /women, /men, /join, /reviews). 스토어 리스팅은 captures/dolsings-play/에 Play 페이지 캡처만 있음(참고용, 본 분석 미반영: 설명 도입 "아무나 받지 못해 죄송합니다. 아래 글을 끝까지 읽은분만 가입 신청해주세요.", 4.4★ 599개, 1만+ 다운로드 확인).
썸온 SOME-ON (모임 · 부울경 결혼정보회사 + 로테이션 파티·페스타)
-
조사 URL / 캡처 폴더 (확인일 2026-10-05)
- https://www.some-on.co.kr/ → captures/someon/ (모바일 7,941px, scroll 프레임 9장)
- https://www.some-on.co.kr/5years.html (5주년 이벤트 랜딩) → captures/someon-5years/ (7,977px)
- 대표 이미지: captures/someon/mobile-first.png, captures/someon/scroll-03.png, captures/someon/scroll-06.png, captures/someon-5years/mobile-first.png / 모션 영상: captures/someon/mobile-scroll.webm, captures/someon-5years/mobile-scroll.webm
-
첫 화면(히어로)
- 루트: 흰 배경, 상단 'SOMEON' 굵은 로고 + 햄버거, H1 "만날 수 있는 거리 안에서 이어지는 인연"(매우 큰 고딕, 3줄), 서브 "부울경 최대 규모, 젊은 결혼정보회사, 썸온 / 30초 무료 상담 신청, 듣기만 하셔도 됩니다."(파란 강조), CTA 2개 나란히: 청→보라 그라데이션 "1:1 무료 상담 신청" + 아웃라인 "예상 가입비 확인", 그 아래 큰 라운드 영상/사진(매니저가 여성 메이크업 하는 현장 + 좌하단 토글 스위치 "내 안의 썸을 켜다" 칩). 데스크톱: 2단(좌 헤드라인 / 우 서브+CTA), 아래 와이드 영상 라운드 박스, 상단 GNB(썸온 소개/매칭 서비스/연애 컨설팅/이상형 찾기/썸온 콘텐츠/커뮤니티/인재 채용/FAQ) + 검정 '무료 상담 신청'.
- 5years: 영상 배경(현장 사진/영상) + 필 배지 "🎉 SOMEON 5th ANNIVERSARY", H1 "썸온이 다섯 살! 부울경과 함께한 5년", 서브 "썸페스타·나는썸온·썸온파티 — 만남의 문화를 만든 시간, 그 고마움을 혜택으로 돌려드릴게요", 노랑 입체 버튼 "🎁 5주년 혜택 신청하기", 그 아래 3분할 칩 EVENT 01 혜택이 5배 / EVENT 02 SOME-UP 프로젝트 / EVENT 03 써미를 찾아라, 우하단 노란 카톡 FAB(마스코트 '써미' 위).
-
섹션 순서 (루트)
- 히어로 + 영상
- 인터랙티브 퀴즈 "연애할 때, 나는 어떤 스타일일까? 15초 완성 내 연애 유형" (1/8 단계, "썸 탈 때 나는 먼저 연락하는 편 VS 올 때까지 기다리는 편", 결과 '카카오톡 인증 후 결과받기', '결과 이미지 저장')
- "전국 회원 수보다 '같은 생활권'이 결혼을 만듭니다": KBS '중매술사' 출연 · 결혼중개업 정식 신고 · 직영 라운지 3곳 + 썸페스타/썸온 파티 40회+ 설명
- 가로 스와이프 카드 7장(초혼/재혼/자녀결혼상담/AI 매칭 리포트/연애 컨설팅/이미지 컨설팅/나는썸온·파티·페스타) — 카드 안에 토글 스위치 UI, 폰 목업, 3D 마스코트
- "상황에 맞는 매칭, 만남의 전 과정을 책임집니다" 서비스 6블록(64개 항목 AI 교차 분석, 재혼, 부모님 상담 등)
- "부울경과 함께한 5년, 썸온의 기록": 80:1 매니저 선발 경쟁률 / 3,600명 콘텐츠 평균 방문자 / 40회+ 파티
- "결정사를 경험으로 바꾸는 콘텐츠" 실제 촬영 영상 5종 캐러셀(매니저 상담, 퍼스널컬러, 썸페스타 2025 창원 CECO, 로테이션 파티, 밀락더마켓 솔로페스티벌)
- "썸온이 이어준, 진짜 성혼 후기" 카드 5장(부부 마스킹 이름 · 지역 · 담당 매니저 이름) + '더 많은 성혼 스토리 보기'
- 직영 라운지 3곳 사진 모자이크(창원 본사 라운지, 부산 지사 상담, 울산 지사 라운지, 썸온 오프라인 행사) — 아치형 중앙 사진
- 끝: "만남이 즐거워지는 곳, 썸온" 푸터
-
카피 톤·핵심 소구: 지역 밀착(부울경 생활권)·가벼운 진입(30초·듣기만 하셔도 됩니다·상담 강요 없어요)·젊은 결정사. 말투는 존댓말 구어체 + 이모지. 인상적 문구 원문
- "만날 수 있는 거리 안에서 이어지는 인연"
- "전국 회원 수보다 '같은 생활권'이 결혼을 만듭니다"
- "30초 무료 상담 신청, 듣기만 하셔도 됩니다."
- "데이터가 찾고, 사람이 검증한다." / "설렘을 소비하지 않습니다, 설렘을 설계합니다."
- "결정사를 경험으로 바꾸는 콘텐츠"
- 5years FAQ: "신청하면 전화가 계속 오지 않나요? 안내는 카카오톡 중심으로 드려요." "아는 사람이 알게 될까 봐 걱정돼요 … 신청 사실이 다른 곳에 공개되지 않아요."
- 신뢰 요소: KBS '중매술사' 출연 배지, 결혼중개업 정식 신고, 직영 라운지 3곳 + 실제 사진, 숫자(80:1 매니저 선발, 3,600명 평균 방문자, 40회+ 파티, 230평), 실제 촬영 영상, 후기 카드에 담당 매니저 이름 노출, 개인정보 수집 항목·목적 명시(5years 폼 하단), 문의 전화 1555-5752.
- 전환 장치: 모바일 하단 고정 바 "전화 상담" + 연두→노랑 그라데이션 "30초 무료 상담 신청하기" + 닫기(X) 버튼(캡처 프레임 전체에서 확인), 히어로 CTA 2개, 퀴즈 결과 → 카카오 인증, 카카오 인증 폼("이름·연락처 입력 없음 · 3초 신청"), 6질문 짧은 폼(성별·거주지역·나이·키·솔로여부)과 '카톡으로만/전화도 괜찮아요' 연락 방식 선택, 5주년 혜택(가입비 5~25% 할인·5개월 연장·선물), 매주 15명 추첨 무료 컨설팅, 숨은 '써미' 찾기 게임 → 랜덤 쿠폰.
- 모션·인터랙션: 영상 히어로(확인), 토글 스위치 UI가 카드마다 on/off 상태로 등장(정적 프레임에서 확인), 가로 스와이프 카드 슬라이더(Swiper 11.2.10 — scripts에서 cdn.jsdelivr.net/npm/swiper@11.2.10 확인), 3D 마스코트 '써미'(위치 따라 이동하며 우하단/카드에 등장), 아치형 이미지 모자이크, 퀴즈 8단계 인터랙션(someon-quiz.js 자체 스크립트 확인), 후기/영상 캐러셀. gsap 등 전문 스크롤 라이브러리는 확인 안 됨. CSS keyframes 루트 31 / 5years 23개.
- 모바일 완성도·디자인: 흰 바탕 + 검정 굵은 고딕(Inter+Pretendard류) + 파랑→보라 그라데이션 포인트, 5years는 라임그린·노랑·네이비의 팝한 팔레트. 카드 모서리 크고 여백 넓음, 토스·당근 같은 핀테크 톤. 가독성 매우 좋음.
-
장점(공썸이 가져올 것)
- 히어로 하단에 "30초 무료 상담 신청, 듣기만 하셔도 됩니다"로 문턱을 극단적으로 낮춘 서브카피 + 이중 CTA(상담/가입비 확인) — 공썸은 '가입 승인 전 둘러보기/문의' 낮은 문턱 CTA.
- 15초 연애 유형 퀴즈(8문항, 카카오 인증 후 결과 + 이미지 저장) — 공유·재방문 유도형 리드 장치를 AI 검색 유입용 가벼운 진입점으로.
- 하단 고정 바에 '전화'와 '신청' 두 버튼 + 닫기 가능 — 40~50대에 전화 선택지를 열어주고 압박은 줄이는 설계.
- 신청 전 FAQ("전화가 계속 오지 않나요?", "아는 사람이 알게 될까 봐 걱정돼요")로 개인정보·노출 불안을 선제 해소 — 공썸의 지인·학교·직장 차단 기능을 같은 질문 형식으로.
- 직영 라운지/현장 사진 모자이크와 담당 매니저 실명 노출 후기 카드 — '사람이 직접 연결한다'는 매니저 소개의 신뢰감.
- 단점/피할 것: 메뉴·서비스가 너무 많아 초점 분산(결정사+파티+페스타+컨설팅), 이모지 과다. 5주년 이벤트 페이지는 폼·추첨·게임 등 요소가 한 페이지에 과밀.
- 미확인 사항: 퀴즈 중간·결과 화면, 가입비 진단(mf-test), 영상 소스 길이, 스크롤 연동 애니메이션 세부(프레임 간 비교로는 슬라이더·마스코트 위치 변화만 확인), 5years 후반부 FAQ 이후 구간.
더멤버스 The Members (소개팅앱 · 3040 서류검증 프리미엄 매칭)
-
조사 URL / 캡처 폴더 (확인일 2026-10-05)
- 사주 이벤트 랜딩: https://themembers.kr/event/saju/ (최종 URL …/saju/#landing) → captures/themembers-saju/ (정적 캡처 + 직접 클릭해 진행한 4단계 화면 captures/themembers-saju/flow/step-0~3.png). 페이지는 한 화면짜리 앱형 인터랙션이라 mobile-full 높이 664px.
- 루트: https://themembers.kr/ → captures/themembers-root/ (모바일 8,328px, scroll 프레임 10장)
- 대표 이미지: captures/themembers-saju/mobile-first.png, captures/themembers-saju/flow/step-1.png, captures/themembers-saju/flow/step-3.png, captures/themembers-root/mobile-first.png, captures/themembers-root/scroll-03.png / 모션 영상: captures/themembers-saju/mobile-scroll.webm, captures/themembers-root/mobile-scroll.webm
-
첫 화면(히어로)
- 사주 랜딩: 웹툰풍 일러스트의 안경 쓴 미남 '청담동 중매쟁이 도윤'이 화면을 꽉 채움. 금색 라벨 "✦ 청담동 중매쟁이 도윤 ✦", H "청담동 중매쟁이가 사주를 배움"(붓글씨체, 크림색), 서브 "현실적인 조건과 궁합을 한번에", 크림색 풀폭 CTA "사주팔자 맞는 인연 확인하기", 하단 각주 "이 페이지는 가평한석봉 큰붓B를 사용하여 제작되었습니다."(폰트 출처 고지). 어두운 배경에 금빛 포인트.
- 루트: 흰 배경, 상단 'M' 로고 + The Members + 햄버거, H1 "서류 검증 매칭으로 3040의 만남을 더 안전하고 깊게"(뒷부분 회색), 레스토랑 데이트 사진(라운드), 그 아래 인증/언론 로고 줄(HYPHEN, Noblesse, NICE, KSBA 2024 Korea Superb Brand Awards). 데스크톱은 중앙 정렬 + 상단 메뉴(서비스 소개/가입 절차/회원 리뷰/고객 지원) + 검정 '무료 가입 신청'.
-
섹션 순서
- 사주 랜딩(한 화면 4단계 대화형 플로우): ① 히어로 → ② 도윤 대사 "난 청담동 중매쟁이 도윤이야. 그냥 중매만 하는 건 재미없잖아." / 버튼 "그럼 어떻게 해줄건데?" → ③ "네게 필요한 사주팔자부터 경제적인 조건까지. 둘 다 보고 너에게 맞는 사람을 봐줄게." / 버튼 "좋아. 어디 한번 봐줘" → ④ 입력 폼 "생년월일 알려줄래?"(생년월일 숫자 키패드, 양력/음력, 태어난 시간/시간 모름, 성별 여성/남성, 안내 "입력하신 정보는 사주 풀이에만 사용되며, 서버에 저장되거나 외부로 전송되지 않습니다." 버튼 "이제 사주봐줘") → ⑤ 결과(미진입, 텍스트로만 확인한 CTA: '친구에게 공유하기', '전체 해석 확인하기', '내 사주로 남자 소개받기')
- 루트: ① 히어로+인증 로고 ② "결정사도, 소개팅앱도 써본 사람들이 The Members를 선택했습니다" + 3특징(서류 제출 필수·합리적인 비용·매일 4명 소개) + 1회 만남 비용 비교 ③ "엄격한 심사로 선별된 회원 퀄리티"(100억+ 자산가, 자가 아파트, 의사 면허, 억대 연봉 인증 카드) ④ "공공기관 데이터를 기반으로 조회하여 허위 인증을 방지합니다" 3단계(간편 인증 조회 → 공공기관 데이터 확인 → 인증 뱃지 부여; 국세청 홈택스·대법원 전산 데이터 명시) ⑤ "만남보장 100% 담당 매니저가 약속부터 만남까지 책임집니다"(미성사 시 티켓 환급, 더블랙 회원 한정 각주) ⑥ "까다로워도 됩니다 원하는 프로필만 소개받으세요"(조건 조합 칩 UI 앱 목업) ⑦ "합리적인 비용으로 1회 만남부터" 비교(10회 약 400만원 선불 결정사 vs 가입비 무료·강제 약정 없음) ⑧ 회원 후기(매너·외모 4.0 점수, 인증 뱃지 종류·성별·연령 라벨, 컨시어지 후기 요청 채팅 UI) ⑨ 마감 CTA "검증된 3040을 위한 믿을 수 있는 만남, 더멤버스" + 앱 다운로드 + 푸터(㈜트리플콤마 사업자·결혼중개업 신고 필증번호)
-
카피 톤·핵심 소구: 사주 랜딩은 의인화 캐릭터(도윤)의 반말 대화체로 호기심·재미, 루트는 안전·검증·합리적 비용의 B2C 핀테크식 문어체. 인상적 문구 원문
- "청담동 중매쟁이가 사주를 배움" / "현실적인 조건과 궁합을 한번에"
- "그냥 중매만 하는 건 재미없잖아."
- "서류 검증 매칭으로 3040의 만남을 더 안전하고 깊게"
- "결정사도, 소개팅앱도 써본 사람들이 The Members를 선택했습니다"
- "공공기관 데이터를 기반으로 조회하여 허위 인증을 방지합니다"
- "까다로워도 됩니다 원하는 프로필만 소개받으세요"
- "입력하신 정보는 사주 풀이에만 사용되며, 서버에 저장되거나 외부로 전송되지 않습니다."
- 신뢰 요소: 인증 종류를 구체적 사례 카드로(100억+ 부동산 등기부, 의사 면허증, 억대 연봉 원천징수영수증), 공공기관 데이터(국세청 홈택스·대법원) 조회 방식 3단계, 언론·인증 로고 줄(HYPHEN, Noblesse, NICE, KSBA 2024 — 로고만 확인, 의미 상세는 미확인), 실제 만남 후기(점수 포함, 인증 뱃지 표기, 후기 작성일), 푸터에 사업자번호·결혼중개업 신고 필증번호·통신판매신고. 사주 랜딩은 '정보 비저장' 문구로 개인정보 불안 해소.
- 전환 장치: 루트는 상단 고정 '무료 가입 신청' 알약 + 마감 '앱 다운로드하기' + 앱 다운로드 모달('×' 존재, 앱 설치 팝업 추정). 사주 랜딩은 결과 후 '내 사주로 남자 소개받기'로 서비스 가입 연결 + '친구에게 공유하기' 바이럴 장치(텍스트만 확인). 즉 사주 → 결과 → 앱/가입의 간접 퍼널.
- 모션·인터랙션: 사주 랜딩은 단계 전환 시 배경 일러스트가 교체·블러(step-3에서 도윤 얼굴이 흐려진 배경 위 폼)되고 대사 텍스트가 페이드 인, 화면 하단에 고정 버튼 — 스크롤이 아닌 탭 진행형. 커스텀 숫자 키패드(▲▼ 완료 1~0 ⌫ 요소 확인). 루트는 큰 앱 목업(폰 프레임, 붉은 배경 위 조건 칩 UI) 정적 배치, 후기는 채팅 UI 형태 카드. 사용 라이브러리는 scripts에서 gtag 외 확인 안 됨(Next.js 마크만) — 모션 라이브러리 확인 불가. CSS keyframes 사주 4 / 루트 5.
- 모바일 완성도·디자인: 루트는 흰색·검정·회색 모노톤 + 라운드 카드, Pretendard류 고딕, 정보 전달 중심의 깔끔한 레이아웃, 사주 랜딩은 다크 브라운/블랙+금색+붓글씨체(가평한석봉 큰붓B)로 '운세 앱' 감성. 모바일 완성도 높음.
-
장점(공썸이 가져올 것)
- 사주 랜딩의 '캐릭터 대화 → 입력 → 결과' 4단계 구조 — 공썸은 '골프 성향/스윙 케미 테스트'를 매니저 캐릭터 대화형으로 만들어 AI 검색 유입 사용자의 호기심 진입점으로(결과 하단에 '친구에게 공유' + '모임 신청' CTA).
- 입력 폼 바로 아래 "입력하신 정보는 서버에 저장되거나 외부로 전송되지 않습니다" 한 줄 — 공썸 개인정보 불안 해소 방식.
- 인증 사례를 '카드 한 장 = 인증 한 종류 + 근거 서류 한 줄'로 보여주는 방식 — 공썸의 본인인증·운영팀 승인·사진 5분 공개 등을 같은 카드로.
- "공공기관 데이터를 기반으로 조회" 3단계(신청 → 대조 → 뱃지) — 가입 승인 흐름(본인인증 → 운영팀 승인 → 매니저 확인)을 3단계 카드로.
- 후기에 채팅 UI(컨시어지가 후기 요청 → 회원 답변) 사용 — 후기가 꾸민 문장이 아니라 실제 흐름처럼 보이게.
- 가격 비교를 '1회 만남 기준 단가'로 환산해 보여주는 방식(공썸이 유료라면 응용 가능).
- 단점/피할 것: 자산·소득 중심 '조건 쇼핑' 톤(20억▲ 자산 남성 등)은 공썸의 취미 중심 소개 서비스와 어울리지 않음. 사주 랜딩 첫 화면은 서비스 정체가 불분명(CTA 문구가 '사주팔자 맞는 인연 확인하기'로 앱 소개가 거의 없음) — 신뢰·SEO에 약함. 사주 페이지는 본문 텍스트가 거의 없어 AI 검색 크롤링 불리.
- 미확인 사항: 사주 결과 화면(생년월일 입력 후 단계 — 개인정보 입력이 필요해 진입하지 않음), 루트 상단 로고 줄 4개의 의미(언론/인증/수상 여부), 앱 다운로드 모달의 실제 UI, 루트 후기 슬라이더 이동 방식, 스크롤 프레임 중 모션 타이밍.
그룹 종합: 공썸 랜딩에 가져올 장점 TOP 7 (g3)
- 신청·가입 절차를 번호 타임라인으로 먼저 공개 (썸타임 /rotation '신청은 이렇게 진행돼요', 더멤버스 '간편 인증 조회 → 공공기관 데이터 확인 → 인증 뱃지 부여', 비긴어게인 심사 설명) — 공썸의 휴대폰 본인인증 → 운영팀 승인 → 매니저 확인 → 연락처 전달 흐름을 3~4단계 카드로 맨 위쪽에.
- '약속/운영 규칙' 리스트 + 수치 카드 + 각주 출처 (돌싱즈 '5가지 약속, 마케팅 문구가 아니라 운영 규칙', 월계관 6칸 수치 카드, 집계 기준 각주) — 공썸 안전장치(지인·학교·직장 차단, 여성 사진 5분 공개·캡처 차단 등)를 같은 포맷으로, 과장 표현(국내 1위 등)은 근거 없이 쓰지 않기.
- 하단 고정 CTA (썸타임 풀폭 보라 '신청하기', 비긴어게인 '앱 설치하고 혜택 받기' 바, 썸온 '전화 상담 + 30초 무료 상담 신청하기' + 닫기, 돌싱즈 검정 알약) — 스크롤 내내 하나의 행동만 유지하고, 40~50대용으로 '전화/문의' 보조 버튼과 닫기 옵션 추가.
- 저압박·불안 선제 해소 카피와 FAQ (돌싱즈 '아직 설치하지 마세요, 읽어보고 판단하셔도 늦지 않습니다', 썸온 '듣기만 하셔도 됩니다 / 전화가 계속 오지 않나요? / 아는 사람이 알게 될까 봐', 썸타임 'FAQ: 얼굴 사진은 다른 참가자가 보나요?') — 공썸 FAQ 첫 줄을 사진 공개·지인 차단·연락처 전달 시점 질문으로.
- 고객 고민 문장을 1인칭 말풍선으로 먼저 보여주기 + 대비 선언 (비긴어게인 '채팅앱은 가볍고 결정사는 부담스럽다면?' + 고민 4문장, 돌싱즈 '세 가지 길' 비교) — 공썸 타깃 여성 35~54의 '소개팅앱은 불안하고 결정사는 부담' 문장으로.
- 캐릭터/퀴즈형 가벼운 진입 장치 (더멤버스 사주 랜딩 '캐릭터 대화 → 입력 → 결과 + 정보 비저장 문구', 썸온 15초 연애 유형 퀴즈, 엔노블 러브 테스트 7종) — AI 검색 유입 방문자용 보조 랜딩으로 '골프 성향/모임 케미 테스트'를 만들고, 결과 하단에 '친구에게 공유' + '모임 신청' 두 CTA.
- 실제 사람·현장 근거 (썸온 직영 라운지 사진 모자이크 + 후기 카드에 담당 매니저 이름, 썸타임 실제 행사 사진 + '제휴 대학 표시가 아닙니다' 같은 정직 문구, 돌싱즈 후기에 성별·나이·직업 라벨 + 카테고리 탭 필터, 더멤버스 채팅 UI 후기) — 공썸은 실제 2:2·3:3 모임 현장 사진, 매니저 소개, 후기 카드 포맷을 같은 방식으로.
참고(모션): 이 그룹은 전반적으로 모션이 약함. 확인된 강한 모션은 엔노블(GSAP·ScrollTrigger·ScrollSmoother·Swiper·AOS, 글자 순차 등장 영상 히어로)과 썸온(Swiper 11 카드 슬라이더, 토글 UI·3D 마스코트, 퀴즈), 더멤버스 사주(탭 진행형 배경 전환)뿐. 나머지는 정적 섹션 + 고정 CTA 중심.
그룹 4
g4 그룹 랜딩 조사 (은하수다방 / 골드스푼 / 슈퍼리치 / 클래시커넥트 / 다이아매치 / the able)
확인일 2026-10-05. 캡처 도구: tools/capture.mjs. 본 것만 기록.
골드스푼 GOLDSPOON (소개팅앱 — 검증기반 하이엔드)
- 조사 URL https://www.goldspoon.app/ (200, 모바일 높이 13,457px), 확인일 2026-10-05, 캡처 폴더 captures/goldspoon/
- 대표 이미지: captures/goldspoon/mobile-first.png (히어로), captures/goldspoon/scroll-01.png (명망·뱃지 카드), captures/goldspoon/scroll-03.png (뱃지 표), captures/goldspoon/scroll-08.png (후기 카드), 영상 captures/goldspoon/mobile-scroll.webm
- 첫 화면(히어로): 서브 "검증기반 하이엔드 데이팅앱" + 큰 금색 "골드스푼". 비주얼=고급 라운지 배경의 커플 풀블리드 사진(어두운 우드톤+초록 드레스), 모바일에선 Apple Store 필(pill) 버튼 1개가 사진 하단에 얹힘, PC는 좌 텍스트 + 우 폰 목업(같은 사진), Google Play/Apple Store 2개. 상단 다크 헤더(로고 금색 세리프 자간 넓음 + 햄버거). meta description: "국내 최초 경제력 인증 데이팅 앱 … 상위 1%와의 진지한 만남".
- 섹션 순서: ①히어로 ②"회원 76.2%의 선택 — 나는 골드스푼만 사용한다" 통계 ③"사회적 명망과 경제력을 갖춘 이들의 선택"(회원 퀄리티 예시: 7천억대 IT 창업자 등) 이미지 카드 ④"신뢰를 더하는 뱃지 시스템"(원천징수 영수증·등기서류·자격증 실물 검증) ⑤"결혼까지 생각한다면 … 소개팅보다는 자세히, 결혼 정보 회사보다는 자연스럽게" ⑥ISMS-P 인증 카드 ⑦가입방법 Step1~5(본인인증→뱃지 인증→법적 싱글 동의→1~3일 심사→사용) + 뱃지 전체 표(소득/차량/거주/직업/학력/집안/자산/매력) ⑧핵심 기능 5개 슬라이더(Daily Card/Square/Trust/Custom Card/Lounge) ⑨"당신의 이야기가 될지도 몰라요" 후기(5점 별, 익명 이니셜+나이+직업, 후기 제목) 다수 + "인터뷰 보기" ⑩푸터(보증보험증권 손해배상 청구절차, FAQ, 고객센터, 광고·제휴문의).
- 카피 톤·핵심 소구: 프리미엄·선별성·검증(안전하니까 조금 까다롭습니다). 인상 문구: "안전하니까 조금 까다롭습니다" / "단 한 명의 아르바이트 회원도 존재하지 않습니다" / "소개팅보다는 자세히, 결혼 정보 회사보다는 자연스럽게" / "3번째 만남에 계정을 비활성화하자고 했어요" / "결정사 4군데 돌고 결론은 골드스푼".
- 신뢰 요소: 실물 서류 검증 뱃지(뱃지별 기준 금액 표), 국가공인 ISMS-P 인증 설명, 실명+본인 명의 휴대폰 인증, 법적 싱글 동의, 1~3일 가입 심사, "회원 76.2%" 수치, 후기 100% 리얼 표기, 보증보험증권 손해배상 청구절차 링크.
- 전환 장치: 히어로 스토어 배지(모바일 Apple만/PC 둘 다), 단일 페이지 내 CTA 반복은 적음(텍스트 CTA는 스토어 배지·"인터뷰 보기" 위주) — 가입 장벽을 오히려 '까다로움'으로 소구. 고정 하단 버튼은 캡처에서 미확인.
- 모션·인터랙션: 기능 5개 가로 슬라이더(Previous/Next slide, 도트 0~4), 후기 카드 세로 나열. 스크롤 프레임에서 큰 등장 애니메이션은 뚜렷하지 않음(CSS keyframes 5개). 프레임워크 Next.js(turbopack 청크 확인) — 모션 라이브러리는 미확인.
- 모바일 완성도·디자인: 다크 헤더·샴페인골드(#b5a58c 계열)+화이트 본문, 세리프 영문 로고, 한글 고딕. 카드형 레이아웃 여백 넉넉, 텍스트 크기 큼(가독성 좋음).
- 장점(공썸이 가져올 것): (1) "가입방법 Step1~5" 단계형 섹션 — 가입 승인 과정을 '까다롭지만 안전'으로 포장하는 방식(공썸 운영팀 승인·본인인증에 그대로 적용). (2) 뱃지/인증 표 — 신뢰 수단을 항목형 표로 시각화. (3) 후기 카드(별점·제목·짧은 본문·나이/직업 익명 표기). (4) "소개팅보다 자세히, 결정사보다 자연스럽게"처럼 경쟁 범주 사이에 위치 잡는 한 줄. (5) 어두운 톤 풀블리드 커플 사진 + 금색 타이포의 프리미엄 히어로. (6) 푸터에 보증보험·개인정보·고객센터를 갖춰 운영 실체 증명.
- 단점/피할 것: 연봉·자산 서열화 소구는 공썸 정서(편안한 골프 인연, 중장년 여성)와 불일치; 히어로에 가입 이유가 한 줄뿐; 후기가 20~30대 중심이라 40~50대 공감 약함.
- 미확인: 고정 CTA, 슬라이더 자동재생 여부, 모션 라이브러리.
클래시커넥트 Classy Connect (소개팅 — 매니저 매칭 보장형 하이엔드, 아임웹 제작)
- 조사 URL https://classyconnect.co.kr/ (200, 모바일 높이 10,293px), 확인일 2026-10-05, 캡처 폴더 captures/classyconnect/
- 대표 이미지: captures/classyconnect/mobile-first.png, captures/classyconnect/scroll-01.png (남녀 회원 고민 BEST3), captures/classyconnect/scroll-03.png (만남 100% 보장), captures/classyconnect/scroll-07.png (카톡 후기+영상 슬라이더), 영상 captures/classyconnect/mobile-scroll.webm
- 첫 화면(히어로): 최상단 검정 띠 "내 연애도 체계적으로! 당신의 연애 해결사 클래시 커넥트입니다." → 로고/로그인·회원가입 → 가로 스크롤 메뉴(매칭 서비스·매력 관리 시스템·cc매칭후기·프리미엄 회원·제휴문의). 헤드라인 "신원·매력·매너 검증된 싱글들을 위한 매칭 서비스"(앞줄 보라 강조), 서브 "진지한 만남 전용 하이엔드 소개팅 서비스" / "인연을 만날 준비만 해주세요! 번거롭고 힘든 일은 저희가 해결하겠습니다!". 비주얼=매니저 설명 유튜브 영상(자막형), 그 아래 Google/App store 아웃라인 버튼, PC는 "2026년 전국 모든 지역 서비스중", "지금 가입 시 이상형 프로필 6장 무료 증정!" 혜택 문구.
- 섹션 순서: ①히어로+영상 ②남성/여성 회원 고민 BEST 3 카드(프로필 사진을 믿을 수가 없어요 / 돈만 쓰게하는 알바가 있을까봐 걱정돼요 / 신원이 확실한 사람일지 걱정돼요 / 매칭돼도 일정 잡기가 번거로워요) ③서비스 특장점 01~04 번호 이미지 카드(…03 / 04 "업계 최초! 진지한 만남 보장 시스템", "만남 100% 보장 시스템 — 만남이 성사되지 않으면 비용이 발생하지 않습니다(만남 불발시 매칭 비용 100% 환불)") ④매칭 후기 카카오톡 대화 캡처 슬라이더 ⑤"C.C 수석 매니저 제이의 연애상담 play" 유튜브 영상 슬라이더 ⑥매력점수 레벨(2·3·10 LEVEL, 소개/신청 시 +400/+1000cc 머니) 도식 ⑦SINGLE PARTY(인증 뱃지 회원 전용 프라이빗 파티) ⑧FAQ 아코디언 4개 ⑨"지금 바로 내 이상형을 만나보세요" 클로징 CTA ⑩사업자 정보(상호·사업자번호·통신판매업 신고·대표자·주소).
- 카피 톤·핵심 소구: 안심(알바·사진 사기 불안 해소)·결과 보장·'우리가 다 해준다'(관리형). 인상 문구: "인연을 만날 준비만 해주세요! 번거롭고 힘든 일은 저희가 해결하겠습니다!" / "만남이 성사되지 않으면 비용이 발생하지 않습니다" / "업계 최초! 진지한 만남 보장 시스템 — 커플이 성사되면 매니저에게 알려주세요! 안전한 만남을 위해 양쪽 모두 서비스 이용을 중단해드립니다" / meta: "저렴하다고 실존 인물인지도 불확실한 소개팅앱에서 보장되지 않는 만남을 위해 비용과 시간, 감정을 낭비하지 마세요" / "전원 화상인증 또는 대면 확인까지 하는 3단계 신원 인증".
- 신뢰 요소: 3단계 신원 인증(전원 화상 인증/대면 확인), 사람 매니저 실명 노출 및 상담 영상, 환불 보장, 카톡 후기 실캡처, 사업자등록·통신판매업 신고번호·대표자·주소를 푸터에 전부 공개.
- 전환 장치: 우하단 고정 "상담" 플로팅 버튼(모든 프레임에서 확인), 히어로 스토어 버튼, 혜택 문구("이상형 프로필 6장 무료"), 클로징 "이상형 소개받기"/"초대장 받기" 버튼, 상단 로그인·회원가입 고정 헤더(스크롤 시 헤더 유지 확인).
- 모션·인터랙션: 고민 카드가 스크롤에 따라 위에서부터 순차적으로 진해지며 등장(scroll-01에서 3번째 카드가 흐리게 페이드인 중), 후기·영상 가로 슬라이더+도트, FAQ 아코디언, 영상 임베드(YouTube iframe_api 확인). 라이브러리: 아임웹 기본 스크립트/jQuery/bootstrap 확인, three·wix 매칭은 오탐 가능성 높음(미사용으로 봄).
- 모바일 완성도·디자인: 보라(#7a00c0 계열)+연한 파스텔 블루/라일락 그라데이션, 둥근 카드, 큰 한글 고딕. 가독성 좋으나 아임웹 템플릿 특유의 정보 과밀·이미지 텍스트가 많고 SEO용 텍스트는 얕음(h1~h3 거의 없음, 본문 텍스트 대부분 이미지).
- 장점: (1) "회원 고민 BEST 3"를 남/여로 나눠 먼저 불안을 말해주는 도입 — 공썸은 여성 35~54의 불안(알바·사진·신원·번거로움)으로 재작성 가능. (2) "만남 성사 안 되면 100% 환불"처럼 결과 보장을 맨 앞에 세우는 카드. (3) 우하단 고정 "상담" 플로팅 버튼. (4) 번호 01~04 이미지 카드로 특장점 정리. (5) "준비만 해주세요, 번거로운 건 저희가" 관리형 한 줄. (6) FAQ에 '프로필 검수 소요/매칭 방식/후 절차/일정 확정' 4문항 — 공썸의 매니저 연락처 전달 흐름 설명에 그대로 활용.
- 단점/피할 것: 아임웹 특유의 이미지 텍스트화로 AI 검색(GEO)에 불리; 레벨·cc머니 같은 게임식 포인트는 공썸 톤과 거리; 환불 100% 같은 보장 문구는 법적 검토 필요.
- 미확인: 영상 자동재생 여부, 플로팅 버튼 클릭 동작(카톡 상담 추정).
다이아매치 DiaMatch (소개팅앱 — 학교·직장 인증형)
- 조사 URL https://diamatch.co.kr/ (200, 모바일 높이 6,604px), 확인일 2026-10-05, 캡처 폴더 captures/diamatch/
- 대표 이미지: captures/diamatch/mobile-first.png, captures/diamatch/scroll-03.png (고스펙 인증 기능 + 폰 목업), captures/diamatch/scroll-06.png (약속·스토어 클로징), captures/diamatch/desktop-first.png, 영상 captures/diamatch/mobile-scroll.webm
- 첫 화면(히어로): 풀블리드 흐릿한(블러+밝은 녹색 필터) 손잡고 걷는 커플 뒷모습 사진 위에 흰 앱 아이콘, H1 "다이아매치", H2 "검증된 남녀를 위한 품격있는 소개팅", 서브 "결혼 정보 회사보다는 편하고 소개팅 앱보다는 진중한 검증 소개팅". CTA = Google Play / App Store 흰 필 버튼 2개(모바일 세로 적층)가 첫 화면 안에 보임. 헤더는 흰 배경 로고만.
- 섹션 순서: ①히어로 ②"회원이 말하는 다이아매치는?" 한 줄 후기 3개(이름 마스킹+나이+직장/학교: 마***님 27세(여) 아모레퍼시픽 재직 등) ③"다이아매치에서 탄생한 러브 스토리" ④"학교 또는 직장을 안전한 매칭"(남성=학교/직장 인증, 여성=직업·전공 입력 후 승인) ⑤"지인 소개보다 나은 고스펙 인증 기능" + 폰 목업 ⑥"아는 사람은 절대 만나지 않기"(연락처 입력 시 서로 소개 차단) ⑦"다이아매치가 약속합니다"(악성 유저 0명·알바 회원 없음 법적 책임) ⑧스토어 버튼 클로징 ⑨Press(2019~2021 언론 5건 링크) ⑩사업자 정보.
- 카피 톤·핵심 소구: 안심·검증·품격 + 실용(질문 대신 앱이 대답). 인상 문구: "결혼 정보 회사보다는 편하고 소개팅 앱보다는 진중한" / "'뭐하는 분이야? 직장은? 학교 어딘데? 사진 더 없어?' 다이아매치에선 한 방에 해결할 수 있습니다" / "다른 소개팅 앱들은 불안한게 있었는데 이건 학교나 직장을 인증한 사람들이라고 하니까 안심이 돼요" / "지인 만나지 않기 기능 꿀이네요. 혹시라도 구썸남 만날까봐 조마조마했는데".
- 신뢰 요소: 재직·재학 인증 후기, 지인 차단 기능, "알바 회원 절대 없음 법적 책임" 약속, Press 섹션(누적 회원 10만 돌파·한의사협의회 등 제휴, 다만 최신은 2021.08로 오래됨), 사업자·통신판매업 번호 푸터 공개. JSON-LD Organization(sameAs에 스토어 2곳).
- 전환 장치: 스토어 버튼 히어로+클로징 2회, 고정 하단 버튼 없음.
- 모션·인터랙션: 거의 없음. 스크롤 프레임상 정적 구성이며 후기 문구 일부가 흐린 회색→본문색으로 전환되는 정도(PC 캡처 확인). 스크립트=main 번들·bootstrap·Cloudflare beacon, 모션 라이브러리 미확인(libs 비어 있음).
- 모바일 완성도·디자인: 흰 배경+검정 얇은 대형 고딕, 보라 다이아 아이콘만 포인트. 글자가 매우 크고 여백이 많아 중장년 가독성은 좋으나 내용 밀도가 낮고 다소 구형(2021년 느낌).
- 장점: (1) "지인 소개보다 나은" 비교 프레임 + 소개받을 때 묻고 싶던 질문 4개를 그대로 나열하는 카피 — 공썸의 매니저 소개를 '지인 소개 대용'으로 설명할 때 활용. (2) "아는 사람은 절대 만나지 않기" 독립 섹션 — 공썸 지인·학교·직장 차단을 같은 방식으로 강조(여성의 가장 큰 불안). (3) "회원이 말하는 …" 한 줄 후기에 직장/학교·나이 마스킹 표기(출처 신뢰). (4) 히어로 첫 화면 안에 스토어 CTA 2개, 서브카피 한 줄로 포지션("결정사보다 편하고 앱보다 진중") 명확. (5) "약속합니다" 3줄 선언형 클로징.
- 단점/피할 것: Press가 2021년까지라 오래된 인상; 정적·밀도 낮음; 이미지 사용이 일반 스톡 느낌.
- 미확인: "러브 스토리" 클릭 후 콘텐츠(링크 이동 여부), 후기 슬라이드 여부.
the able / 디에이블 (결혼중개·프라이빗 매칭 앱, 에이블모멘트(주))
- 조사 URL https://theableapp.kr/ (200, 모바일 높이 4,669px), 확인일 2026-10-05, 캡처 폴더 captures/theable/
- 대표 이미지: captures/theable/mobile-first.png (프로필 카드+스와이프 힌트+히어로 카피), captures/theable/scroll-02.png (실드 아이콘 카드/판을 뒤집는 서비스 카드), captures/theable/scroll-04.png ("의미있는 시작" 클로징), captures/theable/desktop-first.png (프로필 사진이 흩어진 PC 히어로), 영상 captures/theable/mobile-scroll.webm
- 첫 화면(히어로): H1 영문 "Special way to people" + 검정 A 로고(상단 우측 고정), 프로필 사진 카드(둥근 모서리, 위에 '좌우 스와이프' 손 아이콘 힌트), 배경에 파스텔 그라데이션 사선(스트로크) 장식. 하단 고정 그라데이션(보라→핑크) 버튼 "지금 다운로드". PC에서는 남녀 프로필 사진 5장이 H1 주위에 떠 있는 구성.
- 섹션 순서: ①히어로(H1+서브카피 "소중한 나를 위해, 함께 하는 시간이 유의미할 수 있도록. 보다 프라이빗하게, 보다 검증된 사람을 만날 수 있도록") + App Store/Google Play 배지 ②"의미있는 매칭의 시작. 인증된 프로필, 안전한 매칭" 카드(실드 일러스트) ③"그동안의 소개팅앱, 데이팅앱, 결정사의 판을 뒤집는 서비스"(체스말 일러스트 카드) ④"우리가 제일 중요시 하는 가치" — 인증 과정(능력·학력·경제력 확인)/첫 만남을 더 특별하게(시스템이 시간·장소 제안, 만나기 전 채팅 불가)/신뢰를 위한 프로토콜(관리자가 얼굴 사진·영상 검열)/안전한 만남 환경(성범죄자 이용 제한)/이상적 상대찾기(피하고 싶은 조건 설정) ⑤"경험해 보지 못한 수준의 맞춤 서비스" ⑥"의미있는 시작" 클로징 커플 사진(금색 타이틀) ⑦푸터(사업자·국내결혼중개업 신고필증 번호, 청약철회, 아동 안전 정책).
- 카피 톤·핵심 소구: 프라이빗·검증·특별함(AI 분석). 인상 문구: "수억 명 인구 중에 단 한 명. 그 한 명을 만나기 위한, 디에이블" (meta) / "그동안의 소개팅앱, 데이팅앱, 결정사의 판을 뒤집는 서비스" / "만나기 전까지는 채팅이 불가능하여, 첫 만남이 더욱 소중하고 기대되는 순간이 됩니다" / "관리자가 얼굴 사진과 영상을 검열하여 가짜 프로필을 차단".
- 신뢰 요소: 국내결혼중개업 신고필증 번호(제 경기-고양-국내-23-0001호), 사업자번호·대표이사·주소 푸터 공개, 관리자 사진·영상 검열, 사회적 물의/성범죄자 이용 제한, 청약철회·아동안전 정책 링크. 후기·수치·언론은 없음.
- 전환 장치: 하단 고정 전폭 그라데이션 버튼 "지금 다운로드"(모든 스크롤 프레임에서 유지, 누르면 iOS 앱스토어/구글 플레이 선택 레이어 — CTA 목록의 '✕', 'iOS 앱스토어', '구글 플레이'로 확인), 히어로 스토어 배지. 이벤트·폼 없음.
- 모션·인터랙션: GSAP + ScrollTrigger + Swiper + Splitting.js 스크립트 로드 확인(scripts 목록에서 확인). 히어로 프로필 카드 스와이프 힌트, 카드가 스크롤에 따라 풀폭으로 나타나는 섹션 카드, 배경 사선 스트로크 장식, 우하단 맨위로 버튼. 개별 프레임 비교로 정확한 트윈은 영상 확인 필요.
- 모바일 완성도·디자인: 흰 바탕, 영문 대형 산세리프, 카드마다 다른 파스텔(앰버/하늘/베이지), 3D풍 일러스트 아이콘, 둥근 큰 모서리 — 세련됨. 텍스트 양이 적어 한 화면에 한 메시지로 읽기 쉽다.
- 장점: (1) 하단 고정 전폭 그라데이션 CTA(스크롤 내내 유지) — 공썸도 모바일 하단 고정 "가입 시작" 버튼에 활용. (2) 한 섹션=한 카드=한 메시지의 큰 라운드 카드 구성. (3) "만나기 전까지는 채팅 불가"처럼 방식 자체를 가치로 설명(공썸의 매니저 의사확인 후 연락처 전달 설명에 응용). (4) 푸터에 결혼중개업 신고필증·사업자정보·청약철회·아동안전 정책 링크로 합법 운영 증명. (5) GSAP ScrollTrigger 기반 카드 등장 — 모션 레퍼런스로 활용 가능.
- 단점/피할 것: 정량 신뢰(후기·회원수·언론)가 전혀 없음; 헤드라인이 영문("Special way to people")이라 한국어 AI 검색/중장년에 불리; 텍스트가 적어 SEO 본문이 얕음(h2 없음, h3만).
- 미확인: 정확한 모션 트윈(영상 프레임 정밀 비교 안 함), 다운로드 레이어 동작은 CTA 텍스트로만 확인.
은하수다방 (소개팅앱 — 돌싱·늦은 미혼 대상, 주식회사 에이프릴세븐)
- 조사 URL https://www.eundabang.com/ (200, 모바일 높이 8,522px; 목록엔 URL이 없었고 WebSearch로 앱스토어 리스팅·약관 URL의 도메인 eundabang.com을 확인 후 직접 캡처), 확인일 2026-10-05, 캡처 폴더 captures/eundabang/. 보조: 앱스토어 리스팅(WebFetch) — 평점 4.1/5(12,000+ 리뷰), 2015년부터 운영, 별·구독 ₩7,900~₩156,000.
- 대표 이미지: captures/eundabang/mobile-first.png (히어로), captures/eundabang/scroll-02.png (세 가지 약속·다크 섹션), captures/eundabang/scroll-05.png (3분 심리테스트 카드), captures/eundabang/scroll-07.png (후기·클로징), 영상 captures/eundabang/mobile-scroll.webm
- 첫 화면(히어로): 상단 칩 "돌싱과 늦은 미혼을 위한 소개팅" → H1 "다시 시작하는 연애, 조금 더 천천히 조금 더 솔직하게"(‘천천히’ ‘솔직하게’ 연보라 강조), 서브 "지나온 시간을 설명하지 않아도 괜찮은 곳." 비주얼=노을 바닷가에서 두 손(반지)이 맞닿은 풀블리드 사진+어두운 오버레이. CTA 2개 세로: 채움 "무료로 시작하기"(남보라) + 아웃라인 "먼저 둘러보기". 헤더 로고+햄버거(메뉴: 라운지·파티·커뮤니티·은하수매거진·별스토어).
- 섹션 순서: ①히어로 ②"그 망설임도 충분히 괜찮아요" + 첫 이용자 흔한 말 3개 인용("다시 누군가를 만날 수 있을까, 사실 자신이 없어요" 등) + 통계 3(돌싱 회원 80%, 평균 35세+, 한국소비자만족지수 10년 연속 1위 2017–2026) ③다크 네이비 섹션 "어른의 연애를 위해 은하수다방이 지키는 세 가지"(01 솔직하게 시작해요/02 속도는 두 사람이 정해요/03 서로의 경계를 존중해요) ④"가입 전에, 먼저 둘러보세요" — 로그인 없이 보는 실시간 커뮤니티 글(익명/자유 게시판, '39분 전' 등)+라운지·파티 소개 ⑤"3분, 나를 먼저 알아보기" 심리테스트 4종 카드(돌싱 연애스타일/인연 유형/다시 사랑할 준비/연애 가치관, 각 '시작 →') ⑥"조심스러운 마음 곁에, 오래 믿어온 이름이 있도록" 소비자만족지수 수상 ⑦"같은 망설임을 지나온 사람들" 후기 3(김OO 42세 서울 강남구 등, ★5) ⑧클로징 "조심스럽게, 다시 시작해요" + 무료로 시작하기/앱 다운로드 ⑨사업자 정보(에이프릴세븐, 통신판매업 신고번호).
- 카피 톤·핵심 소구: 위로·공감·속도 존중·부담 없음(재촉 안 함). 가장 '중장년 정서'에 가까운 톤. 인상 문구: "지나온 시간을 설명하지 않아도 괜찮은 곳" / "그 망설임도 충분히 괜찮아요" / "결혼을 밀어붙이지 않고, 만남을 재촉하지 않습니다. 조심스러운 시작이 안전하도록 기본을 지킵니다" / "화려한 만남보다 조심스러운 시작에 가까운 이야기입니다" / "시간이 흐른다고 설렘을 잃는 건 아니니까요".
- 신뢰 요소: 한국소비자만족지수 10년 연속 1위(2017–2026) 두 번 반복 노출, 회원 구성 수치(80%·35세+), 본인인증+프로필 검수 명시, 실제 커뮤니티 글 공개, 후기(지역·나이 표기), 푸터에 대표자·사업자·통신판매업 신고번호. 후기 이름은 김OO 마스킹.
- 전환 장치: 무료로 시작하기 버튼 히어로+클로징 2회, "먼저 둘러보기"(가입 전 체험)·심리테스트 4종(가벼운 진입 장치), 우하단 맨위로 원형 버튼. 카카오/네이버/휴대폰 로그인 모달(CTA 목록에서 확인). 고정 하단 CTA는 없음.
- 모션·인터랙션: 정적 위주(CSS keyframes 9개 정도, 구체 확인 못함). 섹션별 배경색 전환(흰→네이비→연보라)으로 리듬. 모션 라이브러리는 확인되지 않음(Next.js만 확인, main.js/attribution.js 자체 스크립트).
- 모바일 완성도·디자인: 어두운 네이비(#1e1b4b 계열)+남보라(#4f46e5 계열) 포인트, 흰/연보라 배경, 큰 고딕, 이모지 3D 아이콘, 카드 라운드. 글자 큼·여백 충분·한 섹션 한 메시지로 중장년 가독성 좋음.
- 장점: (1) "다시 시작하는 연애, 조금 더 천천히 조금 더 솔직하게" 식의 감정 공감형 H1 + "~해도 괜찮은 곳" 서브카피 — 공썸 35~54 여성 타깃의 부담·망설임 해소 카피에 가장 가깝다. (2) 첫 이용자가 흔히 하는 말을 따옴표 인용 3줄로 보여주는 섹션. (3) "세 가지 약속"(01~03 번호+한 줄 설명) 다크 섹션 — 공썸 운영 원칙(승인·매니저 확인·차단) 3가지로 응용. (4) "가입 전에 먼저 둘러보세요"(로그인 없이 실제 커뮤니티 열람)+3분 심리테스트로 가입 전 진입 장벽 낮춤 — 공썸은 '골프 성향 테스트' 같은 가벼운 진입물로 응용 가능. (5) 후기에 나이·지역 표기+별점, 통계 3칸(회원비율·평균연령·수상) 수치 바. (6) 히어로 CTA 2종(채움 "무료로 시작하기"+아웃라인 "먼저 둘러보기") 위계.
- 단점/피할 것: "돌싱" 타깃 명시는 공썸(골프 좋아하는 싱글 전반)과 맞지 않음; 소비자만족지수 같은 수상은 공썸이 근거 없이 흉내 낼 수 없음; 정적이라 모션 레퍼런스로는 약함.
- 미확인: 소비자만족지수 수상의 외부 검증, 로그인 모달 이후 흐름, 모션 상세.
슈퍼리치 SUPERRICH (소개팅앱 — 경제력·외모 인증, 주식회사 리밋)
- 조사 URL https://superrich.me/ (목록엔 URL 없음 — 고객센터 메일 도메인 help@superrich.me로 추정 후 200 확인, WebSearch로 앱스토어 리스팅 확인), 모바일 높이 4,622px, 확인일 2026-10-05, 캡처 폴더 captures/superrich/. 보조: iOS 앱스토어 리스팅(WebFetch) 평점 4.1/5(약 1,300 리뷰), iPhone 전용, 개발사 Limit Corp., 인앱 ₩4,900~₩239,000.
- 대표 이미지: captures/superrich/mobile-first.png (히어로+폰 목업+하단 고정 스토어 버튼), captures/superrich/scroll-02.png (가입기준 카드), captures/superrich/desktop-first.png, 영상 captures/superrich/mobile-scroll.webm
- 첫 화면(히어로): 상단 중앙 오렌지 로고 SUPER RICH(좌측 햄버거), H2 "상위 10%를 위한 경제력·외모 인증 소개팅 앱 슈퍼리치", 서브 "완벽한 인증을 통해 검증된 이성을 만나보세요". 비주얼=폰 목업(프로필 화면: 인증 뱃지 3개 리본, 여성 프로필 사진, 학교/직장 인증 체크, 오렌지 "가입승인" CERTIFIED 도장 스티커), 베이지 배경에 로고 워터마크 패턴. 하단 고정 바에 App Store/Google play 버튼 2개(스크롤 내내 유지).
- 섹션 순서: ①히어로+폰 목업 ②"국내 최초 인증소개팅 운영경험 — 11년 간 60만명 회원" + 철저한 서류 인증/100% 실이용 유저(알바회원 없음에 1억 보증)/지인 피하기(주소록 연동) ③오렌지 버튼 "결혼 성공 후기 보기" ④다크 섹션 "슈퍼리치 가입기준 — 해당되는 1가지를 인증하여 가입" 카드(외모/직업/연봉/좋은차/개인자산/고가주택/집안) ⑤"매일 12시 30분, 검증된 회원이 소개됩니다"(데일리 카드) ⑥"내가 원하는 이상형을 직접 선택" ⑦"엄격한 유저 상호 평가" ⑧FAQ 5문항(알바·허위계정, 인증 심사, 여성 뱃지 필수 여부, 지인 피하기, 비매너) ⑨푸터(주식회사 리밋, 사업자번호, 문의 메일).
- 카피 톤·핵심 소구: 선별·서열·검증(프리미엄). 인상 문구: "상위 10%를 위한 경제력·외모 인증 소개팅 앱" / "11년 간 60만명 회원의 데이팅 서비스 운영 경험" / "알바회원 없음에 대해 1억 보증 제도를 운영" / "인증완료 즉시, 제출하신 모든 서류는 서버에서 완전히 삭제됩니다" / "외모에 자신이 있다면, … 직업이 괜찮다면, … 좋은차가 있다면," (조건부 가입 안내).
- 신뢰 요소: 운영 연수·회원 수(11년·60만), 1억 보증 제도(법적 책임 명시), 서류 인증 후 즉시 삭제, 지인 피하기, 비매너 신고·제재 안내, 상호·사업자번호·메일. 후기는 별도 페이지 버튼으로 이동.
- 전환 장치: 화면 하단 고정 스토어 버튼 2개(전 프레임 확인), "결혼 성공 후기 보기" 오렌지 버튼, 구글 광고 전환 태그(AW- 확인), 폼 없음.
- 모션·인터랙션: 스크롤 프레임상 정적. aos 문자열이 HTML에 있으나 scripts 목록에서는 확인 못함(오탐 가능, 미확인). jQuery 1.x 기반의 구형 구조.
- 모바일 완성도·디자인: 베이지/차콜+오렌지 포인트, 상단 로고 중앙, 카드 2열 그리드. 정돈되어 있으나 서열화 느낌이 강하고 일부 카드가 하단 고정 바에 가려짐.
- 장점: (1) 하단 고정 스토어 버튼 바. (2) "해당되는 1가지를 인증하여 가입" — 조건을 '~다면,' 화법의 카드 그리드로 나열하는 방식(공썸은 '골프 구력/ 라운딩 횟수' 등으로 부드럽게 대체 가능). (3) FAQ에서 불안(알바·지인·비매너)을 질문 문장 그대로 받아 답하는 구성 — GEO/AEO에 유리. (4) 폰 목업+"가입승인" 도장 스티커로 심사 통과의 상징 연출. (5) 서류 즉시 삭제·1억 보증처럼 구체적 안전 약속.
- 단점/피할 것: 연봉·자산·차 등 서열 소구는 공썸 정서와 반대; "외모 인증"은 부적절; 보증금액 같은 수치는 법적 근거 없이 쓰면 위험; 구형 jQuery 구조.
- 미확인: "결혼 성공 후기" 링크 대상, 데일리 카드 섹션 비주얼(일부 프레임만 확인).
그룹 종합: 공썸 랜딩에 가져올 장점 TOP 7
- 감정 공감형 H1 + "~해도 괜찮은 곳" 서브카피(은하수다방) — "지나온 시간을 설명하지 않아도 괜찮은 곳"처럼 35~54 여성의 망설임을 먼저 인정. 공썸은 "골프 못 쳐도, 혼자여도 괜찮은" 방향.
- 불안 선제 호명 + 약속 3가지(클래시커넥트 "회원 고민 BEST 3", 은하수다방 "지키는 세 가지", 다이아매치 "약속합니다") — 알바·사진 사기·신원·번거로움 불안을 먼저 말하고 운영 원칙 3개로 답한다. 공썸: 본인인증·운영팀 승인·매니저 확인.
- 가입 단계 Step형 설명 + 심사 포장(골드스푼 Step1~5 "안전하니까 조금 까다롭습니다") — 가입→승인→매니저 연락처 전달을 단계로 제시.
- 지인/직장 차단을 독립 섹션으로(다이아매치 "아는 사람은 절대 만나지 않기", 슈퍼리치 "지인 피하기") — 공썸 지인·학교·직장 차단 강조.
- 가입 전 체험·가벼운 진입물(은하수다방 "먼저 둘러보기"+3분 심리테스트 4종) — 공썸은 '나의 골프 라운딩 성향 테스트' 등.
- 하단 고정 CTA(the able 전폭 그라데이션 "지금 다운로드", 슈퍼리치 스토어 버튼 바, 클래시커넥트 우하단 "상담" 플로팅) — 모바일 전 구간 전환 장치.
- 신뢰 정보 실체 공개 + 후기 포맷(the able 결혼중개업 신고필증 번호, 클래시커넥트 사업자·통신판매업 번호, 은하수다방 후기 "42세, 서울 강남구"+★5, 골드스푼 별점 카드) — 운영사 정보·FAQ(슈퍼리치식 질문 그대로 답변)·마스킹 후기를 갖춰 AI 검색 신뢰도(E-E-A-T) 확보.
피할 것 요약: 연봉·자산·외모 서열화(골드스푼·슈퍼리치), 영문 헤드라인(the able), 이미지 속 텍스트로 본문 구성(클래시커넥트·SEO 불리), 근거 없는 수상/보증 금액 흉내.
그룹 5
g5 랜딩 조사 (스카이피플, 블릿, 커피팅, dibs, 블라인드데이트, 파인아워)
확인일 2026-10-05. 캡처 위치 docs/landing-research/captures/<slug>/. 이미지 해상도는 모바일 390px x DPR3(가로 1170px).
dibs / 딥스 (소개팅앱 — 약속 보증·리워드)
-
조사 URL: https://dibskorea.com/ (최종 URL 동일, 200), 확인일 2026-10-05, 캡처 폴더
captures/dibs/ -
대표 이미지:
captures/dibs/mobile-first.png,captures/dibs/scroll-01.png,captures/dibs/scroll-03.png,captures/dibs/desktop-first.png/ 모션 영상:captures/dibs/mobile-scroll.webm - 첫 화면(히어로): 헤드라인 "요즘 시대, 요즘 데이트 소개팅도 보험이 되나요?" 서브카피(로고 아래) "국내 유일 리워드 소개팅 앱". 비주얼은 어두운 카페 데이트 장면 풀블리드 영상(YouTube iframe API 스크립트 확인, 데스크톱은 영상 위에 앱 프로필 목업 폰 + 자막 "딥스는 못 만나면 돌려줘"). 주 CTA는 히어로 하단의 Google Play / Apple Store 배지 2개, 데스크톱 우상단에 "토닥 리워드 5,000원 지급" 알약 버튼. 스크롤 없이 로고·메뉴·헤드라인·스토어 배지가 모두 보임.
- 섹션 순서: (1) 영상 히어로 → (2) "120분 데이트 후 LOVE or MONEY 무엇을 선택하시겠습니까?" 선택 카드 UI(Love/Money 두 카드 + "선택완료" 버튼, 배경 사진이 스크롤에 따라 바뀜) → (3) "딥스는 오프라인 만남까지 보장해요"(약속 취소 방지·날짜/장소 설정·당일 취소 패널티, 캘린더·지도 앱 목업) → (4) "세계 최초 특허 받은 딥스만의 소개팅 보험 시스템!" 다크 카드 → (5) "철저한 검증으로 믿을 수 있으니까" 공공시스템 전문직 더블 검수 카드(의사·변호사·회계사·세무사 인증) → (6) "Why 딥스? 신상 노출 걱정이 없으니까!"(6가지 매력 중 2개만 어필, 나머지 자물쇠) → (7) 리워드(허니코인 적립) → (8) 푸터(운영사·사업자번호·고객센터·이용가이드·CSAE 정책).
- 카피 톤·핵심 소구: 신뢰(약속 보증)+재미(게임 같은 선택)+실리(돈으로 보상). 인상적 문구: "요즘 시대, 요즘 데이트 소개팅도 보험이 되나요?", "120분 데이트 후 LOVE or MONEY 무엇을 선택하시겠습니까?", "약속이 취소 될 걱정없이 오프라인으로 만남을 보장해 주는곳", "프로필 사진이 꼭 본인 얼굴이 아니어도 된답니다!", "딥스는 못 만나면 돌려줘"(데스크톱 영상 자막).
- 신뢰 요소: "세계 최초 특허" 배지형 카드, 전문직 인증서류를 공공시스템으로 더블 검수한다는 설명, 사업자번호·주소·대표자 푸터 공개(Wolhanoin Inc.), JSON-LD Organization. 후기·언론·수치는 본 페이지에서 확인 못 함.
- 전환 장치: 히어로에 스토어 배지 2개, 데스크톱 우상단 "토닥 리워드 5,000원 지급" 고정 버튼, 리워드·이벤트 메뉴. 가입 폼 없음(앱 설치로 직행).
- 모션·인터랙션: 스크롤 프레임 비교로 섹션 2에서 배경 사진이 스크롤에 맞춰 전환되며 흰 카드가 오버레이되는 스크롤 연동 연출 확인(scroll-01). 카드 내부 Love/Money 선택 UI는 정적 이미지 시뮬레이션으로 보임. 형광펜 하이라이트(민트 밑줄) 반복. 라이브러리: 아임웹(imweb) 빌더 확인(스크립트 URL), 스크립트 목록에 owl.carousel/slick/ThreeCanvas.js/smooth-scroll이 있으나 빌더 공용 번들이라 실제 사용 여부는 미확인.
- 모바일 완성도·디자인: 민트(#00C9B7 계열)+흰/검정 2톤, 굵은 고딕 대형 헤드라인, 큼직한 여백과 둥근 카드. 모바일 가독성 좋음. 한 섹션당 한 메시지.
-
장점(공썸이 가져올 것):
- "보험이 되나요?" 식 질문형 헤드라인 — 의문이 곧 후킹이 됨(공썸은 "소개팅도 믿고 시켜도 되나요?" 류로 응용 가능).
- 선택 카드 UI를 정적 목업으로 보여주는 방식 — 서비스의 핵심 장면(매니저 의사 확인 후 연락처 전달)을 카드 UI로 시각화.
- "Why 딥스?" 구조 — 안심 이유를 "~이니까!" 한 문장씩 소제목화.
- 인증 설명을 "누가 어떻게 검수하는지"로 구체화(전문직 서류 더블 검수) — 공썸은 본인인증·운영팀 승인을 같은 방식으로.
- 형광펜 하이라이트로 핵심어 강조.
- 단점/피할 것: 첫 화면 영상이 어두워 카피 대비 낮음, 아임웹 기반이라 SEO용 h1~h3 헤딩이 없음(headings 비어 있음) → 공썸은 시맨틱 헤딩 필수. 금전 보상 중심 소구는 공썸 톤과 다름.
- 미확인 사항: 영상 길이·소스, 이벤트/이용가이드 하위 페이지, 후기·수치.
스카이피플 / SKY PEOPLE (소개팅앱 — 학교·직장 인증)
-
조사 URL: https://skypeople.me/ (최종 URL 동일, 200; 목록엔 URL 없어 검색으로 앱스토어 리스팅 id1191259452·고객센터 도메인에서 확인), 확인일 2026-10-05, 캡처 폴더
captures/skypeople/ -
대표 이미지:
captures/skypeople/mobile-first.png,captures/skypeople/scroll-02.png,captures/skypeople/scroll-05.png,captures/skypeople/desktop-first.png/ 모션 영상:captures/skypeople/mobile-scroll.webm - 첫 화면(히어로): 헤드라인 "스카이피플", 서브카피 "서울대 졸업생이 만든 가입자수 1위, 매출 1위 학교・직장 인증 소개팅앱 (Google Playstore 기준)". 비주얼은 보라 그라데이션 배경 + 기울어진 폰 목업 2개(오늘의 카드, 커뮤니티). 주 CTA "앱 다운로드"(채움 알약) + "결혼소식"(외곽선 알약)이 헤드라인 바로 아래. 상단 고정 헤더에 스토어·로그인·메뉴.
- 섹션 순서: (1) 히어로 → (2) "회원들의 직장・학교가 100% 검증된 60만명 회원의 프리미엄 소개팅앱" → (3) 국내 최초 학교·직장인증 시스템(2015~, 서류/이메일 인증, 10년간 60만건, 24시간 365일 모니터링) → (4) 지인 매칭 방지(친구·직장동료·동문 회피) → (5) 신뢰할 수 있는 수상 내역(중기부 장관상 등 3개) → (6) 믿을 수 있는 안전한 매칭(100% 인증·알바없음 보증·매칭 7일 후 카드 열람불가) → (7) 25개 언론사 보도(기사 카드 리스트) → (8) 가입조건(남/여 구분) → (9) 직장인 익명 커뮤니티 → (10) 회사 소개·푸터.
- 카피 톤·핵심 소구: 안심·권위·검증 중심의 단단한 톤. 인상적 문구: "회원들의 직장・학교가 100% 검증된", "10년간 검증된 정교한 인증", "24시간 365일 전담 모니터링팀이 승인 과정 전수 조사 및 검토", "친구・직장동료・동문과의 매칭 피하기 지인 매칭 방지", "소개팅앱과 결혼정보회사 그 사이 대한민국 최초의 인증 소개팅앱".
- 신뢰 요소: 수치(60만명, 10년, 60만건 인증, 25개 언론사), 수상 3건(2023 산업대상 중기부장관상, 2022 중소벤처기업대상, 2026 국가서비스대상), 언론 기사 카드(제목+매체+날짜), 월계관 "1" 아이콘, "알바없음 보증"·"100% 인증" 배지형 문구, 운영사·고객센터 푸터. "결혼소식" 별도 CTA로 성과 사례 유도.
- 전환 장치: 히어로 CTA 2개, 상단 헤더 고정, 앱 다운로드 메뉴/스토어(하트 충전), 가입조건 섹션으로 자격 선별(남성은 직장·전문직·명문대·경제력 인증 필요).
- 모션·인터랙션: 스크롤 프레임에서 섹션별 카드 등장 정도의 단순 구성. CSS keyframes 6개. 라이브러리 확인: jQuery, jquery.cycle(슬라이드), easing, babel-standalone(오래된 구조), GA(UA). 영상·패럴랙스·카운터는 확인 못 함.
- 모바일 완성도·디자인: 보라(#5B47A8 계열)+분홍 포인트, 아이콘 카드형 정보 구성으로 읽기 쉬움. 구조가 2010년대식(jQuery/babel-standalone)이라 세련도는 중간. 헤더 높이가 커서 모바일 화면을 차지함.
-
장점(공썸이 가져올 것):
- "인증 시스템" 섹션을 아이콘 카드 3~4장(방식/기간·건수/24시간 모니터링)으로 쪼개 보여주는 방식 — 공썸 본인인증·운영팀 승인·매니저 확인에 적용.
- "지인 매칭 방지"를 독립 섹션+핑크 배경 대비로 강조 — 공썸은 지인·학교·직장 차단 섹션으로.
- 언론 보도를 "매체명+날짜+제목" 카드 리스트로 나열 + 상단에 "25개 언론사 보도" 숫자 헤드(공썸은 근거가 생기면 사용, 지금은 없으면 생략).
- 가입조건을 남/여로 투명 공개 — 선별형 서비스의 신뢰를 올림(공썸은 "만 19세 이상 싱글·본인인증·운영팀 승인").
- "알바없음 보증"처럼 불안 요인을 직접 부정하는 문구.
- 단점/피할 것: 수치·1위 주장이 "Google Playstore 기준"으로만 뒷받침됨(공썸은 근거 없는 1위 표현 금지). 스펙 중심(경제력 인증) 소구는 공썸 톤과 맞지 않음. 구식 jQuery 스택, 모바일 헤더 과대.
- 미확인 사항: 하위 페이지(결혼소식, 회사소개), 후기 실물, 영상 유무.
블라인드데이트 / 블데 (소개팅앱 — 학교·직장 인증, 착한 데이팅)
-
조사 URL: https://blinddate.co.kr/ (최종 URL 동일, 200; 목록엔 URL 없어 앱스토어 리스팅 검색으로 확인), 확인일 2026-10-05, 캡처 폴더
captures/blinddate/ -
대표 이미지:
captures/blinddate/mobile-first.png,captures/blinddate/scroll-03.png,captures/blinddate/scroll-06.png,captures/blinddate/desktop-first.png/ 모션 영상:captures/blinddate/mobile-scroll.webm - 첫 화면(히어로): 헤드라인 "착한 만남, 착한 사랑은 오직 블데에서만"(하트 풍선 3D 스타일 이미지가 겹침), 서브카피는 체크 3줄 "안전한 만남을 위한 까다롭고 철저한 학교&직장 인증 / 업계 유일 불량 회원 게시판 운영 / 지인부터 직장동료까지 강력한 차단 기능". 비주얼은 하늘색 배경 + 남녀 모델 실사 합성 + 하트 풍선. 주 CTA는 Google Play / Apple Store 배지(다크 네이비, 헤드라인 아래, 스크롤 없이 보임).
- 섹션 순서: (1) 히어로 → (2) "이렇게 착한 데이팅 앱 어디에서도 보기 힘들걸요? 블데가 착한 이유!" → (3) #철저한 인증/검증(서류+이성 회원 50분 과반 동의 심사) → (4) #건강하고 진정성 있는 만남(성의 있는 자기소개 필수) → (5) #매일이 클린데이(불량 회원 게시판, 6년간 113명 박제; 앱 화면 목업) → (6) #정직한 운영 유령회원·알바 Zero(공증 완료 문구) → (7) #처음부터 끝까지 진정성(좋아요 횟수 제한) → (8) 기능 소개: 데일리 매칭 카드, 셀소 게시판, 익명게시판 프교, 인생샷 골라줘, MBTI 추천, 음성 메시지 → (9) 푸터(대표·사업자번호·주소).
- 카피 톤·핵심 소구: 진정성·청결함·강한 거름망("착하다"를 브랜드 컨셉화), 해시태그 소제목 + 알약 모양 키워드 박스. 인상적 문구: "착한 만남, 착한 사랑은 오직 블데에서만", "블데는 타사 앱보다 회원가입이 까다롭기로 유명해요", "알바가 있다면 신고해주세요. 법적 책임을 지겠습니다.", "철저할수록 믿을 수 있는 블데이니 안심하고 좋은 인연 만나세요", "6년간 박제된 불량회원 113명".
- 신뢰 요소: 수치(6년·113명·50분 과반 동의·2주 비활동 제외), 공증사무소 공증 완료 각주, 불량 회원 게시판 앱 화면을 그대로 보여주는 목업(신고 사유 목록·변호사 자문 문구), 사업자 정보 푸터. 언론·수상은 없음.
- 전환 장치: 히어로·푸터에 스토어 배지만(반복 2회). 고정 하단 버튼·폼·이벤트 없음.
- 모션·인터랙션: 스크롤 프레임에서 섹션 진입 시 페이드/슬라이드 등장 확인 가능(AOS 라이브러리 존재), Swiper 8.4 번들 확인(스크립트 URL), jQuery 1.12 사용 — 즉 AOS·Swiper는 '확인', 실제 슬라이더 화면 위치는 미확인. 앱 화면 목업은 좌우로 어긋나게 배치해 지그재그 리듬.
- 모바일 완성도·디자인: 하늘색(#0BB7FF 계열)+흰색+파랑 알약, 굵은 고딕 대형 타이틀, 해시태그 → 알약 → 설명 3단 반복으로 일관된 리듬. 앱 목업 이미지가 저해상도로 흐릿한 부분이 있음(캡처 확인).
-
장점(공썸이 가져올 것):
- "#해시태그 소제목 → 알약 키워드 → 2줄 설명" 3단 반복 패턴 — 공썸의 안심 요소(본인인증·승인·차단·사진 보호)를 같은 문법으로 반복 배열.
- "불량 회원 게시판" 앱 화면 목업으로 '운영 의지'를 시각 증명 — 공썸은 사진 5분 공개·캡처 차단·매니저 확인 화면 목업으로 대체.
- "알바 Zero, 신고하면 법적 책임" 식의 불안 요소 직접 부정 + 책임 선언.
- 히어로에 체크 3줄 서브카피 — 첫 화면에서 핵심 차별점 3개를 바로 읽히게.
- 단일 컬러+모델 실사로 밝고 친근한 톤(40~50대 여성에게도 거부감 낮음).
- 단점/피할 것: headings 비어 있음(h1~h3 없음) → SEO 약함, title/description이 "BLIND DATE"뿐. 앱 목업 해상도 저하, 이미지 위주라 텍스트가 이미지에 박혀 있을 가능성(AI 검색 비친화). 20·30 중심 톤.
- 미확인 사항: 실제 스와이프 슬라이더 동작 위치, 후기/수상 유무, 영상.
커피팅 / Coffeeting (소개팅 — 매니저 1:1 맞춤, 50분 커피 데이트)
-
조사 URL: https://www.coffeeting.kr/ (coffeeting.kr에서 www로 리다이렉트, 200; 목록엔 인스타그램만 있어 검색으로 공식 웹 확인). 인스타그램은 로그인 없이 보이는 범위를 확인하지 않음(공식 웹 대체). 확인일 2026-10-05, 캡처 폴더
captures/coffeeting/ -
대표 이미지:
captures/coffeeting/mobile-first.png,captures/coffeeting/scroll-02.png,captures/coffeeting/scroll-05.png,captures/coffeeting/desktop-first.png/ 모션 영상:captures/coffeeting/mobile-scroll.webm - 첫 화면(히어로): 헤드라인 "결혼까지 생각하는 사람들을 위한 소개팅 서비스"(와인색 굵은 고딕, h2), 서브카피 "당신에게 잘어울리는 분을 찾아 보내드려요". 비주얼은 크림 배경 + 손에 든 폰 목업(매니저 픽 프로필 카드, "선택까지 남은 시간 03:13:59" 타이머) + 데스크톱에선 폰 주위로 원형 궤도에 프로필 아바타들이 떠 있음. 주 CTA "앱 다운로드"(와인색 큰 버튼)는 모바일 하단 고정, 데스크톱은 하단 중앙 알약 바 "커피팅으로 나와 딱 맞는 사람을 만나보세요!"+버튼. 상단에 초록 띠 배너("모집 중 셋로그 소개팅 참가자를 찾고 있어요").
- 섹션 순서: (1) 히어로 → (2) "연애에 진심인 분들만 매칭을 받으실 수 있습니다"(심사 통과 혜택 5가지: 매니저가 주 3회 이상 1:1 프로필, 장소 추천, 시간 조율, 50분 커피 데이트, 번호 교환) → (3) "본인 인증을 마친 사람들만 사용할 수 있어요"(카카오 인증서 본인인증 카드 UI) → (4) 직장·학력 인증(서연고 이상, 대기업 체크 카드 UI) → (5) "내 프로필이 여기저기 퍼지지 않아요"(방사형 아바타 비주얼, 매니저 매칭 권한으로만 공개, "타사 대비 95% 적은 프로필 노출") → (6) "만남이 성사될때까지 티켓은 무제한 돌려드려요!" → (7) 커플 후기 → (8) AI 인스타 프로필 분석 심리테스트(보라 배경 폰 목업 2개) → (9) 미디어 콘텐츠(영상 썸네일 가로 슬라이드) → (10) 채용 → (11) "첫번째 소개팅은 무료! 딱 맞는 우리, 커피 한잔 할래요?" 마지막 CTA → (12) 푸터(대표자·사업자번호·통신판매번호·결혼중개업 신고번호·개인정보관리책임자·손해배상 청구절차).
- 카피 톤·핵심 소구: 진지함+정돈된 신뢰. "연애에 진심인" 선별 소구, 매니저 케어, 프로필 보호(노출 최소화), 환불성 보장(만남 성사 시까지 티켓 반환). 인상적 문구: "결혼까지 생각하는 사람들을 위한 소개팅 서비스", "연애에 진심인 분들만 매칭을 받으실 수 있습니다", "내 프로필이 여기저기 퍼지지 않아요", "만남이 성사될때까지 티켓은 무제한 돌려드려요!", "딱 맞는 우리, 커피 한잔 할래요?".
- 신뢰 요소: 푸터에 결혼중개업 신고번호·통신판매번호·손해배상 청구절차 공개(공썸과 직접 관련: 유사 업종 규제 정보), JSON-LD Service + FAQPage 구조화 데이터, 후기 섹션, 미디어 보도·영상 섹션, 본인인증/직장·학력 인증을 실제 앱 UI 카드로 시각화. 수치 "95% 적은 프로필 노출"(본문 95%, JSON-LD FAQ 90%로 서로 다름 — 근거 불명).
- 전환 장치: 모바일 하단 고정 "앱 다운로드" 버튼(스크롤 내내 유지), 데스크톱 하단 플로팅 CTA 바, 마지막 "첫번째 소개팅은 무료!" 풀 CTA, 상단 모집 배너.
-
모션·인터랙션: 스크롤 프레임에서 섹션별 카드 UI(본인인증 카드→직장·학력 체크 카드)가 겹치며 순차 등장, 프로필 아바타 방사형 배치가 스크롤에 따라 모이는 연출, 미디어 영상 카드 가로 슬라이드. 사용 기술 확인: Next.js(
_next/static스크립트), Meta Pixel, Kakao JS SDK. page.json libs의 gsap/lottie 등은 문자열 오탐 가능성이 커서 '미확인'(framer-motion류일 것으로 추정되나 스크립트명으로는 확인 못 함). - 모바일 완성도·디자인: 크림(#FFFEF8 계열)+와인(#4F1B35 계열)+진초록 포인트의 커피 브랜드 톤, 세리프 로고, 큼직한 고딕 타이틀·넉넉한 여백. 모바일 CTA 고정으로 전환 동선이 매우 짧음. 가독성 좋음.
-
장점(공썸이 가져올 것):
- 하단 고정 "앱 다운로드" 버튼 + 마지막 풀 CTA — 모바일 전환 장치의 모범.
- "심사 통과 혜택 5가지"를 항목 리스트로 — 공썸의 "가입 승인·매니저 의사 확인·연락처 전달·모임 초청" 흐름을 단계별 혜택으로.
- 본인인증/직장·학력 인증을 실제 앱 카드 UI로 보여주는 방식(체크 카드가 겹쳐 등장) — 공썸의 휴대폰 본인인증·승인 장면에 적용.
- FAQPage/Service JSON-LD + h2 질문형 헤딩 — SEO/GEO 구조의 직접 참고안(공썸이 가져올 최우선).
- 푸터에 결혼중개업 신고·손해배상 절차까지 공개 — 신뢰·컴플라이언스(공썸도 해당 업종 규제 확인 후 공개 가능한 것만).
- "프로필이 퍼지지 않아요" 방사형 아바타 비주얼 — 공썸의 지인 차단·사진 5분 공개를 시각화.
- 단점/피할 것: "95% 적은 프로필 노출" 같은 비교 수치는 근거 표기 없이 쓰면 안 됨(본문 95%/FAQ 90% 불일치도 확인됨). 20~30대 직장인 톤이라 40~50대 여성에겐 서체·밀도 조정 필요. 상단 배너가 모바일 화면을 차지함.
- 미확인 사항: 후기 상세 내용·영상 슬라이더 개별 콘텐츠, 인스타그램 계정(coffeeting.kr) 공개 화면, 실제 모션 라이브러리.
블릿 / Bullit(공식 표기 bleet) (소개팅앱 — 블라인드 자회사, 인증·지인차단)
-
조사 URL: https://www.teambleet.com/ (최종 URL 동일, 200; 목록엔 URL 없음 → 앱스토어 리스팅의 개발자 웹사이트에서 확인. 운영사 (주)팀블렌드), 확인일 2026-10-05, 캡처 폴더
captures/bullit/ -
대표 이미지:
captures/bullit/mobile-first.png,captures/bullit/scroll-02.png,captures/bullit/scroll-05.png,captures/bullit/desktop-first.png/ 모션 영상:captures/bullit/mobile-scroll.webm - 첫 화면(히어로): h1 "이제는 진짜 연애를 시작할 때, 블릿"(마지막 '블릿'만 굵게+흰 밑줄 하이라이트), 서브카피 없음. 비주얼은 노란 풀배경 + 웃는 남녀 커플 사진을 원형 흰 배경에 컷아웃, 점(dot) 패턴 장식. 주 CTA는 App Store / Google Play 공식 배지가 헤드라인 바로 아래(스크롤 없이 보임). 데스크톱은 체크 3줄(국내 1위 직장인 커뮤니티 블라인드가 직접 개발 / 휴대전화 번호 인증과 회사·직업 인증을 통한 철저한 신원 확인 / 친구부터 회사 동료까지 강력한 지인 차단)이 추가로 보임.
- 섹션 순서: (1) 히어로 → (2) 블라인드가 만들었어요(1000만 가입자, 금요일 셀소/미팅 글에서 착안) → (3) 인증 정보로 검증된 사람들을 만나세요(휴대폰 인증 + 대부분 회사/직업 인증, 파란 배지) → (4) 지인 차단으로 친구부터 회사 동료까지 차단하세요(이메일 인증/블라인드 앱 인증 UI) → (5) 테마 추천(20개 이상) → (6) 라운지에서 익명 대화 → (7) 블릿 리얼 후기 → (8) 라운지 미리보기(노란 배경 + 두꺼운 테두리 카드, 돌싱·셀소 등 글) → (9) "블릿 시작하기!" 마지막 스토어 CTA → (10) 푸터(약관·청소년보호정책·사업자 정보·고객센터).
- 카피 톤·핵심 소구: 모기업 신뢰 전이("블라인드가 만들었어요"), 친근한 구어체(~에요), 질문형 불안 해소. 인상적 문구: "이제는 진짜 연애를 시작할 때, 블릿", "앱이라고 아무나 만날 순 없잖아요?", "앱에서 회사 사람을 만날까 봐 걱정되시나요?", "현 회사, 전 회사, 전 애인 회사까지 완벽하게 차단!", "블라인드 유저들이 남긴 100% 리얼 후기입니다."
- 신뢰 요소: 모기업 수치(국내 1위 직장인 커뮤니티, 전 세계 1000만 명 이상), 파란색 인증 배지 안내, 사업자 정보·청소년보호정책 푸터. 후기는 블라인드 유저 후기 섹션. 언론·수상은 없음. JSON-LD 없음.
- 전환 장치: 히어로 스토어 배지 2개, 페이지 끝 "블릿 시작하기!"+스토어 배지(2회), 헤더 blog 링크. 고정 하단 버튼·이벤트·폼 없음.
-
모션·인터랙션: 스크롤 프레임에서 각 섹션 앱 목업이 이동·등장하는 정도(큰 연출 없음), 라운지 카드에 두꺼운 그림자 테두리(네오브루탈 스타일), 점 패턴 장식. 사용 라이브러리 확인: Swiper(
swiper-bundle.min.js), 사이트 자체bleet.min.js,text-banner.js. page.json의 "next"는 오탐 가능('확인' 아님). 영상·패럴랙스는 확인 못 함. - 모바일 완성도·디자인: 브랜드 옐로(#FFE100 계열)+블랙+흰색 3색의 강한 정체성, 헤딩 굵은 고딕 + 노란 짧은 구분선 반복, 앱 목업 크게. 가독성 매우 좋고 한 섹션 한 메시지. 정보 밀도 낮아 40~50대에게도 읽기 쉬움.
-
장점(공썸이 가져올 것):
- "걱정되시나요?" 질문형 소제목 → 해결 한 문장 구조(지인 차단 섹션) — 공썸 "지인·학교·직장 차단"에 그대로 적용.
- 모기업 신뢰 전이 섹션을 첫 번째에 배치("블라인드가 만들었어요") — 공썸은 '운영팀이 직접 승인·매니저 연락 확인' 같은 운영 주체 소개로 대체.
- 라운지 미리보기처럼 '실제 서비스 화면 카드'로 서비스 분위기를 보여주는 섹션 — 공썸은 골프 모임 초청 카드·모임 후기 카드로.
- 브랜드 단일 컬러+컷아웃 인물 사진의 심플 히어로, 헤드라인 직하 스토어 배지(전환 동선 최단).
- 제목 아래 짧은 컬러 구분선 반복 — 모바일 가독성·리듬.
- 단점/피할 것: 후기 섹션이 이미지로만 보이는지 텍스트인지 불명, 수치·구조화 데이터(JSON-LD/FAQ) 없음 → AI 검색 근거 약함. 직장인(20~30대) 중심 톤. 서브카피가 약해 첫 화면만 보면 서비스 차별점이 데스크톱에서만 보임.
- 미확인 사항: 후기 섹션의 실제 텍스트, 블릿 블로그, 별도 이벤트 랜딩 유무. 목록의 "Bullit" 외에 teambleet 외 도메인(bleet.app 등)은 200 응답이 있었으나 본 조사에서 캡처하지 않음.
파인아워 / FineHour (소개팅앱 — 스케줄 기반 1시간 소개팅, 럽센트는 별칭)
- 조사 URL: 웹 랜딩 확인 불가 / 스토어 리스팅도 현재 열리지 않음. 확인일 2026-10-05, 캡처 폴더 없음(실패 캡처는 삭제함)
- 대표 이미지: 없음(캡처 불가) / 모션 영상: 없음
-
시도한 것: (1) WebSearch "파인아워 소개팅 앱 finehour" 외 4회 — 공식 도메인 미발견, 카카오톡채널
https://pf.kakao.com/_xgxarun(채널명 파인아워, og 메타 비어 있어 내용 확인 불가)과 안드로이드 패키지com.abouttime.abouttime(개발사 FineHour Inc., v1.6.3, 17+)만 확인. (2) 도메인 추측 접속 finehour.kr / .co.kr / .app / .me / www.finehour.kr — 모두 연결 실패(응답 없음). (3) 구글 플레이 리스팅play.google.com/store/apps/details?id=com.abouttime.abouttime(hl=ko, hl=en_US&gl=KR) — 둘 다 HTTP 404(앱이 내려갔거나 비공개로 추정). (4) 애플 앱스토어 iTunes 검색(kr) — 결과 없음. (5) apkpure/chrome-stats(403 차단)/크몽 포트폴리오(404) — 설명 전문 확보 실패(apkpure는 앱 설명 없음). 반복해서 두드리지 않음. - 검색 결과 요약(2차 출처, 직접 본 것 아님): 앱명 "파인아워 - 스케줄 기반 1시간 소개팅", "연애정보회사가 만든 새로운 만남 2.0", "원하는 시간에 원하는 사람과의 특별한 1시간". 기능: 원하는 시간·장소를 정하면 자동 매칭(일정 조율 불필요), 1시간 부담 없는 만남, 장소 추천("성공률 99%"라는 표현은 2차 출처에서만 확인), 앱 내 화면 캡처 방지·이미지 워터마크 프로필 보호·지인 차단. 이 설명은 공썸의 "사진 5분 공개·캡처 차단·지인 차단"과 접근이 유사.
- 첫 화면/섹션/카피/신뢰/전환/모션/디자인: 직접 확인 못 함(지어내지 않음).
- 장점(공썸이 가져올 것): 직접 본 랜딩이 없어 확정 불가. 개념 참고만 — "1시간"처럼 만남 부담을 시간으로 낮추는 문구, 캡처 방지·워터마크 보호를 기능 카드로 노출하는 방식(2차 출처 기준).
- 단점/피할 것: 서비스가 현재 접근 불가한 것으로 보여 레퍼런스 가치가 낮음.
- 미확인 사항: 공식 웹사이트 존재 여부, 서비스 종료 여부, 카카오 채널 내용, 인스타그램/블로그 등 마케팅 채널.
그룹 종합: 공썸 랜딩에 가져올 장점 TOP 7
- 고정 하단 "앱 다운로드" 버튼 + 마지막 풀 CTA(커피팅): 모바일 전환 동선 최단. 공썸은 "가입 신청" 고정 버튼으로.
- FAQPage/Service JSON-LD + 질문형 h2 헤딩(커피팅 확인, 스카이피플·블릿은 시맨틱 헤딩만 있고 JSON-LD는 없음, 딥스·블데는 헤딩 자체가 없어 반면교사): AI 검색 대응의 직접 참고안.
- 안심 요소를 "걱정되시나요?" 질문 → 해결 한 문장 → 실제 앱 화면/카드 UI 목업으로 반복(블릿 지인 차단, 커피팅 본인인증 카드, 블데 불량 회원 게시판): 공썸의 본인인증·운영팀 승인·지인/학교/직장 차단·사진 5분 공개와 캡처 차단을 같은 문법으로.
- "왜 믿을 수 있나" 근거 카드 분해(스카이피플 인증 방식/기간·건수/24시간 모니터링 카드, 딥스 "Why 딥스?~이니까!"): 근거는 구체적 절차로, 수치는 공썸이 실제로 증명 가능한 것만.
- 운영 주체·책임 선언과 규제 정보 공개(블데 "알바 신고 시 법적 책임", 커피팅 결혼중개업 신고번호·손해배상 절차 푸터, 스카이피플 수상·언론): 공썸도 사업자·고객센터·개인정보 정책·가능한 신고 정보를 푸터에 명시.
- 히어로 구조: 큰 한 문장 헤드라인 + 체크 3줄 서브카피 + 헤드라인 바로 아래 CTA(블데·블릿 데스크톱·스카이피플): 첫 화면에서 차별점 3개와 행동이 모두 보이게. 공썸은 "골프 좋아하는 싱글" 한 줄 + 3개 차별점.
- 한 섹션 한 메시지, 단일 브랜드 컬러 + 짧은 컬러 구분선/형광펜 하이라이트(블릿 옐로, 딥스 민트 하이라이트, 커피팅 와인/크림): 40~50대 가독성에 유리. 반면 피할 것: 근거 없는 "1위/95%" 수치(스카이피플 Play 기준 1위, 커피팅 95%/90% 불일치), 금전 보상·스펙 소구, 이미지 안에 박힌 텍스트(AI 검색 비친화), 헤딩 없는 아임웹 구조.
(조사 한계: 파인아워는 웹 랜딩·스토어 리스팅 모두 확인 불가. 커피팅 인스타그램은 확인하지 않고 공식 웹으로 대체. 모션 라이브러리는 대부분 스크립트명으로만 확인했고 page.json libs의 gsap/lottie/three 등은 오탐 가능성이 커서 '확인'으로 쓰지 않음.)
그룹 6
g6 랜딩 조사 (여보야 · 너랑나랑 · 심쿵 · 눈데이트 · 이음 · 플러팅)
확인일 2026-10-05. 담당: g6. (회사별 분석을 끝낼 때마다 이 파일에 덧붙임)
여보야 (소개팅앱 — 결혼·재혼 중매, 중장년 비중 높음)
- 조사 URL: https://www.yeoboya.com (PC는 마케팅 랜딩 노출 / 모바일 UA는 https://member.yeoboya.com/login/simple 로 자동 리다이렉트 = 로그인 게이트). 앱스토어 리스팅 보조 확인. 캡처 폴더 captures/yeoboya/
- 대표 이미지: captures/yeoboya/desktop-first.png, captures/yeoboya/desktop-full.png, captures/yeoboya/mobile-first.png / 모션 영상: captures/yeoboya/mobile-scroll.webm (모바일은 로그인 캐러셀 4장 + 소셜 로그인 버튼뿐이라 영상 가치 낮음)
- 첫 화면(히어로, PC): H "결혼이든 재혼이든 아무런 상관없습니다" / 서브 "누구라도 쉽게 가입, 등록하신 후 천생연분을 찾으실 수 있습니다". 비주얼=웨딩 의상 남녀 모델 사진 + 하늘색 파스텔 배경(3슬라이드 캐러셀 1/3, 화살표). CTA "앱 설치하기"(외곽선 버튼, 좌측), 상단 우측 "로그인/회원가입", 상단 배지 "성혼지원 프로젝트". 히어로 바로 아래 "최근 가입자 1086명 + 지역별(경기 250·서울 203·부산 86·인천 65·대구 54)" 카운터 띠.
- 모바일 첫 화면(로그인 게이트): "Thanks 여보야 / 여보야에서 성혼이 되어 남긴 수만건의 솔직한 리뷰"(캐러셀 4장: 성혼지원 프로젝트 "성혼환불제·결혼지원금·출산축하금", "결혼하고 싶다면 여보야" 등), 말풍선 "평생인연 만났어요!" "여보야 추천해요", 아래 카카오/네이버/이메일/페이스북 "~로 시작하기" 4버튼, 하단 사업자정보(주식회사 플리온, 통신판매신고번호).
- 섹션 순서(PC): 헤더(맞선/브랜드 스토리/이벤트) → 히어로 → 최근 가입자 지역 카운터 → NEW 프로필(실제 회원 카드: 닉네임·한줄소개·성별/나이/지역) + Thanks 여보야(후기 "30,145번째 후기" 카드) 2단 → AI 결혼지수·YMTI 결혼유형 검사 배너 2개 → AI 이상형 찾기 / 성혼 응원(결혼지원금) 2단 → "성혼이 되어 남긴 2만건 이상의 솔직한 리뷰!" 핑크 배너 → 여보야 TV(영상 영역, 캡처 시 빈 회색 박스) → 이벤트 캐러셀(결혼지원금 100만원/출산축하금 100만원/성혼환불제 100% 환불) → 푸터(사업자정보, SNS 아이콘).
- 카피 톤·핵심 소구: 결혼 지향·진정성·"성혼 보상"(성사 시 돈 돌려줌). 인상 문구: "결혼이든 재혼이든 아무런 상관없습니다" / "성혼환불제·결혼지원금·출산축하금" / "30,145번째 후기" / "AI 결혼지수" / "평생인연 만났어요!".
- 신뢰 요소: 후기 누적 번호(30,000건 넘는 후기 카운트), 앱스토어 설명에 "대법원·정부24·국세청·국민건강보험공단 등 공공기관 API로 프로필 인증"(WebFetch로 스토어 설명 확인), 지인차단, 사업자·통신판매업 신고번호 노출, 고객센터 1522-3379 전화번호 표기, 성혼 시 이용료 100% 환불·결혼 100만원·출산 100만원 지원(스토어 설명).
- 전환 장치: 히어로 "앱 설치하기", 상단 회원가입, 이벤트 3종(혜택으로 전환 유도), 모바일은 첫 화면이 곧 소셜 로그인 4버튼(가입 마찰 최소). 고정 하단 버튼은 확인 못함.
- 모션·인터랙션: 히어로 3슬라이드 캐러셀, 지역 카운터 가로 슬라이더, NEW 프로필·후기 카드 슬라이더(1/2 페이지), 이벤트 슬라이더. scripts/html 매칭으로 lottie·swiper 추정(확인 아님), CSS keyframes 20개. 스크롤 등장 애니메이션은 확인 못함(PC 정적 캡처).
- 디자인: 파스텔 블루·라벤더 + 진한 로열블루 CTA, 둥근 카드, 노토산스 계열 고딕, 모바일 로그인 화면 큰 필 버튼(가독성 높음). PC는 정보 밀도가 높아 포털/쇼핑몰 느낌.
-
장점(공썸이 가져올 것):
- "최근 가입자 N명 + 지역별 숫자" 카운터 띠 — 지금 살아있는 서비스라는 사회적 증거를 히어로 바로 아래 배치.
- 후기에 "30,145번째 후기"처럼 누적 번호를 붙여 규모를 한 줄로 증명.
- 성혼 보상(환불제·지원금)을 이벤트 카드로 분리해 혜택=신뢰로 연결.
- 모바일 첫 화면에서 카카오/네이버 등 소셜 시작 버튼을 큼직하게 — 중장년이 헤매지 않는 가입 동선.
- NEW 프로필 카드(실제 회원 소개 일부 노출)로 "어떤 사람이 있는지" 미리보기.
- 단점/피할 것: PC 랜딩이 배너·카드가 빽빽한 포털형이라 한 메시지가 안 남음. 여보야TV 영역이 비어 보임. 앱스토어 평점 2.5(15건, 승인 지연·인앱결제 불만)이라 신뢰 근거 약함. 모바일 웹에는 소개 랜딩이 없고 로그인 게이트뿐 → AI 검색 유입 대응 약함.
- 미확인: 모바일 UA에서 소개 콘텐츠 페이지 존재 여부(리다이렉트로 못 봄), 스크롤 등장 애니메이션, 하단 고정 CTA, 여보야TV 영상 내용.
너랑나랑 (소개팅앱 — 매일 16명 이상형 월드컵)
- 조사 URL: 목록의 http://coouplering.net 은 DNS 해석 실패(ERR_NAME_NOT_RESOLVED, nslookup은 통신사 오류안내 IP 반환) → 사실상 폐쇄/무효 도메인. 개발사 메일 도메인 youidate.com 도 해석 실패. 웹 랜딩 없음으로 기록하고 App Store 리스팅 https://apps.apple.com/kr/app/id551321773 (개발자 유유홀딩스)을 Pixel 7 에뮬레이션으로 캡처(iPhone UA는 itms 리다이렉트로 ERR_ABORTED라 불가). 캡처 폴더 captures/coouplering-appstore/ (mobile-first.png, mobile-full.png, page.json)
- 대표 이미지: captures/coouplering-appstore/mobile-first.png, captures/coouplering-appstore/mobile-full.png / 모션 영상 없음(정적 스토어 페이지)
- 첫 화면(스토어 히어로): 제목 "너랑나랑 - 소개팅 친구찾기, 동네친구와 채팅, 만남", 부제 "250만 회원! 이상형 찾기", 평점 4.0(2.7천개), 19+. 스크린샷 1번 "새로워진 너랑나랑 오픈", 2번 "이상형 월드컵 — 매일매일 새로운 16명의 이성을 소개해드려요", 3번 "어떤 사람이 ...매일 매력적인 프로필을 추천". 붉은 그라데이션 배경 + 기울어진 폰 목업 + 굵은 흰 헤드라인.
- 섹션 순서(스토어 설명): 신기능 공지(오늘의 매칭 화면 변경) → "너랑나랑 총 4단계 토너먼트식 이상형 월드컵! 하루 16명" 핵심 4줄 → "너랑나랑이란?" → "어떻게 진행되나요?" 1단계/2·3단계/최종단계 설명 → "너랑나랑만의 장점은?" 5줄 → New 기능(내 주변 이성, 실시간 접속, 매력평가, 셀프소개팅) → 신뢰 문구 → 청소년 보호·권한 안내 → 연락처.
- 카피 톤·핵심 소구: 게임화된 재미("이상형 월드컵")·무과금 신뢰·건전함. 원문: "'2명 중 1명을 선택'하는 토너먼트 방식" / "매칭 성공 후 결제 없이 채팅" / "상대방이 누구를 선택할지 기대하는 설렘" / "유령회원 NO! 활동하지 않는 회원 휴면처리" / "건전하게 운영되는 앱으로 TV 시사 프로그램 'PD 수첩'에 소개".
- 신뢰 요소: "250만 회원" 수치, 언론(PD수첩 소개) 언급, 휴면 회원 정리, 청소년보호·불법행위 신고 채널(메일·1661-7957·경찰/여성긴급전화), 리뷰 "과금유도 없고 정직한 어플임" (일부 "알바생 있음" 부정 리뷰도 있고 개발사가 답변).
- 전환 장치: 스토어 '받기' 버튼이 유일 CTA. 설명 안에서 "지금 바로 시작해보세요!!" 1회.
- 모션·인터랙션: 해당 없음(스토어 정적 페이지). 웹 자체 모션 확인 불가.
- 디자인: 코랄-마젠타 그라데이션, 굵은 고딕 대형 타이포, 캡션 한 줄 + 폰 목업 3컷의 전형적 스토어 스크린샷 구성. 설명은 ▶ 기호 위주 긴 텍스트라 가독성 낮음.
-
장점(공썸이 가져올 것):
- "어떻게 진행되나요?" 1단계→2·3단계→최종단계로 흐름을 번호 단계로 풀어쓰는 방식 — 공썸의 가입→승인→매니저 연결 과정 설명에 적용.
- "장점은?" 5줄 요약 불릿("~할 수 있습니다/~하는 재미가 있습니다")처럼 짧은 혜택 나열.
- "유령회원 NO! 휴면 처리"처럼 약점(가짜/비활성)을 정면으로 짚는 신뢰 문구.
- "결제 없이 채팅" 같은 과금 불안 해소 문구를 앞쪽에 배치.
- 단일 비유("이상형 월드컵")로 서비스 방식을 한 단어에 기억시키기 — 공썸도 "골프 모임 매칭"을 한 비유로.
- 단점/피할 것: 설명이 길고 법적 고지 위주라 감정 소구가 약함. 도메인이 사라져 웹 유입 자산 없음(검색/AI 인용 대상 부재). 리뷰에 알바·비활성 불만이 노출됨.
- 미확인: 공식 웹사이트 존재 여부(coouplering.net·youidate.com 모두 접속 불가), 구글 플레이 리스팅, 스토어 스크린샷 4번째 이후.
심쿵 (소개팅앱 — 동네친구형, 운영 (주)콜론디)
- 조사 URL: https://simkoong.co.kr (www 포함 200 확인; simkoong.com·coolondi.com은 접속 불가). 캡처 폴더 captures/simkoong/ (스크롤 프레임 3장, 모바일 높이 2068px)
- 대표 이미지: captures/simkoong/mobile-first.png, captures/simkoong/scroll-01.png, captures/simkoong/desktop-first.png / 모션 영상: captures/simkoong/mobile-scroll.webm (정적 단일 화면이라 모션 거의 없음)
- 첫 화면(히어로): 헤드라인 "심쿵 소개팅"(둥근 굵은 흰 글씨 이미지)만 있고 서브카피 없음. 비주얼=노을 부두 위 커플 실루엣 + 하트 사진(전면 배경, 어둡게 오버레이). 우상단 빨간 "심쿵" 로고. CTA=하단에 Google Play / App Store 검정 배지 2개. 스크롤 없이 이게 전부.
- 섹션 순서: 풀스크린 히어로 하나 → 사업자 정보 푸터(대표, 사업자등록번호, 통신판매신고번호, 고객센터 070-4735-1141 10~19시, 주소, 호스팅 AWS, 전자금융분쟁처리). 사실상 원페이지 1섹션.
- 카피 톤·핵심 소구: 감성 이미지 한 장. 카피는 "심쿵 소개팅" 단 한 줄(스토어 리스팅 쪽은 "동네 친구 사귀고 싶을 때", 검색 요약상 "취향 분석으로 매일 새로운 친구 소개", "가입 후 24시간 내 프로필 심사", "지인 만나지 않기" 정도 — 웹 페이지 자체엔 없음).
- 신뢰 요소: 사업자정보 푸터(대표·사업자번호·통신판매번호·호스팅 사업자)만. 수치·후기·언론 없음. (스토어 쪽에 "500만 선택" 등 수치는 있으나 웹엔 미노출.)
- 전환 장치: 스토어 배지 2개(히어로 하단, 첫 화면 안에 보임)가 전부. 폼 없음.
- 모션·인터랙션: 없음 확인(jQuery 3.1 + Bootstrap 구버전 "stylish-portfolio" 템플릿, CSS keyframes 2개). 텍스트가 전부 이미지라 DOM 텍스트 비어 있음(h1~h3 없음).
- 디자인: 어두운 노을 톤 사진 + 흰 둥근 고딕 + 빨강 포인트 로고. 모바일에서 읽기 쉬우나 정보량 0. PC에서는 모바일 폭 이미지가 가운데 세로로 놓이고 양옆이 검은 여백.
-
장점(공썸이 가져올 것):
- 스토어 배지를 첫 화면 안에 두는 단순한 CTA 위치(스크롤 없이 설치 가능) — 공썸도 첫 화면 안에 가입 버튼 필수.
- 푸터에 사업자등록번호·통신판매신고번호·호스팅·전자금융분쟁처리까지 상세 표기 — 운영사 실체 신뢰.
- 한 장의 감성 비주얼 + 짧은 한 줄 헤드라인 = 첫인상 임팩트(공썸은 여기에 설명 섹션을 더해야 함).
- 단점/피할 것: 본문이 전부 이미지라 검색·AI가 읽을 텍스트가 0(SEO/GEO 관점 최악의 반면교사). 서비스 설명·후기·수치가 전혀 없어 "무엇을 하는 앱인지" 알 수 없음. 구식 템플릿.
- 미확인: 스토어 리스팅 스크린샷의 개별 문구(WebSearch 요약만 확인), 구글 플레이 리스팅 상세.
눈데이트 = Noondate / 정오의데이트 (소개팅앱 — 매일 두 장 카드, 운영 (주)모젯)
- 식별 주의: 목록의 "눈데이트"는 광고 보고서에서 영문 noondate로 표기됨. 공식 웹(noondate.com)·스토어 모두 "정오의데이트"(Noondate)이며 이 사이트를 조사함. 같은 보고서에 적힌 "글래머/슬래머 취향대로" 광고는 별개 계열(glammer)로 보이나 해당 웹은 못 찾음(www.glammer.co.kr 접속 불가) → 그 부분은 미확인.
- 조사 URL: https://noondate.com → 모바일 UA는 https://mobile.noondate.com/ (Wix 제작 모바일 랜딩) , PC는 /v2/account/intro 계열 로그인형 소개 페이지. 구글 플레이 리스팅도 별도 캡처(이전 조사분 captures/noondate/, 확인일 2026-10-05). 캡처 폴더 captures/noondate-web/ (모바일 높이 5066px, 스크롤 6프레임)
- 대표 이미지: captures/noondate-web/mobile-first.png, captures/noondate-web/scroll-02.png, captures/noondate-web/scroll-04.png, captures/noondate-web/desktop-first.png / 모션 영상: captures/noondate-web/mobile-scroll.webm
- 첫 화면(히어로): 모바일 — 전면 영상형 비주얼(웃는 남성 클로즈업, 따뜻한 갈색 톤) 위 헤드라인 "연애를 시작하는 스마트한 방법"(흰 굵은 글씨, 하단 좌측), 바로 아래 하늘색 풀폭 CTA "앱 다운로드", 상단 로고 + 우상단 작은 "앱 다운로드" 필 버튼. PC — "530만 솔로들과 데이트하세요" + 로고, 앱스토어/구글플레이/원스토어 3배지, 로그인 버튼 + "회원가입은 모바일 앱에서만 가능합니다", 우측 커플 사진 프레임, "정오의데이트 매칭 수 어제 22,574 / 누적 72,432,146" 라이브 카운터.
- 섹션 순서(모바일): 히어로 → 수치 3종(플레이스토어 평점 4.5점 · 하루 매칭수 24,442 · 누적 가입수 580만+, 각각 "기준일" 표기) → 지인차단 "혹시 아는 사람이 나를 볼까 봐 걱정되시나요?" → 같이할래요(동네·취미 친구) → 셀프소개팅(일상·취향 공유) → 내 주변 이성(동네친구) → 보이스챗(블라인드 모드) → 이상형 조건 검색 → 사업자정보 푸터(주식회사 모젯). 각 기능 섹션=큰 헤드라인+2줄 설명+겹친 폰 목업 3장+"*이해를 돕기위한 광고모델 예시 화면입니다". PC는 "이제, 소개팅을 받는 방법이 달라집니다 → 1 오늘의 카드(두 장 중 한 명 선택)" 단계 구성.
- 카피 톤·핵심 소구: 스마트·가벼운 시작·안심. 원문: "연애를 시작하는 스마트한 방법" / "530만 솔로들과 데이트하세요" / "이제, 소개팅을 받는 방법이 달라집니다" / "혹시 아는 사람이 나를 볼까 봐 걱정되시나요? 완벽한 지인차단 기능으로 아는 사람과 절대 마주치지 않으니 안심하고 사용하세요" / "목소리로 먼저 상대방을 알아볼까요?"
- 신뢰 요소: 평점·일일 매칭·누적 가입 3수치에 기준일(25.2.19 / 25.8.4 / 26.2.10)을 병기, PC는 실시간 매칭 카운터(어제/누적), 지인차단을 첫 기능으로 전면 배치, 예시 화면에 "광고모델 예시" 면책 문구, 사업자번호·주소 푸터. 언론·수상 표기는 확인 못함.
- 전환 장치: 모바일 헤더 우상단 "앱 다운로드" 고정(스크롤해도 따라옴 — scroll 프레임 전부에서 상단 고정 확인) + 히어로 풀폭 버튼. PC는 3스토어 배지 + 로그인. 회원가입은 앱에서만 가능하다고 명시. 웹 폼 없음.
- 모션·인터랙션: 히어로가 영상(배경 영상 추정 — 프레임 정지샷만으론 재생 여부 단정 불가), 스크롤 시 섹션 헤드라인/목업 등장 애니메이션 추정(scroll 프레임에서 헤드라인이 위쪽에서 잘려 들어온 상태 확인). 제작툴은 Wix(thunderbolt 번들로 확인), 스크립트에 Sentry·react 18 확인. lottie/swiper/rive는 문자열 매칭 오탐 가능으로 '미확인'.
- 디자인: 스카이블루 단일 포인트 + 흰/연하늘 배경, 굵은 고딕 대형 헤드라인, 모바일 가독성 양호. 목업 일러스트는 클린. 포토는 따뜻한 톤 영상.
-
장점(공썸이 가져올 것):
- 수치 3종 한 줄 배열에 "기준일"까지 적는 방식(예: "26년 2월 10일 기준") — 과장 의심을 줄이는 투명한 사회적 증거.
- 지인차단을 첫 번째 기능 섹션에 "혹시 아는 사람이 나를 볼까 봐 걱정되시나요?" 질문형 카피로 배치 — 공썸 차단 기능(지인·학교·직장)의 핵심 소구와 정확히 일치.
- 헤더 우상단 고정 "앱 다운로드" 필 버튼 + 히어로 풀폭 CTA의 이중 구조(모바일 스크롤 내내 전환점 유지).
- 기능별 섹션 = 큰 헤드라인 + 2줄 + 폰 목업 3장의 반복 포맷으로 스캔하기 쉬운 리듬.
- PC 히어로 아래 "어제 매칭 수 / 누적" 라이브 숫자.
- 단점/피할 것: 기능 나열 위주라 감정 소구·타깃 정체성이 약함(누구를 위한 앱인지 불명). 웹 가입 불가("앱에서만")로 웹 유입의 전환 경로가 끊김. 목업 속 인물 사진에 "광고모델 예시" 면책이 붙어 있음.
- 미확인: 히어로 영상 실제 재생 여부, 스크롤 등장 애니메이션 종류, 후기·언론 섹션 유무(모바일 전체 스크롤상 없어 보임), glammer 계열 웹.
이음 (소개팅앱 — 목록상 "직장인 전용 재직 인증"이나, 확인된 실제 리스팅은 4050 중년 만남·모임)
- 식별 주의: 광고 보고서의 설명("직장인 전용, 재직 인증")과 일치하는 웹/리스팅은 못 찾음. 시도: WebSearch 3회(과거 앱 "이음"은 서비스 종료·iumsin.net 접속 불가, "이음소시어스"는 결혼정보회사로 별개), iumsin.net·iumsocius.com·ieum.kr 접속 불가, App Store 검색 API 무결과, Google Play 검색에서 "이음 - 중년만남, 결혼, 재혼, 데이트, 모임"(개발자 큐이, com.ieum.ieum) 발견 → 이를 조사함. 웹 랜딩 없음(스토어 리스팅만). 동일 앱인지는 미확정.
- 조사 URL: https://play.google.com/store/apps/details?id=com.ieum.ieum&hl=ko (업데이트 2026-10-02, 다운로드 10+). 캡처 폴더 captures/ieum-play/
- 대표 이미지: captures/ieum-play/mobile-first.png, captures/ieum-play/scroll-02.png, captures/ieum-play/mobile-full.png / 모션 영상 없음(정적 스토어 페이지; captures/ieum-play/mobile-scroll.webm은 스크롤 녹화)
- 첫 화면(스토어 히어로): 제목 "이음 - 중년만남, 결혼, 재혼, 데이트, 모임". 스크린샷 문구: "마음을 잇다 인연을 잇다"(커플 사진), "당신의 소울메이트를 만나보세요 — 평생을 함께 하고싶은 인연을 만날 준비가 되셨나요?", "대화를 시작해보세요". 핑크-코랄 그라데이션 + 폰 목업. CTA=Play 설치 버튼.
- 섹션 순서(설명): "중년을 위한 새로운 만남, 이음" 정의 → ♥ 나와 잘 맞는 인연 → 💬 취향이 통하는 대화 → 👥 함께하는 모임 → 🌿 다시 시작하는 설렘 → (새 기능) 오늘의 소개 / 발견 / 이음 이벤트 / 안전한 시작.
- 카피 톤·핵심 소구: 진정성·4050 중년·다시 시작하는 설렘. 원문: "진정성 있는 인연을 찾고 계신가요?" / "이음은 중년의 다양한 만남과 새로운 시작을 응원합니다" / "서로 마음이 통하면 대화가 시작됩니다" / "운영진이 인원과 성비를 맞춘 오프라인 모임에 참여해 보세요. 소개팅만으로는 설레는 만남, 이음 이벤트에서 자연스럽게 이어집니다" / "인연을 잇다, 마음을 잇다."
- 신뢰 요소: "휴대폰 본인 인증으로 시작하고, 프로필 사진 인증으로 신뢰를 더해요. 위치는 시·군·구 단위만 공개, 신고·차단", 사업자·통신판매업 신고번호 노출. 수치·후기·언론 없음(신규 앱, 다운로드 10+).
- 전환 장치: Play 설치 버튼, "꽃다발" 같은 호감 표현 장치 소개. 이벤트 유도 문구 없음.
- 모션·인터랙션: 해당 없음(스토어 정적).
- 디자인: 코랄-핑크 파스텔 + 둥근 카드, 이모지 소제목 구조, 모바일 가독성 좋음. 서체는 스토어 기본.
-
장점(공썸이 가져올 것):
- "운영진이 인원과 성비를 맞춘 오프라인 모임" 문구 — 공썸 2:2·3:3 혼성 모임 소구와 직결, 성비 균형을 신뢰 요소로 한 줄 표현.
- "소개팅만으로는 설레는 만남, 이벤트에서 자연스럽게 이어집니다" — 1:1 소개와 모임을 연결하는 서술 구조.
- 소제목을 "■ 오늘의 소개 / 발견 / 이벤트 / 안전한 시작" 네 단어로 짧게 쪼개 4050이 읽기 쉬운 구조.
- 위치를 "시·군·구 단위만 공개"처럼 구체적 프라이버시 수준을 명시.
- "인연을 잇다, 마음을 잇다" 같은 이름 풀이 슬로건.
- 단점/피할 것: 실사용 근거(후기·수치·언론)가 전혀 없어 신뢰가 문구에만 의존. 이모지 헤더 과다. 웹 랜딩 부재.
- 미확인: 보고서가 말한 "직장인 재직 인증" 앱과 동일 여부, 웹사이트 존재, 스크린샷 4번째 이후 문구.
플러팅 (보고서 표기 "플러팅(자산명 pulling)" — 중장년 커플 이미지 광고 1건 집행)
- 식별 주의: 광고 보고서 원문은 "다시 시작하는데 늦은 나이는 없습니다"(필기체 로고 "플러팅")이며 광고 라이브러리 확인 시 규모가 작다고만 기록되고 랜딩 URL 기록은 없음. 시도: WebSearch 5회(풀링/pulling/중장년 키워드 → 중장년 전용 플러팅 앱 미발견), App Store·iTunes 검색(캠퍼스팅 팀의 "플러팅 AI 추천 2030"=2030 대상이라 불일치, 그 앱은 현재 "직팅"으로 표기), flirting.kr(고대디 매물 페이지로 무관), Google Play 검색 "플러팅 중장년 소개팅" → "플러팅 - 소개팅, 싱글, 돌싱, 채팅, 동네친구 찾기"(GTMedia, com.hrkim0101.flirting.android, 다운로드 5천+)가 유일하게 이름·돌싱 소구가 맞는 후보. 광고주와 동일한지는 미확정이라 "후보"로 분석하며, 웹 랜딩은 없음(개발자 웹은 figma.site 임시 주소).
- 조사 URL: https://play.google.com/store/apps/details?id=com.hrkim0101.flirting.android&hl=ko (업데이트 2026-09-22) + App Store https://apps.apple.com/kr/app/id6743381748 (평점 3.8, 6개). 캡처 폴더 captures/flirting-play/ (App Store 캡처는 별도 저장 안 함 — 텍스트만 확인; captures/flirting-gtmedia-appstore/ 폴더가 있으면 그 임시 캡처임)
- 대표 이미지: captures/flirting-play/mobile-first.png, captures/flirting-play/scroll-01.png, captures/flirting-play/mobile-full.png / 모션 영상 없음(captures/flirting-play/mobile-scroll.webm은 스토어 스크롤 녹화)
- 첫 화면(스토어 히어로): 제목 "플러팅 - 소개팅, 싱글, 돌싱, 채팅, 동네친구 찾기". 스크린샷 1번 "라이크, 매치 그리고 플러팅!"(젊은 커플 사진 — 광고의 중장년 이미지와 불일치), 2번 "안전한 만남 — PASS 인증", 3번 "하이퍼 로컬 서비스". 검정+핫핑크 하트 아이콘.
- 섹션 순서(설명): "하이퍼로컬 데이팅 앱" 정의 → 동네 기반 매칭 → 깔끔한 프로필&인증 → 취향 기반 추천 → 심플한 인터페이스("좋아요–매칭–대화"). App Store판은 "아직 만나지 못했을 뿐, 당신과 잘 맞는 사람은 분명 있습니다" 감성 도입 + "왜 플러팅일까요?" 5불릿 + "이런 분들에게 추천합니다" 5불릿.
- 카피 톤·핵심 소구: 가벼운 호감~진지한 연애, 관심사·취향 기반, 위로형. 원문: "아직 만나지 못했을 뿐, 당신과 잘 맞는 사람은 분명 있습니다." / "사진 한 장으로 판단하는 만남보다 공통의 관심사로 시작되는 자연스러운 인연" / "오늘의 가벼운 대화가 내일의 특별한 인연이 될 수 있습니다." / "좋아요 받고, 매칭되고, 현금까지(좋아요 1,000원·매칭 3,000원)". 광고 원문: "다시 시작하는데 늦은 나이는 없습니다".
- 신뢰 요소: PASS 본인인증, 가입 심사·프로필 인증, 차단·모니터링 안내. 후기·수치·언론은 약함(평점 3.8/6개).
- 전환 장치: 스토어 설치 버튼, 현금 이벤트 문구.
- 모션·인터랙션: 해당 없음(스토어 정적).
- 디자인: 스토어 스크린샷은 연한 배경 + 검은 굵은 고딕 캡션 + 폰 목업, 아이콘은 네온 핑크 하트(다크 톤).
-
장점(공썸이 가져올 것):
- 광고 원문 "다시 시작하는데 늦은 나이는 없습니다" 계열의 절제된 위로형 한 줄 — 공썸 40~50대 히어로 서브카피 참고(나이 직접 언급 금지 규칙과 충돌 여부는 별도 검토 필요).
- "아직 만나지 못했을 뿐, 당신과 잘 맞는 사람은 분명 있습니다" — 부담 없는 감성 오프닝 문구 구조.
- "이런 분들에게 추천합니다" 체크리스트형 5불릿 — 랜딩 중간의 자기 확인 섹션에 적합.
- 단점/피할 것: 광고 메시지(중장년)와 스토어 메시지(젊은 커플·하이퍼로컬)가 불일치 — 공썸은 광고·랜딩 일치 필수. 현금 이벤트는 가볍고 신뢰를 낮춤. 후기·수치 부족.
- 미확인: 중장년 광고의 실제 광고주·랜딩(광고 라이브러리 직접 접근은 하지 않음), 후보 앱과의 동일성, 웹 랜딩 유무.
그룹 종합: 공썸 랜딩에 가져올 장점 TOP 7
- (정오의데이트) 수치 3종(평점·일 매칭·누적 가입) 한 줄 + "기준일" 병기 — 과장 의심을 줄이는 사회적 증거. 공썸은 실제 회원 수·승인 건수에 기준일을 붙여 사용.
- (정오의데이트) 지인차단을 첫 기능 섹션에 "혹시 아는 사람이 나를 볼까 봐 걱정되시나요?" 질문형으로 배치 — 공썸의 지인·학교·직장 차단 소구에 그대로 적용.
- (정오의데이트) 모바일 헤더 우상단 고정 "앱 다운로드" 필 버튼 + 히어로 풀폭 CTA 이중 구조.
- (여보야) 히어로 바로 아래 "최근 가입자 N명 + 지역별 수" 카운터 띠와 "N번째 후기"식 누적 번호 — 지금 움직이는 서비스임을 증명(공썸은 실제 수치만 사용).
- (여보야) 모바일 가입 화면의 카카오/네이버 큼직한 "~로 시작하기" 풀폭 버튼 — 중장년 가입 마찰 최소화 + NEW 프로필 카드 미리보기.
- (이음) "운영진이 인원과 성비를 맞춘 오프라인 모임" 문구와 "오늘의 소개 / 발견 / 이벤트 / 안전한 시작"의 4단어 소제목 구조 — 공썸 혼성 모임과 운영팀 승인 소구에 맞음.
- (너랑나랑) "어떻게 진행되나요?" 번호 단계 설명 + "~할 수 있습니다/~하는 설렘이 있습니다" 짧은 장점 불릿, "유령회원 NO" 같은 약점 선제 언급 — 공썸의 가입→승인→매니저 연결 흐름 설명에 적용.
- 반면교사: 심쿵 웹은 텍스트가 전부 이미지라 검색·AI가 읽을 내용이 0 → 공썸 랜딩은 반드시 실제 텍스트(h1~h3, FAQ, JSON-LD)로 구성. 너랑나랑·이음 등은 웹 랜딩 자체가 없거나 폐쇄되어 스토어 리스팅이 유일한 자산이라는 점도 주의.
- 그룹 한계: 6곳 중 웹 랜딩이 실제로 있는 곳은 여보야·심쿵·정오의데이트뿐. 너랑나랑·이음·플러팅은 스토어 리스팅으로 대체했고, 이음·플러팅은 목록 설명과의 동일성이 미확정.
그룹 7
g7 조사 — 중장년 대상 서비스 (중년천국, 시놀, 중년만남, 누나Zone, 롱런, SSUM)
확인일 2026-10-05. 캡처는 captures/<slug>/ 아래(모바일 390px, PC 1440px, 스크롤 프레임, mobile-scroll.webm). 공통 사실: 6개 모두 목록에 URL이 없어 App Store lookup / Google Play 상세 / 웹검색으로 공식 URL을 확정했다.
중년천국 (소개팅/랜덤채팅 앱, 안드로이드 전용)
- 조사 URL: https://akaja-apps.web.app/ (운영사 아카자 AKAJA의 앱 안내·고객지원 1페이지) + Google Play 리스팅 https://play.google.com/store/apps/details?id=com.akaja.joongHeaven&hl=ko, 확인일 2026-10-05, 캡처 폴더 captures/joongcheon/ (웹), captures/joongcheon-play/ (스토어)
- 웹 랜딩 성격: 중년천국 자체 홍보 랜딩은 없음. 개발사 '아카자'의 앱 안내/고객지원 페이지 1장뿐(title "아카자 | 앱 안내 및 고객지원"). 실질 랜딩은 Google Play 리스팅.
- 첫 화면(히어로, 웹): 헤드라인 "반가운 대화의 시작." / 서브 "아카자의 앱을 만나보세요. 앱 안내와 도움이 필요한 순간을 이곳에서 연결합니다." / 비주얼은 코랄색 앱 아이콘("중년 천국") 카드 하나, 목업·사진 없음 / CTA "Google Play에서 보기 ↗"(스크롤 전 두 번째 카드 안, 검정 버튼) / 첫 화면에 앱 아이콘 카드까지 보임.
- 첫 화면(Google Play): 제목 "중년천국 - 랜덤채팅, 비밀만남, 만남, 채팅, 중년", 평점 4.7(리뷰 5.78만), 16세 이상, 다운로드 50만+, 초록 "설치" 버튼, 바로 아래 스크린샷 카드 3장(핑크 "대한민국 중년의 설렘 중년의 연애 #동네친구", 보라 "100% 당첨되는 1일 1선물", 검정 "제한없이 추천받는 오늘의 친구들!").
- 섹션 순서(웹): 헤더(아카자 로고·고객지원) → 히어로 → 앱 카드(중년천국, Google Play 버튼) → "무엇을 도와드릴까요?"(고객지원 이메일 dkzkwk1004@gmail.com, "비밀번호나 문자 인증번호는 보내지 마세요.") → 푸터. 스토어: 앱 정보 → 데이터 보안 → 평점·리뷰 → 앱 지원 → 유사한 앱.
- 카피 톤·핵심 소구: 웹은 담백·조용한 안내문. 스토어 설명은 "중년을 위한 만남, 중년을 위한 랜덤채팅!", "한번 채팅을 하면 빠질 수밖에 없는 매력", "동네친구를 찾아 함께 이야기하고 취미를 공유할 수 있는 따뜻한 커뮤니티", "부담 없이 소통". 핵심 소구는 '동네친구·랜덤채팅·부담 없음'이며 연애/결혼 진정성보다 가벼운 대화. 인상적 원문: "부담 없는 대화 공간에서 자유롭게 소통하세요", "철저한 운영 관리로 불건전한 이용자를 차단합니다".
- 신뢰 요소: 스토어에서 평점 4.7·리뷰 5.78만·50만+ 다운로드 같은 숫자, 데이터 보안 섹션("제3자와 공유되는 데이터 없음", "전송 중 데이터 암호화됨", "데이터 삭제 요청 가능"), "이용자 신고 기능 & 고객센터 운영", 상담 가능 시간 09:00~17:00, 사업자·통신판매업 신고번호 표기. 웹에는 신뢰 요소 거의 없음. 리뷰 중에는 "이상한 사람들도 좀 있었지만 신고하니 대부분 빠르게 처리", "라인이나 텔레그램으로 연결해서 이상한 매칭을 해주는 분들이 있어서 주의" 같은 경고성 후기도 노출.
- 전환 장치: 웹은 CTA 1개(Google Play 버튼). 스토어는 설치 버튼, "1일 1선물/보너스 포인트" 보상 스크린샷.
- 모션·인터랙션: 웹 mobile-scroll 프레임상 페이지 전체 높이 1155px로 한 화면 반 분량이라 스크롤 모션 없음, 스크립트·CSS keyframes 0(확인). 스토어는 Google Play 기본 UI(라이브러리 판정 의미 없음).
- 모바일 완성도·가독성: 웹 본문 서브카피가 모바일에서 약 16~17px 상당(캡처 3배 해상도에서 큰 편)으로 크고 여백 넉넉, 아이보리 배경+짙은 회색 글자+코랄 포인트로 따뜻하고 차분. 헤드라인 굵은 고딕. 40~50대가 읽기 편한 수준. 단 정보량이 사실상 0이라 가입 설득력은 없음.
- 장점(공썸이 가져올 것): ① "반가운 대화의 시작." 같은 짧은 한 줄 헤드라인(12자 내외)과 큰 글씨 대비 ② 아이보리+코랄+검정 버튼의 따뜻한 3색 조합 ③ 스토어 스크린샷 1장 1메시지 구조("100% 당첨되는 1일 1선물" 식 혜택 한 줄) ④ 고객지원 카드의 "비밀번호나 문자 인증번호는 보내지 마세요." 같은 사기 예방 안내 문구.
- 단점/피할 것: 자체 소개 랜딩 부재로 웹 검색 유입 대응 불가(AI 검색에 인용될 설명 텍스트가 없음). '랜덤채팅·비밀만남' 키워드는 불건전 인상을 주며 후기에 외부 메신저 유도 경고가 있음.
- 미확인 사항: iOS 앱 없음(검색에 안 나옴), 앱 내부 화면, 실제 회원 연령대 분포, 요금.
- 대표 이미지: captures/joongcheon/mobile-first.png, captures/joongcheon/desktop-first.png, captures/joongcheon-play/mobile-first.png, captures/joongcheon-play/scroll-02.png / 영상 captures/joongcheon/mobile-scroll.webm
시놀 (중장년 5060 소셜·데이팅 플랫폼, 운영 시놀(주)) — 이 그룹에서 가장 완성도 높은 랜딩
- 조사 URL: https://sinor.co.kr/ (아임웹 기반 홈, 최종 URL 동일), 확인일 2026-10-05, 캡처 폴더 captures/sinor/ (모바일 높이 약 18,000px, scroll-00~20). 시럽(데이팅 앱) 별도 사이트는 이번에 캡처 안 함.
- 첫 화면(히어로): 헤드라인 "50세 이후 좋은 사람을 만나는 놀이터" + 서브 표기 "⛔ 50세 미만 출입금지⛔". 비주얼은 핑크 하트+파랑 하트 로고(큰 로고 이미지), 중앙 배너 팝업(셀코TV 함익병 부부 모델 사진 "함만나 50세 이상 싱글 남녀라면 지금 신청하세요! 자세히 보기", 하단 "1일 동안 보지 않음/닫기"). 주 CTA: "Google Play에서 다운로드 하기", "App Store에서 다운로드 하기" 배지 2개 + 분홍 풀폭 "시놀 웹으로 시작하기". 카카오 노란 "문의" 플로팅 버튼. 모바일에서는 팝업이 첫 화면 대부분을 덮음(캡처 mobile-first.png) — 첫인상 방해.
- 섹션 순서(위에서 아래로): 상단 네비(시놀 모임앱/시럽 만남앱/단체미팅/시럽인연/시니어칼럼) → 히어로+다운로드 → "어떤 서비스를 찾고 계세요?" 4개 컬러 카드(모임앱 파랑·만남앱 핑크·단체미팅 보라·시럽인연 살구, "중장년 싱글 소개팅", "검증된 프리미엄 만남") → "시놀이 시작된 이유"(회원 고민 카드: 아이콘 얼굴+"63세/귀농/경기도 '은퇴 후 새로운 친구를 사귈 기회가 부족해요'", "65세/돌싱/인천 '소개는 부담되고 가볍게 인연을 만나고 싶어요'") → "언론속의 시놀"(Age-Tech Company 소개+기사 100건 이상 목록) → 모임앱 소개(신체건강 등 일러스트, 앱 화면 목업, 불릿 4개 "부담없이 시작하는 내주변 모임 찾기") → "만족도 100% 시놀러들의 후기"(실사 얼굴 사진+별 5개+관심 태그) → 단체미팅 이벤트 리스트("[부산·경남] 5060 단체미팅" 등) → 푸터(사업자정보, 앱 다운로드).
- 카피 톤·핵심 소구: 안심·또래 공감·'놀이터'라는 가벼운 메타포. 연령 게이트 자체가 신뢰 장치. 인상적 원문: "50세 이후 좋은 사람을 만나는 놀이터", "⛔ 50세 미만 출입금지⛔", "기술로 시니어의 외로움과 사회적 고립을 해결하는 Age-Tech Company", "혼자가 익숙해졌지만, 다시 누군가를 만나고 싶다면", "남의 집에 가서 밥 해먹고 수다떠는게 어색할 것만 같았는데, 결과적으로 기분이 절로 좋아지는 모임이랍니다.", "비슷한 세월을 살아 온 또래만 있어 마음이 편안했던 걸까요?"
- 신뢰 요소: ① 언론 기사 목록 수십 건(조선일보·매일경제·동아일보·SK텔레콤 뉴스룸·한겨레 등 매체명+날짜로 한 줄씩, 본문 텍스트상 2022~2026년) ② 사업자등록번호·통신판매업신고번호·관광사업자등록번호·국내결혼중개업번호를 푸터에 전부 표기 ③ 후기에 실제 사진·마스킹 이름·나이("임*나 57세")·관심 태그 ④ 연령 제한 ⑤ 시럽인연 "검증된 프리미엄 만남", 부동산 자산 인증 도입 기사 ⑥ 회원 수·만족도 "100%"는 제목에만 있고 근거 미표기.
- 전환 장치: 스토어 배지 2개+웹 시작 버튼이 히어로에, 푸터에도 "앱 다운로드"·"시놀 홈페이지/시럽인연 홈페이지", 이벤트 팝업(1일 보지 않음), 카카오 문의 플로팅, TOP 버튼, 단체미팅 신청 리스트.
- 모션·인터랙션: 스크롤 프레임 비교상 큰 등장 애니메이션은 확인되지 않음(정적 카드·이미지 중심, 일부 카드 이미지 지연 로딩). 네비 현재 섹션 하이라이트가 스크롤에 따라 바뀌는 것은 확인(모임앱→단체미팅). 팝업 배너·유튜브 임베드(iframe_api 로드 확인), 스크립트 목록으로 확인된 것: imweb 빌더 + jQuery, GTM, Hotjar, MS Clarity, Meta Pixel, Datadog RUM. libs 필드의 three/rive 등은 오탐 가능성 높음(미확인).
- 모바일 완성도·가독성: 본문 글씨가 큼(후기 본문 약 14~15px, 헤드라인 28px 안팎 추정, 3배 캡처상), 굵은 고딕+핑크/블루/라벤더 파스텔 배경으로 밝고 친근. 문장이 짧고 줄바꿈 잘 되어 있음. 단점: 모바일 상단 5분할 네비가 고정되어 화면 위 약 20%를 차지(스크롤 프레임 전체에 고정 표시), 플로팅 버튼이 일부 텍스트를 가림(캡처 scroll-08 "…건강까지 챙기기" 가림). 모바일 첫 화면 팝업 과다.
- 장점(공썸이 가져올 것): ① "50세 미만 출입금지" 식 대놓고 연령·자격을 선언하는 입장 문구 → 공썸은 "만 19세 이상 골프 싱글만, 가입 승인제" 식으로 변환 ② "시놀이 시작된 이유" 섹션의 '회원 고민 한 줄 인용 카드(나이/상태/지역 + 따옴표 문장)' 방식 ③ 후기 카드: 실사 얼굴·마스킹 이름·나이·관심 태그·별점 ④ 푸터에 사업자·통신판매업·결혼중개업 번호 전부 노출 ⑤ 언론속의 OO: 매체명+날짜 한 줄 목록 ⑥ 서비스 4종을 컬러 카드로 보여주는 "어떤 서비스를 찾고 계세요?" 분기형 선택 UI.
- 단점/피할 것: 첫 화면을 덮는 이벤트 팝업, 고정 5분할 네비가 모바일 화면 점유, 근거 없는 "만족도 100%" 표기(공썸은 후기 수·조사 기준 병기해야 함), 정보 과다(기사 목록이 매우 길어 스크롤 피로).
- 미확인 사항: 회원 수 수치 직접 노출 여부(본문에 "단기간 놀랍게 성장 중인 Smart Company" 외 숫자 못 봄, 기사 제목에 "2년만에 9만명" 있음), 시럽 앱 별도 랜딩, 가입 플로우, PC 상세 레이아웃(desktop-full 미분석).
- 대표 이미지: captures/sinor/mobile-first.png, captures/sinor/scroll-01.png (서비스 4종 카드), captures/sinor/scroll-02.png (회원 고민 카드), captures/sinor/scroll-12.png (후기), captures/sinor/desktop-first.png / 영상 captures/sinor/mobile-scroll.webm
중년만남 (소개팅/채팅 앱, 운영 (주)레인톡 Reigntalk — 웹 브랜드는 '데이트글로우 GLOW')
- 조사 URL: https://dateglobe.net/ (App Store 리스팅 id1448963460의 개발사 웹사이트, WordPress+Elementor), App Store 리스팅 https://apps.apple.com/kr/app/id1448963460 , 확인일 2026-10-05, 캡처 폴더 captures/joongnyeon-manam/ (웹). App Store 페이지 캡처는 ERR_ABORTED로 실패(미확보) → 리스팅 텍스트는 iTunes lookup API로 확인.
- 주의: '중년만남'은 앱스토어 표기 제목("중년만남 – 돌싱, 중년소개팅, 채팅친구, 동네친구")이고 웹 랜딩의 브랜드는 "데이트글로우/GLOW"(전세계 100만명 이상 회원 문구, 외국인 친구 자동번역 서비스). 앱 이름과 랜딩 브랜드가 불일치.
- 첫 화면(히어로): 헤드라인 "요즘 시니어가 친구 만나는 방법" (H1), 서브는 작은 면책 "※ 모든 이미지에 포함된 인물은 모델 사진입니다.", 비주얼은 전면 코랄 레드 배경(모바일) / 데스크톱은 기울어진 여성 셀카 카드 2장. CTA: Google Play, App Store 둥근 외곽선 버튼 2개(히어로 중앙). 첫 화면에 헤드라인+CTA+모델 고지만 보임.
- 섹션 순서: ① 히어로 ② "만남에 나이 · 조건이 필요있나요?" (연령·외모·스펙·국적 무관, 가입비·프로필 열람 무료) ③ "가입부터 대화까지 손쉽고 빠르게!" (심사절차 없이 5분 가입, 폰 목업 채팅 화면) ④ "무료한 일상을 함께, 같은 취미를 가진 친구 찾기" (자동번역) ⑤ "가까운 사람과 빠르게 만나보고 싶을 때" (지역·거리 확인) ⑥ "특별하고 새로운 인연, 외국인 친구" ⑦ 푸터(약관·청소년보호정책·사업자정보). 총 모바일 높이 약 4,900px로 짧음.
- 카피 톤·핵심 소구: 가볍고 캐주얼, '조건 없음·무료·간편·빠름'. 안심/진정성보다 진입장벽 제거. 인상적 원문: "만남에 나이 · 조건이 필요있나요?", "가입비도 무료! 프로필 열람도 무료! 부담없이 가볍게 가입하고 사용해보세요.", "복잡한 가입정보, 심사절차 없이 5분이면 누구나 가입이 가능하고, 사용이 간편하고 채팅 연결이 빨라요!", "언어를 몰라도 괜찮아요. 자동번역으로 자유롭게 소통이 가능해요".
- 신뢰 요소: 약함. "전세계 100만명 이상의 회원"(메타 설명 문구, 본문엔 안 보임), 푸터에 법인명·대표·사업자번호·통신판매업신고번호·고객센터 이메일, 청소년보호정책·위치정보서비스약관 링크, "모델 사진" 고지. 스토어 리스팅에는 "24시간 모니터링 운영 불법 행위 & 유해 콘텐츠 차단", "실제 활동 중인 회원만 추천! 유령 회원은 자동 제외", 불법 신고 연락처(112·117·1366) 명시. 후기·언론·인증 없음.
- 전환 장치: 히어로 스토어 버튼 2개만. 하단 고정 버튼·이벤트 없음. 폰 목업이 각 섹션 증거 역할.
- 모션·인터랙션: 스크롤 프레임상 폰 목업이 섹션마다 나타나고 텍스트는 가운데 정렬(큰 등장 애니메이션은 프레임 비교로 뚜렷이 확인되지 않음). 사용 도구 확인: WordPress + Elementor(스크립트 경로 확인), Elementor 번들 waypoints·swiper 라이브러리 로드(확인), 폰트·CSS keyframes 66개(대부분 Elementor 기본).
- 모바일 완성도·가독성: 헤드라인 약 32px대로 크고 굵음, 본문 가운데정렬 회색 글씨 약 16px, 여백 매우 넉넉, 빨강 배경 대 흰 배경의 단순 구성. 시니어가 읽기엔 글씨 크기는 좋으나 본문 회색이 옅고 모델 사진 고지가 매우 옅은 분홍(대비 낮음). 디자인은 전반적으로 템플릿스럽고 이미지가 데스크톱 외국인 모델 위주라 한국 중장년 대상 신뢰감은 약함.
- 장점(공썸이 가져올 것): ① 짧은 섹션 5개를 "제목 한 줄+두 줄 설명+폰 목업"으로 반복하는 단순한 리듬(읽는 데 1분) ② "연령, 외모, 스펙 관계없이 / 가입비 무료" 식으로 부담 문구를 한 문단에 모은 방식 → 공썸은 "골프 하나만 맞으면 됩니다" 같은 변환 ③ 히어로의 "모델 사진입니다" 고지는 AI·광고 신뢰 측면에서 따라할 만함 ④ 지역·거리 확인 같은 기능을 목업과 함께 한 문장으로 설명.
- 단점/피할 것: 앱 이름('중년만남')과 랜딩 브랜드('GLOW')가 달라 검색 유입자가 혼란, '외국인 친구·자동번역'은 공썸 포지션과 무관, '심사절차 없이 가입' 문구는 공썸의 가입 승인 신뢰 구조와 정반대, 후기·증거 부재.
- 미확인 사항: App Store 리스팅 화면 자체(헤드리스 캡처 ERR_ABORTED로 미확보, 설명 텍스트만 iTunes API로 확인), 실제 회원 연령대, 앱 내 요금(포인트 구매 인앱).
- 대표 이미지: captures/joongnyeon-manam/mobile-first.png, captures/joongnyeon-manam/desktop-first.png, captures/joongnyeon-manam/scroll-02.png, captures/joongnyeon-manam/scroll-04.png / 영상 captures/joongnyeon-manam/mobile-scroll.webm
누나Zone / 누나존 (연상연하 데이팅 앱 — 실체는 해외 앱 'Cougarly'의 한국어 리스팅)
- 조사 URL: https://cougarly.co/ (App Store 리스팅 id1511124483의 개발사 웹사이트, 개발사 Chengdu Yunshu Chengwei Technology Co., Ltd), 확인일 2026-10-05, 캡처 폴더 captures/nunazone/ (웹). App Store 한국어 리스팅 텍스트는 iTunes lookup API로 확인(평점 4.78, 리뷰 9건 — 규모 매우 작음).
- 핵심 사실: 목록의 '누나Zone'은 한국 서비스가 아니라 Cougarly 앱의 한국 스토어 표기명("누나Zone: 싱글 여성 만나기"). 스토어 설명문 본문에도 "Cougarly는 …"이라고 쓰여 있음(이름 불일치). 한국어 웹 랜딩은 없음. 웹은 영어 전용.
- 첫 화면(히어로): 헤드라인 "Best Cougar Dating App", 서브 "Connect cougar women with younger men.", 비주얼은 주황 그라데이션+곡선 배경에 키스하는 남녀 흑백 사진이 든 폰 목업 2대(앱 시작 화면 "100% Free Cougar Dating App / Get Started!"), CTA "Apple Store Download" 흰 알약 버튼(위 왼쪽), "Google Play (Online Soon)" 외곽선 버튼, 우상단 "DOWNLOAD" 버튼. 버튼 아래 "(Press the link hard, then click 'Open Link' in the new window if you can't open the link.)" 설명.
- 섹션 순서: 히어로 → "Why Choose Cougarly ?"(3열 기능 8개: Direct Message, Random Video Chat, Send Flowers, Location Based, Like-minded People, Different Groups, Only True People, Share Story + 가운데 앱 프로필 그리드 목업) → "Most Asked Questions"(FAQ 3개 아코디언: Who are cougars? / Is Cougarly free? / Why my account is blocked?) → "Available On App Store" → 푸터.
- 카피 톤·핵심 소구: 성적 뉘앙스가 있는 연상연하 데이팅("Looking for threesome? Like BBW?", "often involving a sexual relationship"). 공썸의 안심·건전 포지션과 정반대. 인상적이라기보다 경계할 원문: "Put the fun back into your dating life."
- 신뢰 요소: "Our team review every profile every day, Cougarly is safe to use!" 한 줄뿐. 스토어에는 "모든 프로필은 검토되어 건전한 커뮤니티 유지", "슈거 데이팅이나 거래 관계 없이" 문구. 후기·인증·사업자 정보 없음.
- 전환 장치: 히어로 버튼 2개+우상단 DOWNLOAD 고정 헤더. FAQ 아코디언.
- 모션·인터랙션: 정적 템플릿 형태. 스크립트 확인: vendor.bundle.js, script.js(앱 랜딩 템플릿 번들), GTM/GA, Cloudflare 인사이트. libs의 'three'는 단순 문자열 매칭 오탐 가능(확인 안 됨). CSS keyframes 92개(템플릿 기본). 스크롤 프레임에서 뚜렷한 등장 애니메이션은 확인하지 못함.
- 모바일 완성도·가독성: 모바일에서 기능 3열 구성이 좁아 한 줄 글자수가 너무 적음("Send direct / messages to / anyone you like." 식 3~4단어 줄바꿈), 작은 회색 글씨로 가독성 낮음. 구형 앱 랜딩 템플릿 느낌.
- 장점(공썸이 가져올 것): 거의 없음. 굳이 꼽으면 ① 히어로 곡선 배경과 폰 목업 조합이라는 일반적 앱 랜딩 구도 ② FAQ를 맨 아래 3문항으로 두는 간단한 구조(공썸은 "캡처 차단은 어떻게?" 등 AI 검색 인용용 FAQ로 확장 가능).
- 단점/피할 것: 성적 연상을 주는 카피, 스토어 한국어 설명이 번역투+타 서비스명 혼용, 한국어 웹 랜딩 부재, 후기·신뢰 요소 거의 없음, 40~50대 대상으로는 부적합한 톤.
- 미확인 사항: 한국 이용자 규모(리뷰 9건뿐), 앱 내부, App Store 페이지 실화면(App Store 페이지 캡처는 headless 접속이 ERR_ABORTED로 실패해 미확보).
- 대표 이미지: captures/nunazone/mobile-first.png, captures/nunazone/desktop-first.png, captures/nunazone/scroll-01.png / 영상 captures/nunazone/mobile-scroll.webm
롱런 LONGRUN (카운슬러 1:1 소개팅 앱, 안드로이드)
- 조사 URL: 웹 랜딩 없음. 시도한 것: ① 웹검색 2회(결과 없음) ② App Store 검색(iTunes API, 한국 스토어 '롱런' 검색 → 해당 앱 없음, 카카오 앱만 나옴 → iOS 앱 없는 것으로 판단) ③ Google Play 검색 → 상세 https://play.google.com/store/apps/details?id=com.longrun&hl=ko 확인. Play 리스팅의 개발자 웹사이트 링크는 dreamforone.co.kr(앱 개발 에이전시 '드림포원')이었고 이를 캡처(captures/longrun/)했지만 롱런 소개 페이지가 아니라 외주개발사 홍보 사이트라서 랜딩 분석 대상에서 제외(참고용 기록만). 실질 랜딩=Play 리스팅, 캡처 폴더 captures/longrun-play/. 확인일 2026-10-05.
- 첫 화면(Play 히어로): 앱명 "롱런 / LONGRUN", 슬로건 "오래 만나, 오래 사랑하자 롱런", 평점 4.5(리뷰 342개), 청소년 이용불가(19), 다운로드 1만+, 초록 "설치" 버튼, 바로 아래 스크린샷: 진분홍~코랄 그라데이션 배경에 기울어진 폰 목업. 문구 "오래만나 오래 사랑하자", "맞춤 소개팅, 롱런 오래 만나 오래 사랑하자", 화면 속 카운슬러 프로필(담당 카운슬러 소개 수치 "1,713 / 5,078" 등).
- 섹션 순서(Play): 앱 정보(설명) → 추천 스토리 → 데이터 보안 → 평점 및 리뷰 → 새로운 기능 → 앱 지원.
- 카피 톤·핵심 소구: 이모지(하트 5색) 불릿으로 정리한 서비스 약속. 핵심 소구=전담 카운슬러·클린한 소개팅·피해 시 지원. 인상적 원문: "롱런은 소중한 만남, 커플이 되기 위해 리얼100% 회원간의 소개팅을 도와드리는 공간입니다", "카운슬러 전문 상담사 - … 클린한 소개팅을 안심하고 이용하실 수 있게끔 환경제공에 항상 힘쓰며", "롱런은 어플 외 다른수단을 통해 아이디와 비밀번호를 묻지 않습니다", "오래 만나, 오래 사랑하자 롱런".
- 신뢰 요소: 카운슬러 실시간 상담(24시간 고객센터 표기), 불건전 유저 블랙회원 지정·법률 지원 안내, 사기 예방 안내(계정 정보 요구 메일 신고), 신고 연락처(112·117·1366), 데이터 보안 섹션("제3자와 공유되는 데이터 없음", "전송 중 데이터 암호화됨"). 반면 리뷰에는 "이거 사용하지 마세요… 환불은 못 해주고 매칭 쿠폰", "구글 플레이 스토어에 있는 이메일 주소는 없는 주소입니다", "카운슬러도 소개할 때는 엄청 열심히 연락하던데… 소개 받고나니 답장 속도가 현저히 느려지고" 같은 환불·응대 불만이 상위 노출(공감수 11~29). 즉 신뢰 약속과 실제 사용자 경험의 불일치가 공개됨.
- 전환 장치: 설치 버튼 1개, 스크린샷 4장.
- 모션·인터랙션: Google Play 표준 UI라 별도 모션 없음(스크린샷 캐러셀만). libs 필드는 Play 페이지 일반 번들 흔적이라 의미 없음(미확인).
- 모바일 완성도·가독성: 앱 설명이 이모지 불릿+긴 문단으로 길고 빽빽(스크롤 프레임 기준 글자 작음), 스토어 표준 폰트. 스크린샷은 진분홍 브랜드 색 통일감 있음. 신뢰 약속 대비 구체적 숫자·인증 없음.
- 장점(공썸이 가져올 것): ① "전담 카운슬러(운영팀 매니저)가 사람 대 사람으로 소개한다"를 서비스 중심 한 문장으로 세우는 방식(공썸의 매니저 의사 확인과 직접 대응) ② "어플 외 다른 수단으로 아이디·비밀번호를 묻지 않습니다" 같은 피싱·사칭 방지 약속 문구 ③ 피해 시 대응 절차를 먼저 공개하는 안전 안내(공썸의 지인 차단·사진 캡처 차단 설명에 활용) ④ 브랜드 슬로건 "오래 만나, 오래 사랑하자"처럼 서비스명 의미와 약속을 한 줄로 묶는 방식.
- 단점/피할 것: 자체 웹 랜딩 없음(AI 검색 노출 불가), 설명문이 이모지 남발·장문, 환불 불만 리뷰가 첫 화면 근처에 노출됨 → 공썸은 환불·연락 방법을 랜딩에서 선제적으로 명시할 것, 실제 카운슬러 얼굴·수치는 스크린샷 안 작은 글씨로만 보여 신뢰 증거로 약함.
- 미확인 사항: 롱런 공식 웹/블로그 존재 여부(네이버 블로그·카페 가능성, 이번엔 검색 못 찾음), 요금·매칭 쿠폰 체계, 카운슬러 수.
- 대표 이미지: captures/longrun-play/mobile-first.png, captures/longrun-play/scroll-03.png(불만 리뷰 구간) / 영상 captures/longrun-play/mobile-scroll.webm. 참고 captures/longrun/mobile-first.png (개발사 사이트, 롱런 아님)
SSUM 썸 (사람이 직접 해주는 1:1 매니저 소개팅 앱) — 목록의 'SSUM(아직도이걸몰라)'
- 조사 URL: http://www.썸.com → https://www.xn--c04b.com:44536/app/ (App Store 리스팅 id1437606111 "썸(SSUM) - 사람이 직접 해주는 실패 없는 소개팅"의 개발사 웹), 확인일 2026-10-05, 캡처 폴더 captures/ssum/ (웹, 모바일 높이 약 6,900px, scroll-00~07). App Store 리스팅 텍스트는 iTunes lookup으로 확인(평점 3.4, 리뷰 1,285건).
- 동일 서비스 여부 추정: 목록의 "아직도이걸몰라"/"썸아직도"는 광고 슬로건으로 보이며(목록 context: 수작업 1:1 이상형 소개팅앱) 이 사이트의 "나만의 전담 매니저 썸머가 수작업 1:1 소개"와 서비스 설명이 일치하여 같은 서비스로 판단했으나, "경남·경기 2030"이라는 지역 표기는 이 사이트에서 직접 확인하지 못함(미확인).
- 첫 화면(히어로): 상단 로고(하트 두 개+"썸")+분홍 "가입신청" 버튼, 탭 네비(썸 SSUM/진행 방식/너와 함께/자주묻는질문), 진분홍 큰 카드 슬라이더(스와이퍼 점 3개 확인): "실패없는 소개팅, 매칭율 100%" / "1:1 나만의 전담 매니저 썸머와 상담 한번으로", 일러스트(남녀 포옹). 바로 아래 H2 "사람이 직접해주는 소개팅, 썸"("썸은 나만의 전담 매니저 썸머가 1:1로 상담부터 이상형 탐색, 매칭까지 케어합니다."). 모바일 하단 고정 탭바 4개(썸 SSUM/소개팅 신청/썸찾기TEST/로그인) 상시 노출. 주 CTA: "가입신청", "지금, 썸 탈래요!".
- 섹션 순서: ① 히어로 슬라이더 ② "사람이 직접해주는 소개팅, 썸"(무분별 얼굴노출·알바생·무응답·단발성 매칭에 NO 스탬프 체크리스트) ③ "썸은 지금 이순간!" 누적 회원수·누적 매칭수 카운터 ④ "썸 회원들의 REAL 후기"(아바타+지역·연령대+장문 후기, "썸에서 연인으로 커플후기 보러가기" 링크) ⑤ 새로운 기능 "썸 프로필 카드" ⑥ "보호되지 않는 신상 정보 원하지 않는 얼굴 노출"(실루엣 소개팅: 매칭 성사 시에만 프로필 공개) ⑦ "썸은 이런 분을 위한 곳입니다."(번호 하트 3개) ⑧ "충격적인 소개팅 서비스 실체!"(타 앱 실제 리뷰 발췌 G/B/N어플) ⑨ "썸의 5가지 약속!" ⑩ 진한 분홍 마무리 CTA+푸터(사업자등록번호·통신판매업신고번호·이메일).
- 카피 톤·핵심 소구: 안심·프라이버시·사람 대 사람. 경쟁 앱을 직접 저격하는 비교 소구. 인상적 원문: "실패없는 소개팅, 매칭율 100%", "답변 없는 자동응답기 같은 소개팅 어플이 질려, 사람 대 사람으로 나만의 인연을 찾고 싶으신 분", "일반 소개팅 어플처럼 불특정 다수의 수백, 수천명에게 얼굴이 노출되는 것이 싫으신 분", "마치 상품처럼 내 정보가 진열 됩니다.", "언제들어도 설레는 말"(푸터 슬로건).
- 신뢰 요소: ① 누적 회원수·누적 매칭수 숫자 카운터(본문 텍스트상 423,727명+, 1,043,641건+ — 단 PC 캡처 시점 값은 150,203 / 369,951로 달라 카운트업 애니메이션 중임을 확인) ② 후기에 아바타·지역·연령대·담당 매니저 이름 ③ "5가지 약속"(프라이빗 실루엣 100% 프라이버시 / 비매너 블랙회원 영구제명 / 매칭 불가 시 100% 환불 / 프로필 썸머 코멘트 / 상담부터 매칭까지 FULL CARE) ④ 푸터 사업자·통신판매업 신고번호. 단 "매칭율 100%"는 근거 없는 최상급 표기이며, 타 앱 리뷰 인용은 익명 처리(G어플·B어플·N어플)로 검증 불가.
- 전환 장치: 헤더 가입신청 버튼, 모바일 하단 고정 탭바, 섹션 끝마다 링크 버튼("진행 방식이 궁금하다면?"), 마지막 대형 CTA "지금, 썸 탈래요!", 매칭 불가 시 100% 환불 약속(위험 제거).
- 모션·인터랙션: 카운터 증가 애니메이션 확인(스크린샷 두 시점 값 상이), 히어로 카드 스와이퍼(Swiper 8.0.7 번들 로드, 점 인디케이터 확인), 스크롤 시 섹션이 부드럽게 나타나는 효과는 프레임 비교상 약하게 보임(확실하지 않음). 스크립트 확인: jQuery, jQuery UI, swiper-bundle 8.0.7, GTM, Meta Pixel 2종, TikTok Pixel. CSS keyframes 2개로 적음.
- 모바일 완성도·가독성: 본문 약 16px, 헤드라인 28~32px, 분홍(#FF4785 계열)+흰색+진회색 3색, 굵은 고딕, 문장 짧음. 후기 본문은 띄어쓰기 없는 장문이라 읽기 불편한 부분 있음. 하단 고정 탭바로 앱처럼 느껴짐. 가독성은 20~30대 대상으로 최적화(40~50대에는 후기 글씨가 옅은 회색이라 약간 작고 대비가 낮음).
- 장점(공썸이 가져올 것): ① "누적 회원수 / 누적 매칭수" 카운터 섹션(공썸은 실제 승인 회원 수·성사 건수만 사용) ② "썸의 5가지 약속" 같은 번호형 약속 리스트에 환불 조건 포함 ③ "이런 분을 위한 곳입니다" 번호 하트 3개로 타깃 자기선택 유도 ④ "무분별 얼굴노출 / 알바생 / 무응답 / 단발성 매칭 → NO" 스탬프 체크리스트로 경쟁 앱 불만을 대비시키는 방식(공썸의 사진 5분 공개·캡처 차단 설명에 응용) ⑤ 하단 고정 탭바+마지막 풀폭 CTA.
- 단점/피할 것: "매칭율 100%" 같은 단정 표현(공썸은 법적·신뢰상 피할 것), "충격적인 실체" 식 타 서비스 비방성 인용(익명 리뷰), 후기 장문 그대로 노출, 20대 중심 후기라 40~50대 공감 약함.
- 미확인 사항: '아직도이걸몰라' 광고 슬로건의 별도 랜딩 존재 여부, 지역(경남·경기) 포지셔닝, 요금 체계, 진행 방식 상세 페이지·커플후기 페이지(링크만 확인), 실제 회원 연령대.
- 대표 이미지: captures/ssum/mobile-first.png, captures/ssum/desktop-first.png, captures/ssum/scroll-02.png (후기), captures/ssum/scroll-04.png (타깃 자기선택+실체 폭로) / 영상 captures/ssum/mobile-scroll.webm
조사 한계 메모
- App Store 웹페이지 3건(중년만남 id1448963460, 누나Zone id1511124483, 썸 id1437606111)은 헤드리스 브라우저 접속이 모두 net::ERR_ABORTED로 실패했고(같은 증상이 3건 모두 → 일시 오류가 아닌 구조적 차단으로 판단하고 반복 시도하지 않음), 리스팅 텍스트·평점은 iTunes lookup API로만 확인함. 앱스토어 스크린샷 캡처는 없음.
- 중년천국·롱런은 자체 홍보 웹 랜딩이 없어(중년천국=개발사 안내 1페이지, 롱런=없음) Google Play 리스팅을 랜딩으로 분석. 롱런의 네이버 카페/블로그 등 비공식 채널은 검색으로 찾지 못함.
- 시놀은 sinor.co.kr 홈만 캡처(시럽 데이팅 별도 사이트·단체미팅 상세 페이지는 미캡처).
그룹 종합: 공썸 랜딩에 가져올 장점 TOP 7
- 연령·자격을 입구에서 선언하는 한 줄 (시놀 "⛔ 50세 미만 출입금지⛔") — 공썸은 "만 19세 이상 · 골프를 좋아하는 싱글만 · 운영팀 승인 후 입장" 식으로 변환. 선별성이 곧 안심 신호가 됨.
- 회원 고민 한 줄 인용 카드 (시놀 "시놀이 시작된 이유": '63세/귀농/경기도 — 은퇴 후 새로운 친구를 사귈 기회가 부족해요') — 공썸은 "혼자 치는 라운드가 아쉬웠어요(45세/경기)" 식으로 40~50대 공감 문장 3~4개.
- 후기 카드 표준 구조 (시놀: 실사 얼굴·마스킹 이름·나이·관심 태그·별 5개 / 썸: 지역·연령대·담당 매니저 언급) — 공썸은 사진 노출을 피하되 마스킹 이름·연령대·지역·골프 구력 태그로 대체. 가짜 후기 금지.
- 푸터에 사업자·통신판매업·(결혼중개업) 번호를 전부 노출하고 "언론속의 OO"를 매체명+날짜 한 줄 목록으로 (시놀) — 공썸은 근거가 생기기 전엔 사업자정보와 FAQ·개인정보 처리 안내를 먼저 강화.
- 번호형 약속 리스트 + 환불 조건 명시 (썸 "썸의 5가지 약속", 롱런 후기에서 환불 불만이 크게 노출된 반면교사) — 공썸의 약속: 본인인증·승인제 / 상대 의사 확인 후 연락처 전달 / 지인·학교·직장 차단 / 여성 사진 5분 공개·캡처 차단 / 환불·문의 방법. 숫자가 근거 없는 "100%"로 가면 안 됨.
- 경쟁 앱의 불만을 NO 스탬프 체크리스트로 대비 (썸 "무분별 얼굴노출 / 알바생 / 무응답 / 단발성 매칭 NO") + "이런 분을 위한 곳입니다" 번호 3개로 타깃 자기선택 — 공썸은 "무분별 연락 / 얼굴 노출 / 지인 마주침"을 NO로 처리.
- 큰 글씨·짧은 문장·파스텔 배경·고정 하단 CTA (시놀·썸 공통, 중년천국 안내 페이지의 아이보리+코랄 3색) — 헤드라인 28px 이상, 본문 16~18px, 문장 한 줄 20자 내외, 모바일 하단 고정 CTA 1개. 반면 시놀의 첫 화면 팝업·고정 5분할 네비처럼 화면을 가리는 요소는 제외.
피할 것 요약: 첫 화면 팝업 과다(시놀), 근거 없는 "100%" 표기(썸·시놀), 타사 비방성 인용(썸), 성적 뉘앙스·랜덤채팅 키워드(누나Zone·중년천국), 환불·응대 불만이 노출되는 스토어 리스팅(롱런), 앱 이름과 랜딩 브랜드 불일치(중년만남↔GLOW, 누나Zone↔Cougarly).
그룹 8
g8 조사 — 만나(Manna), 모두의지인, 미츠(mits), 듀오, 블라인드, 당근마켓 모임
(확인일 2026-10-05. 캡처 폴더는 모두 docs\landing-research\captures\<slug>\)
듀오 (결혼정보회사)
- 조사 URL: https://www.duo.co.kr/ → 모바일은 https://m.duo.co.kr/ 로 리다이렉트. 확인일 2026-10-05. 캡처 폴더 captures/duo/ (모바일 높이 14,401px)
- 대표 이미지: captures/duo/mobile-first.png, captures/duo/desktop-first.png, captures/duo/scroll-13.png (영상: captures/duo/mobile-scroll.webm)
- 첫 화면(히어로): PC는 풀블리드 영상(남자 모델 하석진 얼굴 클로즈업 + 손글씨 "듀오" 로고 낙서)에 "듀오 5만번째 결혼 달성!" + "회원수 35,363명 | 성혼수 54,912명 (2026.10.1 기준)" 실시간 수치, 하단에 흰 버튼 3개(간편 상담 신청 / 가입비 계산 / 네이버 예약). H1 "결혼해 듀오 한국대표 결정사". 접속 즉시 보라색 프로모 팝업("무려 4년 전 가입비로 할인! ~10.11까지", 노란 CTA "간편상담신청", "오늘 그만보기/닫기")이 화면 중앙을 덮음(모바일 캡처 전 프레임이 팝업에 가려짐).
- 섹션 순서(page.json 텍스트 기준): 성혼·회원 실시간 수치 → 신상품(기간형) 배너 → "54,912명이 결혼한 듀오. 이제 당신이 주인공"(성혼 인터뷰 링크) → "하루 평균 7명 결혼, 57.3% 6개월 이내 교제" → 실시간 회원수/성혼수 → 회원 매칭 다양성(100대 대기업·상장·외국계·공공기관) → 미팅파티 참가 회원 퀄리티(대기업·공공·전문·교육직 76.5%) → 전문직 5,811명(의료·법조 5,007명, 연봉 1억 이상 6,749명) → 나에게 맞는 서비스 4종(초혼/재혼/프리미어/하이엔드) → CEO 박수경 소개 → 유튜브 채널(슈카월드·빠더너스·제이쓴·하석진 등, 조회수 병기) → 감성 2단계 매칭 / 전문매니저 2:1 관리 → 언론·강연 → 푸터.
- 카피 톤·핵심 소구: 신뢰·규모·권위(1위, 실적 숫자). "결혼해 듀오", "5만번째 결혼 달성", "54,912명이 결혼한 듀오. 이제 당신이 주인공", "횟수에 구애 받지 않고 1년간 집중적으로 만남을 제공하여 인연을 찾을 확률을 높여 드립니다", "100%신원인증, 가입비정찰제, 환불규정준수"(메타 description).
- 신뢰 요소: 실시간 회원수·성혼수(날짜 병기), 성혼 산정 기준 각주("청첩장·웨딩사진 1차 확인, 통화/문자 2차 확인"), 매출 1위 표기(연도 기준 병기), 회원 구성 통계(직업군 비율, 전문직 수), CEO 약력, 언론 노출, 금감원 전자공시(DART) 정보 노출, 유튜브 조회수, 지사 12곳·전화번호 상시 노출.
- 전환 장치: 헤더 고정(전화 1577-8333 + 네이버 예약 버튼), 모바일 하단 고정 3분할 바(간편상담 / 가입비 계산 / 네이버 예약), 히어로 CTA 3개, 프로모 팝업(기한 명시), "나의 가입비 알아보기".
- 모션·인터랙션: 풀페이지 영상 히어로 + 우측 세로 도트 인디케이터(섹션 스냅형 풀페이지 추정). 라이브러리는 libs 필드에 swiper/aos/next가 잡히나 문자열 매칭이라 '추정'. scripts 목록에서 확인된 것은 GTM/GA, 페이스북·틱톡 픽셀, Taboola, Dable 같은 광고·추적 스크립트뿐. 팝업 때문에 스크롤 등장 애니메이션은 확인 불가. CSS keyframes 20개.
- 모바일 완성도·디자인: 문서 높이 14,401px의 긴 페이지, 모바일 하단 고정바와 헤더 전화번호로 전환 동선은 명확. 다만 로고 다크레드·딥그린(네이버)·남색 바 등 색이 섞이고 팝업이 화면 절반을 차지해 첫인상은 무거움. 서체는 일반 고딕.
- 장점: ① 히어로의 "실시간 회원수·성혼수" 숫자 + 기준일 병기 방식(신뢰를 숫자로) ② 성혼 숫자 산정 기준을 각주로 공개해 과장 의혹을 선제 차단 ③ 모바일 하단 고정 3분할 CTA(상담/계산/예약) ④ 회원 구성 통계(직업군 비율)로 "누가 있나"를 수치화 ⑤ 유튜브 영상 카드에 조회수 병기해 사회적 증거화.
- 단점/피할 것: 첫 진입 팝업이 콘텐츠를 가림(모바일 전 프레임), 할인 프로모 중심이라 AI 검색 유입 방문자에게 서비스 설명이 늦게 나옴, 정보 과밀.
- 미확인: 팝업 닫은 상태의 모바일 스크롤 애니메이션, 가입비 계산기·상담 폼 상세, 실제 사용 라이브러리.
모두의지인 — 국내 공식 사이트 (소개팅앱 광고 / 프리미엄 결혼정보회사, 운영사 (주)테키)
- 조사 URL: https://jiin.love/ (국내 공식. 목록 URL japan.jiin.love 는 아래 별도 항목). 확인일 2026-10-05. 캡처 폴더 captures/jiin-kr/ (모바일 높이 14,448px)
- 대표 이미지: captures/jiin-kr/mobile-first.png, captures/jiin-kr/desktop-first.png, captures/jiin-kr/scroll-03.png (영상: captures/jiin-kr/mobile-scroll.webm)
- 첫 화면(히어로): H1 "만났습니다. 모두의지인에서"(모두의지인만 핑크 강조 + 형광펜 밑줄), 배경에 거대한 핑크 3D풍 글자 "모두의지인" 뒤로 누끼 딴 여성 매니저 모델이 서 있는 레이어 구조(모델이 글자 사이에 끼는 깊이감). 유리질 카드 2개 "85% 매칭 성공률 / 11.5개월 평균 만남 기간", 그 아래 말풍선형 실시간 알림 "32세 한의사 남성 — 내 인연을 찾으러 프로필을 남겼어요"(순환), 하단 고정 그라데이션(레드→오렌지) 알약 CTA "내게 맞는 인연 알아보기 →". 헤더에 전화 아이콘 + 카카오톡 노란 원 + 햄버거. 메타 description: "성혼율 27.3% ... 100% 신원검증 회원과 AI 매칭, 전담 매니저 1:1 관리로 평균 11.5개월 내 성혼. 무료 상담 1668-1283".
- 섹션 순서: 히어로 → 어두운 풀스크린 공감 시퀀스(검은 배경에 빛나는 구체, "만날 곳이 없어요/소개팅 앱은 지쳤어요/진지한 사람이 없어요" 한 줄씩 나타남, "아래로 내려보세요") → "그래도 결혼은 하고 싶어요" 반전 → 밝은 화면 "결혼, 어디서부터 시작할까요? 모든 건 만남에서 시작돼요" → Real Stories(성혼 커플 웨딩 영상·수치 3,050+/85%/11.5개월) + 직접 들려주는 후기 3개(실명 마스킹 김○○, 나이·직업·성혼 연월) → "고객님이 말씀하셨고 저희가 모두 해결했습니다"(과거 불만 "연락이 늦어요/만날 사람이 없어요" → 해결완료 체크) → 성혼까지의 여정 7단계(가입→인증→프로필→매칭→만남→교제→성혼, 이모지·스파클) "지금 시작하면, 내년 이맘때 결혼할 수 있어요" → OUR TEAM(7년 업력/3,050+/전문가 매니저/100% 신원검증) → 유튜브 채널(43.8만 구독자, 누적 조회수 2.9억, 롱폼 579.1만회) → FAQ 6개(아코디언) → 푸터(사업자·통신판매·결혼중개업 신고번호 전부 표기).
- 카피 톤·핵심 소구: 공감 → 해소 → 확신의 서사형 카피, 친근한 구어체. 인상적 문구: "만났습니다. 모두의지인에서", "당신이 찾던 사람이 당신을 찾고있습니다.", "결혼하기, 너무 힘들죠?", "소개팅 앱은 지쳤어요 / 진지한 사람이 없어요", "상담 한 번이면 충분해요", "지금 시작하면, 내년 이맘때 결혼할 수 있어요", "고객님이 말씀하셨고 저희가 모두 해결했습니다".
- 신뢰 요소: 성혼 3,050+ 커플·매칭 성공률 85%·평균 11.5개월(반복 노출), 웨딩 영상, 후기(나이·직업·성혼 연월), 유튜브 구독자·조회수, 100% 신원검증, 푸터에 사업자등록·통신판매업·국내/국제 결혼중개업 신고번호, 서울 강남 사옥 주소.
- 전환 장치: 하단 고정 알약 CTA가 스크롤 구간마다 문구가 바뀜("내게 맞는 인연 알아보기" → "내 만남의 방향 알아보기" → "나만의 매칭 시작하기"), 헤더 전화·카톡 상시 노출, 말풍선 라이브 알림, 문의 시 약관 동의 모달(H2 "이용약관 및 개인정보처리방침에 동의하시겠습니까?"), 상단 얇은 레드 진행바.
- 모션·인터랙션(스크롤 프레임으로 확인): 스크롤 진행바, 검은 구간에서 빛 구체가 커지며 문장이 블러→선명으로 바뀌는 스크롤 연동 시퀀스(scroll-02~04), 말풍선 알림 순환, 하단 CTA 문구 교체. 라이브러리: libs 필드에 gsap/ScrollTrigger/aos/three/next 검출(문자열 매칭이라 '추정'. japan 사이트는 빌드 번들 app-*.js 로드가 scripts에서 확인됨). CSS keyframes 43개(japan 서브사이트 기준 수치 아님 — page.json 참조).
- 모바일 완성도·디자인: 모바일 퍼스트가 매우 높음(헤더 높이 최소, 하단 CTA 엄지 영역, 큰 터치 타깃). 핑크~코랄 그라데이션과 굵은 고딕 대형 타이포, 라운드 유리질 카드로 "프리미엄이지만 친근한" 인상. 일부 스크롤 프레임(scroll-07)이 빈 화면으로 캡처되어 지연 렌더링 구간이 길어 보임.
- 장점: ① 히어로의 거대 배경 글자 + 누끼 인물 레이어(깊이감) 위에 유리질 수치 카드 2개 ② 말풍선형 "N세 직업 남성이 방금 프로필을 남겼어요" 라이브 소셜프루프 ③ 어두운 풀스크린 공감 시퀀스(고객의 고민 한 줄씩 → "그래도 하고 싶어요") 후 밝은 화면으로 반전 ④ 하단 고정 CTA 문구를 섹션 맥락에 맞게 교체 ⑤ "과거 불만 → 해결완료" 체크 구조로 약점을 선제 해소 ⑥ 푸터에 신고번호까지 완전 노출.
- 단점/피할 것: 성혼율·성공률 수치의 산정 근거 각주가 보이지 않음(메타에는 27.3%, 본문에는 85%로 서로 다른 지표), 후기가 "○○" 마스킹 + 이모지 남발, 어두운 연출 구간이 길어 스크롤 피로, 렌더 지연 구간.
- 미확인: 폼/상담 모달 내부, 성혼 영상 재생, 실제 사용 라이브러리(번들 미분석), 85%의 정의.
모두의지인재팬 (한일 국제결혼 소개 — 목록 URL japan.jiin.love)
- 조사 URL: http://japan.jiin.love → https://japan.jiin.love/ . 확인일 2026-10-05. 캡처 폴더 captures/jiin-japan/ (모바일 높이 10,429px). 같은 템플릿의 보라색 변형.
- 대표 이미지: captures/jiin-japan/mobile-first.png, captures/jiin-japan/scroll-04.png, captures/jiin-japan/desktop-first.png (영상: captures/jiin-japan/mobile-scroll.webm)
- 첫 화면: 서브카피 "일본 여성과의 진지한 만남, 국제결혼 상담", H1 "만났습니다. 모두의지인에서"(보라 강조), 배경 거대 글자 "국제결혼", 수치 카드 "30,000+ 일본 여성 회원 / 4.8/5점 회원 만족도", 말풍선 "36세 물리치료사 여성 — 내 인연을 찾으러 프로필을 남겼어요", CTA "한일 국제결혼 상담받기 →", 헤더 "JP 日本語" 언어 토글, PC는 전화·카카오톡 상담 버튼. PC 히어로 본문: "본인확인을 마친 일본 여성 회원만 소개합니다. 1:1 전담 매니저가 첫 만남부터 결혼까지 함께합니다."
- 섹션 순서: 히어로 → 어두운 공감 시퀀스(스크롤 연동 블러→선명) → 성공 스토리(직접 들려주는 이야기 3건: 34세 서울 상담 진행 중 / 38세 서울 교제 진행 중 / 31세 부산 매칭 진행 중) → "국제결혼, 어렵게만 느껴지시죠?(언어가 다르니 불안해요/문화 차이/믿을 수 없어요)" → 여정 8단계(상담→프로필→신원검증(한일 양국)→매칭→첫만남(온라인/오프라인)→가교제→진교제→성혼) → Since 2020 → FAQ 6개(일본어 못해도 되나요, 검증, 비용, 비자, 만남 장소, 문화 차이) → 푸터(국제결혼중개업 신고번호).
- 카피 톤·핵심 소구: 안심·검증·니치 전문성. "한일 국제결혼, 어디서 시작할까요? 모든 건 신뢰에서 시작돼요", "검증된 파트너, 저희가 찾아드려요".
- 신뢰 요소: 일본 여성 회원 30,000+, 만족도 4.8/5, 한일 양국 신원검증 단계 명시, 후기에 "상담/교제/매칭 진행 중"이라는 정직한 상태 표기(성혼 사례가 아님), JSON-LD(Organization·WebSite·LocalBusiness) 구조화 데이터 확인(AI 검색 대응), 일본어 버전.
- 전환 장치: 하단 고정 알약 CTA("더 이상 혼자 고민하지 마세요 →" 등으로 교체), 전화 1668-1283, 카카오톡 상담, 라이브 말풍선.
- 모션: 국내 사이트와 동일(진행바, 어두운 구체 시퀀스, 블러→선명 텍스트 등장, 말풍선 순환). libs 필드 gsap/ScrollTrigger/aos/next 검출 + 자체 번들 app-*.js 확인(라이브러리명은 '추정'). CSS keyframes 43.
- 모바일 완성도·디자인: 국내 사이트와 같은 완성도, 보라색 계열로 국제/차분한 톤 구분(같은 템플릿에서 색만 바꿔 서브브랜드화).
- 장점: ① 같은 레이아웃에서 색·카피만 바꿔 타깃별 변형 랜딩을 만드는 템플릿 전략 ② JSON-LD(LocalBusiness 등) + 메타 description을 신경 쓴 SEO/GEO 대응 ③ 후기에 "교제 진행 중" 같은 단계 라벨로 과장 없는 신뢰감 ④ "일본어를 못해도 괜찮나요?" 식 불안 해소형 FAQ.
- 단점: 일본 여성 회원 30,000+ 수치의 근거 부재, 후기 문구가 모두 비슷해 작위적으로 읽힘.
- 미확인: 실제 상담 폼, 일본어 페이지(/ja 추정) 동작.
블라인드 (직장인 익명 커뮤니티 — 광고 채널, 랜딩 신뢰 표현 참고용)
- 조사 URL: https://www.teamblind.com/kr → https://www.teamblind.com/kr/ . 확인일 2026-10-05. 캡처 폴더 captures/blind/ (모바일 높이 29,487px)
- 대표 이미지: captures/blind/mobile-first.png, captures/blind/scroll-05.png (영상: captures/blind/mobile-scroll.webm). PC(desktop-first.png)는 "Oops! Something went wrong" 오류 화면이 캡처됨 — 비교용으로만 쓰고 보고서에는 쓰지 말 것.
- 성격: 마케팅 랜딩이 아니라 로그인 전 공개 피드 홈(웹 랜딩 = 커뮤니티 홈). 첫 화면은 상단 검색창 "관심있는 내용을 검색해보세요!" + 코랄 "로그인" 버튼, 탭(홈/채널/기업 리뷰/금주의 특가 AD), 광고 배너(하나은행), "토픽 베스트" 게시글 리스트(좋아요·댓글 수). 상단 CTA "대한민국 직장인 생활백서 블라인드 다운로드"(앱 다운로드 유도, 텍스트 링크).
- 섹션: 토픽 베스트 → Blind Alter 최신 글 → 카테고리별 인기글 블록 수십 개(블라블라, 부동산, 주식·투자, I'm솔로, 예신예랑 결혼준비, 썸·연애, 결혼생활 등. 블록마다 '더보기') → 회사 라운지/직군 라운지/실시간 인기 회사 → 푸터. title "블라인드", description "Blind: 투명한 소통을 통해 지속가능한 조직문화를 만듭니다."
- 카피 톤·소구: 날것의 구어체 글 제목 자체가 콘텐츠(예: "와 여잔데 로테이션 소개팅 0표받음"). 소구는 익명성·솔직함·직장인 인증 기반 커뮤니티(신뢰 문구는 이 페이지 본문에는 거의 없음, 검색 스니펫에서 "회사 인증 기반 직장인 소개팅 앱 블릿" 표현을 확인).
- 신뢰 요소: 이 화면에서 확인된 것은 조회수·좋아요·댓글 수 같은 활동 지표와 "회사/직군 라운지"(소속 인증 전제)의 구조뿐. 인증·심사 문구는 본문에서 확인하지 못함.
- 전환 장치: 로그인 버튼, 앱 다운로드 링크, 광고 배너. 하단 고정 CTA는 확인 안 됨.
- 모션·인터랙션: 정적 리스트 + Swiper(swiper.min.js 스크립트 로드 확인, Nuxt 번들 _nuxt/*.js 확인), 스크롤 등장 애니메이션 없음(프레임상). Rive 흔적은 libs 문자열 매칭이라 미확인.
- 모바일 완성도·디자인: 흰 배경·검정 굵은 고딕·코랄 포인트의 매우 단순한 UI. 정보 밀도 높음, 리스트형이라 읽기 쉬움.
- 장점(공썸이 가져올 것): ① 후기/공감을 "실제 사용자 글 제목 그대로" 카드화하는 방식(원문체의 힘) ② 좋아요·댓글·조회수 같은 활동 수치를 항목마다 붙여 살아있는 서비스 느낌 ③ 카테고리 칩(주제별 블록)으로 AI 검색 롱테일 질문(예: 40대 소개팅)을 섹션 H2로 나누는 구조.
- 단점/피할 것: 랜딩 목적의 가치 제안(H1)이 없음, PC 오류 화면 캡처, 광고 배너가 첫 화면 대부분 차지.
- 미확인: 블라인드가 만든 소개팅 앱 블릿(Bullit)의 별도 랜딩 — 이번 담당 범위(teamblind.com/kr) 밖이라 캡처 안 함. PC 정상 화면, 로그인 후 화면.
미츠(mits) (소개팅앱 — 웹 랜딩 확인 못함, 앱스토어 리스팅으로 대체)
- 조사 URL: https://apps.apple.com/kr/app/id6470448175 (앱 "미츠 : 검증기반 하이엔드 소개팅", 개발사 Match.Innovation Inc). 확인일 2026-10-05. 캡처 폴더 captures/mits-appstore/ (page.html + 스크린샷 listing-00~05.jpg). 시도: WebSearch로 공식 웹사이트 검색 → 앱스토어 리스팅만 나옴, 리스팅 HTML에서 개발사 링크로 Notion 페이지(grove-vault-09c.notion.site/meets-…)만 보였는데 미츠 공식인지 확인 못해 사용하지 않음. 앱스토어 URL은 capture.mjs로 두 번(ID형·전체 URL형) 시도했으나 net::ERR_ABORTED로 실패 → 같은 URL 반복 호출 금지 규칙에 따라 중단, curl로 받은 HTML과 스크린샷 이미지로 분석. 따라서 모바일/데스크톱 풀페이지·스크롤 영상 없음.
- 대표 이미지: captures/mits-appstore/listing-00.jpg, captures/mits-appstore/listing-02.jpg, captures/mits-appstore/listing-04.jpg (영상 없음)
- 첫 화면(스토어 1번 스크린샷): 검정→와인레드 그라데이션 배경, 헤드라인 "하이엔드 검증기반 데이팅앱", 불릿 4개 "100% 실명 가입제 / 외모+재력 상위 1% 모임 / 최상위 계층 셀소 / 강력한 프라이버시 보호", 기울어진 폰 목업(M 로고), 우하단 "상위 1% 하이엔드 소개팅앱".
- 섹션(스토어 스크린샷 순서): 2번 "전문직, 사업가, 승무원 — 까다로운 검증을 거쳐 엄선된 데일리 카드 제공"(Daily Cards 화면: 직업·나이·지역만 노출한 카드 4장, "12시, 15시, 18시, 21시에 소개해 드려요") → 4번 "전문직, 억대연봉, 큰 키 — 원하는 조건으로 소개받기"(전문직/억대연봉/자산가/큰키/뉴비 소개받기 버튼 목록) 등 총 6장.
- 카피 톤·소구: 상위 1%·프리미엄·검증. 설명문 원문: "경제력+외모+능력 대한민국 상위 1% 남녀만 모였다.", "다 조건 보고 만나잖아? 그게 어때서?", "힘들게 소개팅 받지마세요 미츠에서는 이미 검증된 사람들이 모이니까", "연락처 기반 지인 피하기 기능".
- 신뢰 요소: 실명·서류 인증 가입 절차, 남녀 가입 조건 구체 명시(억대 연봉·전문직·자산 10억 / 모델·미인대회 경력), 직접 승인, 지인 피하기, 개인정보 보호 알고리즘. 후기·언론·수치 없음.
- 전환 장치: 스토어 설치 버튼 외 확인 불가.
- 모션·인터랙션: 해당 없음(정적 스토어 이미지). 데일리 카드가 정해진 4개 시간대에 소개되는 방식이 상품 특징으로 제시됨.
- 디자인: 블랙+와인레드, 흰 굵은 고딕 대형 헤드라인, 폰 목업 — 럭셔리/폐쇄적 인상.
- 장점: ① "하루 4번 12/15/18/21시 소개" 같은 구체적 리듬 제시(서비스 작동 방식을 한 줄로 이해시킴) ② 직업·나이·지역만 보여주는 카드형 프리뷰로 개인정보 과노출 없이 서비스 느낌 전달 ③ 가입 조건을 구체 수치로 공개해 "엄선" 메시지에 설득력 ④ "지인 피하기"를 불릿 한 줄로 요약.
- 단점/피할 것: "상위 1%·외모 상위" 식의 서열 표현(40~50대·여성 타깃에 부담, 공썸 톤과 상충), 근거 없는 수치 선전, 중복 키워드를 나열한 설명문(경쟁 앱 이름 다수 나열 — 스토어 정책 리스크).
- 미확인: 별도 웹 랜딩 존재 여부(검색으로 못 찾음), 안드로이드/플레이스토어 리스팅, 실제 앱 화면 전체.
당근마켓 모임 (지역 커뮤니티/모임 — 4050 모임 채널)
- 조사 URL: https://www.daangn.com/kr/group/ → 위치 기반 검색 페이지 https://www.daangn.com/kr/search/group/ 로 리다이렉트(캡처 시 서울 도봉구 창동 기준 결과 174건) + 개별 모임 상세 예시 https://www.daangn.com/kr/group/r4z3q3iq5ma4/ ("여자끼리 커피 마셔요", 45-55세 또래 모집). 확인일 2026-10-05. 캡처 폴더 captures/daangn-group/, captures/daangn-group-detail/
- 대표 이미지: captures/daangn-group/mobile-first.png, captures/daangn-group/desktop-first.png, captures/daangn-group-detail/mobile-first.png (영상: captures/daangn-group/mobile-scroll.webm, captures/daangn-group-detail/mobile-scroll.webm)
- 첫 화면(모임 허브): 당근 로고 + 주황 "앱 다운로드" 버튼, 둥근 검색창 "검색어를 입력하세요", 탭 칩(전체/중고거래/동네업체/…/모임), H1 "창동 모임 검색 결과", 지역 선택/현재 위치로 설정, "인기 검색어" 칩(배드민턴·골프·러닝·영어·등산·축구·…), 모임 카드 리스트(대표사진·제목·소개 2줄·지역·멤버 수·카테고리).
- 섹션 순서: 검색/카테고리 → 인기 검색어 → 모임 카드 리스트 174건(ItemList JSON-LD 확인) → 푸터. 상세 페이지는 커버 이미지 → 모임명·멤버/게시글/최근 활동 → 소개글 → 태그 칩(지역·동네친구·72~82년생) → 주황 풀폭 CTA "당근 앱에서 보기" → 앨범 → 멤버 → 게시글 → "당근에서 가까운 이웃과 함께해요. 지금 바로 다운로드하기" → 푸터.
- 카피 톤·소구: 이웃·동네·부담 없음. 모임 소개글 원문 예: "어색해도 괜찮아요 처음엔 누구나 그래요 편하게 들어오세요", "억지 없이 자연스럽게 친해지고 싶은 분", "인연의 소중함을 아시는분 / 45-55세 또래분들만", "오래 함께할 사람 위주로 운영". 규칙(과한 술 강요 ❌ 등)을 소개글에 명시하는 모임이 많음.
- 신뢰 요소: 멤버 수·게시글 수·"2개월 전 활동"(최근 활동 시점)·실제 게시글/댓글 공개, 연령대 태그(72~82년생), 푸터에 사업자등록·통신판매·직업정보제공·위치기반서비스 약관 등 전부 노출.
- 전환 장치: 헤더 "앱 다운로드", 상세 페이지 풀폭 주황 "당근 앱에서 보기", 하단 앱 다운로드 안내. 웹에서는 보기만 가능하고 가입은 앱으로 유도하는 구조.
- 모션·인터랙션: 거의 정적 SSR 페이지(libs 필드 aos 문자열 매칭 정도, 상세 페이지는 라이브러리 미검출). 스크롤 등장 애니메이션 없음. 칩 필터, 더보기 정도.
- 모바일 완성도·디자인: 브랜드 오렌지 하나와 회색 배경·흰 카드·큼직한 라운드의 일관된 디자인 시스템. 가독성과 터치 영역 우수. 마케팅 연출 없음.
- 장점: ① 모임 상세의 태그 칩("동네친구 / 72~82년생 / 지역")으로 대상·성격을 한눈에 표기 ② "멤버 N · 게시글 N · 2개월 전 활동"으로 살아있음을 보여주는 메타 줄 ③ 소개글에 "어색해도 괜찮아요" 같은 부담 낮추는 문장과 규칙 병기 ④ ItemList JSON-LD로 목록을 검색엔진에 구조화 ⑤ 웹에서 먼저 구경하게 하고 앱 설치로 연결하는 풀폭 단일 CTA.
- 단점/피할 것: 모임 카드 품질이 제각각(이모지·구분선 난립), 웹만으로는 가입 불가, 연애 목적 모임은 신뢰·안전 장치 문구가 부족.
- 미확인: 앱 내 모임 가입 흐름, 4050 연애 전용 모임 규모.
만나(Manna) (소개팅 — 광주/전라 1:1 이상형 소개팅, 공식 랜딩 확인 못함)
- 조사 URL: 확인 못함. 확인일 2026-10-05. 캡처 없음(captures/ 폴더 없음).
- 시도한 것: (1) 00-target-list.json — urls·appStoreUrls 모두 비어 있고 출처는 광고 소재 조사(2026-07-22 트렌드 보고서, 2026-08-19 서체·카피 조사)뿐. 광고 카피 원문: "광주/전라 1:1 이상형 소개팅", "생각만 해오던 이상형을 만나게 됐습니다 — 믿기지 않으실 겁니다. 소개팅을 하지 않아도 어떤 이성이 나에게 호감이 있는지 궁금하잖아요", 직업·출생연도별 후보 리스트를 결혼정보회사식 명부로 노출. (2) WebSearch 3회(만나 Manna 소개팅 공식 사이트 / 광주 전라 1:1 이상형 소개팅 / 인스타그램 manna_gwangju 포함 질의): 같은 이름의 교회 소그룹 앱(개발자 eunbae gong, 앱스토어 id6744582157, 소개팅과 무관), 밥만나·만두 등 다른 앱, 광주 로테이션 소개팅 업체(이연시 2yeonsi.com, 술개팅 등)만 나옴 — 광고 주체와 일치한다는 증거 없음. (3) 도메인 추측 접속 manna.co.kr, mannagj.com, manna.love 응답 없음, manna.kr 은 manna.or.kr(무관한 기관 추정)로 이동. 일치 여부 확인 못해 캡처하지 않음.
- 결론: 웹/스토어 랜딩 없음 또는 광고 전용 랜딩(메타 광고 링크)으로 추정(추정임). 광고 URL이 필요하면 광고 보고서의 원본 광고 링크(Meta Ad Library)에서 CTA 목적지를 확인해야 함 — 이번 조사 범위(공개 웹 검색)에서는 미확인.
- 미확인 사항: 공식 URL 전부, 카피·구조·모션 전부.
그룹 종합: 공썸 랜딩에 가져올 장점 TOP 7
- 라이브 소셜프루프 말풍선(모두의지인) — 히어로 하단에 "32세 한의사 남성 — 내 인연을 찾으러 프로필을 남겼어요 / 프로필 한 장이 성혼으로 이어졌어요"가 순환. 공썸은 직업 대신 "○○대 여성 — 오늘 소개를 받았어요" 식으로 개인정보 없는 수준에서 적용(캡처: captures/jiin-kr/mobile-first.png).
- 하단 고정 알약 CTA의 문구가 섹션 맥락에 따라 교체(모두의지인: "내게 맞는 인연 알아보기" → "내 만남의 방향 알아보기" → "나만의 매칭 시작하기") + 상단 얇은 진행바 — 엄지 영역 전환 장치의 모범(captures/jiin-kr/scroll-03.png, scroll-07.png).
- 공감 → 반전 서사 시퀀스(모두의지인) — 어두운 풀스크린에서 "만날 곳이 없어요 / 소개팅 앱은 지쳤어요"를 한 줄씩 보여준 뒤 "그래도 결혼은 하고 싶어요"로 전환. 공썸은 "혼자 치는 라운드, 이젠 같이" 식 40~50대 공감 문장으로 변주, 단 어두운 구간은 짧게(captures/jiin-kr/scroll-03.png, captures/jiin-japan/scroll-04.png 블러→선명 등장 참고).
- 숫자 + 기준일 + 산정 방식 각주(듀오) — "회원수 35,363명 / 성혼수 54,912명 (2026.10.1 기준)"과 "청첩장·웨딩사진 1차, 통화 2차 확인" 각주. 공썸은 수치가 쌓이기 전이므로 수치 대신 운영 절차(본인인증→운영팀 승인→매니저가 상대 의사 확인 후 연락처 전달)를 같은 방식으로 날짜·기준과 함께 명시(captures/duo/desktop-first.png).
- "과거 불만 → 해결완료" 구조와 FAQ 불안 해소(모두의지인 국내·재팬) — "연락이 늦어요 → 해결완료", "일본어를 못해도 괜찮나요?". 공썸은 "지인에게 노출되면 어떡하죠?(지인·학교·직장 차단)", "사진이 유출되면?(5분 공개·캡처 차단)"을 FAQ 상단 질문으로(captures/jiin-kr/ 텍스트, captures/jiin-japan/ FAQ).
- 푸터 신뢰 정보 완전 노출 + 구조화 데이터(모두의지인·당근·듀오) — 사업자·통신판매·결혼중개업 신고번호, 운영사, 주소, 전화, 그리고 Organization/LocalBusiness JSON-LD, 목록형은 ItemList JSON-LD(당근). AI 검색(GEO/AEO) 인용 근거로 직결.
- 태그 칩 + 활동 메타 줄(당근 모임) — "동네친구 / 72~82년생 / 지역"과 "멤버 N · 게시글 N · 2개월 전 활동"처럼 대상·성격·활기를 한 줄로 보여주고 소개글에 "어색해도 괜찮아요"와 규칙을 병기. 공썸은 "2:2·3:3 혼성 / 골프 구력 무관 / 만 19세 이상" 칩과 모임 일정 카드에 응용(captures/daangn-group-detail/mobile-first.png, captures/daangn-group/desktop-first.png).
보조 메모: 피해야 할 것 — 팝업이 화면을 덮는 프로모 우선 첫 화면(듀오), 서열·"상위 1%" 표현(미츠), 근거 불분명한 수치 병기(모두의지인 27.3%/85%), 이모지 남발 후기, 마스킹 후기 문구의 획일성. 이번 그룹에서 못 확인한 것: 만나(Manna) 전부, 미츠 웹 랜딩, 블라인드 PC 정상 화면.
그룹 9
g9 랜딩 조사 — 설화수 · 탬버린즈 · 29CM (확인일 2026-10-05)
선정 배경 (여성 타깃 취향 보고서 2026-09-27-female-target-taste-report.html §1에서 확인)
- 설화수·이솝·탬버린즈·29CM 공식 웹사이트를 직접 본 결과: 브랜드명은 작고 절제된 워드마크(설화수=절제된 흰 스크립트, 탬버린즈=자간 넓은 흰 대문자), 셋 다 심볼·아이콘·그라데이션 없음.
- 누르는 곳: 탬버린즈는 버튼 없이 흰 글자+얇은 밑줄, 설화수는 텍스트 링크, 29CM는 모서리 거의 각진 단색/윤곽선 버튼.
- 핵심: "그라데이션+광택+발광 알약 버튼" 사례 0건, 효과를 겹쳐 쌓지 않음. 이 관점(색·서체·사진 톤·여백·고급감·모션)으로 분석.
설화수 (뷰티, 아모레퍼시픽)
- 조사 URL: https://www.sulwhasoo.com/ (200, 카페24 기반 쇼핑몰형 홈), 확인일 2026-10-05, 캡처 폴더 captures/sulwhasoo/
- 대표 이미지: captures/sulwhasoo/mobile-first.png, captures/sulwhasoo/scroll-02.png, captures/sulwhasoo/desktop-first.png, 영상 captures/sulwhasoo/mobile-scroll.webm
- 첫 화면(히어로): 모바일은 주황 단색 풀블리드 배경+모델과 제품. 서브카피 "어떤 시간에도 단단한 윤빛 피부" 위, 제품명 "윤조에센스" 굵게 가운데 정렬. 상단에 햄버거·흰 'Sulwhasoo' 스크립트 워드마크·검색. 하단에 얇은 진행바+일시정지 버튼(슬라이드 자동재생). 주 CTA 버튼 없음(배너 전체가 링크). PC는 같은 슬라이드 형식(베이지~주황 톤 제품 컷, 좌측 정렬 "1회 사용만으로 차오르는 탄력 / NEW 자음생크림콜라겐마스크"), 투명 상단 내비(윤조·자음생·기프트·베스트 셀러·제품·스파·플래그십 스토어·ABOUT).
- 섹션 순서: 풀블리드 슬라이드 히어로(3장: 자음생크림 / 자음생크림콜라겐마스크 / 윤조에센스) → "설화수 추천"(상품 카로셀+가격) → "베스트 셀러"(큰 제품 컷+"자세히 보기") → "설화수 시즌추천"(인물 손 컷+"환절기에도 흔들림 없는 피부 방어력"+상품 2열 카드) → "설화수 북촌 플래그십 스토어"(한옥 매장 사진+외곽선 버튼 "자세히 보기") → SNS 4개 아이콘 → 푸터.
- 카피 톤: 짧은 명사형·감각적 효과 중심, 과장 없음. 원문: "시간의 흐름에 지지 않는 아름다움을 위한 여정"(타이틀), "층층이 살아나는 고밀도 피부", "1회 사용만으로 차오르는 탄력", "환절기에도 흔들림 없는 피부 방어력", "가을을 맞이하는 가장 가치있는 선택".
- 신뢰 요소: 아모레퍼시픽 모기업 푸터, 위조품방지 메뉴, 플래그십 스토어(오프라인 실체 사진), 가격 공개(상품 카드마다 정가 표기).
- 전환 장치: 헤더 고정 "매장찾기 / 구매하기" 텍스트 링크, 상품 카드 가격 노출, 우하단 "맨 위로" 버튼. 전환 압박(팝업·카운트다운) 없음.
- 모션·인터랙션: 히어로 자동 슬라이드(진행바+정지버튼, 접근성 고려), 상품 카로셀 가로 스와이프. 스크롤 프레임(scroll-00~03)상 큰 패럴랙스·등장 애니메이션은 관찰되지 않음(정적 스크롤). CSS keyframes 5개. 라이브러리: swiper 추정(번들 내부라 scripts 목록에서 직접 확인 못 함), 카페24 확인(스크립트 도메인), barba/next는 단순 문자열 매칭이라 미확인.
- 모바일 완성도·디자인 시스템: 첫 화면 한 장이 '색 하나+얼굴+제품'이라 인상이 강함. 주황(브랜드 색)을 히어로 배경과 제품 용기에만 쓰고 본문은 흰 바탕+검정 글씨로 절제. 제목은 가운데 정렬, 굵은 고딕, 영문 부제는 가늘고 회색. 상품 카드는 연회색(#eee 계열) 면 위 제품 컷. 사진은 따뜻한 중간톤, 인물은 피부 광택·크림 베이지 의상. 여백 넉넉(섹션 사이 큰 공백). 단 상단 전환용 구조가 쇼핑몰 홈이라 정보량은 많음. 버튼은 얇은 회색 윤곽 사각형(각진 모서리), 그라데이션·광택 버튼 없음 — 보고서 내용과 일치.
-
장점(공썸이 가져올 것):
- 히어로를 '단색 풀블리드 배경 + 인물 1명 + 짧은 한 줄'로 구성(색 하나로 브랜드 기억).
- 영문 부제는 가늘고 회색, 한글 제목은 굵게 — 위계가 단순.
- 외곽선 각진 사각 버튼 "자세히 보기" — 과장 없는 CTA.
- 오프라인 실체(한옥 플래그십) 사진으로 신뢰·품격 전달 → 공썸은 매니저/운영팀 사진·상담 장면으로 치환 가능.
- 자동재생 슬라이드에 진행바+일시정지 제공(40~50대 접근성).
- 단점/피할 것: 쇼핑몰 구조라 첫 화면에 행동 유도가 약함(CTA 없음). 슬라이드 속 인물 사진은 광고 이미지 의존. 헤더 메뉴가 길어 랜딩에는 부적합.
- 미확인 사항: 슬라이드 정확한 전환 시간·easing, 실제 사용 폰트명(스크립트 로고는 이미지로 보임, 본문 고딕은 확인 못 함), 정확한 hex 값.
탬버린즈 (향수·핸드크림 뷰티)
- 조사 URL: https://www.tamburins.com/kr/ (200, Next.js 기반), 확인일 2026-10-05, 캡처 폴더 captures/tamburins/
- 대표 이미지: captures/tamburins/mobile-first.png, captures/tamburins/desktop-first.png, captures/tamburins/mobile-full.png, 영상 captures/tamburins/mobile-scroll.webm
- 첫 화면(히어로): 화면 전체가 풀블리드 패션 사진 한 장. 모바일은 황토색 질감 배경 위 전신 모델(투명 오간자 코르셋 의상), 하단 중앙에 흰 대문자 "SUMMER TAILS" + 버튼 없는 밑줄 텍스트 링크 "제품 보기 / 캠페인 보기". 좌상단 흰 "TAMBURINS" 워드마크(굵은 대문자), 우상단 장바구니·검색·햄버거. PC는 연두 회색 배경+클로즈업 모델, "O HAND CREAM" 제목+같은 밑줄 링크 2개, 하단에 슬라이드 진행선 2개. 투명 내비(오 핸드크림·기프트(붉은색 강조)·퍼퓸·핸드&립·바디…).
- 섹션 순서: 풀블리드 히어로 슬라이드 2장(O HAND CREAM / SUMMER TAILS)이 거의 전부 → 푸터(매장안내·고객서비스·법적 고지·소셜 미디어 목록) → 사업자정보. 홈 높이 모바일 1,140px, 즉 사실상 한 장짜리 홈.
- 카피 톤: 설명 문장이 거의 없고 영문 캠페인명만 제시. 메타 설명 원문: "탬버린즈는 규정되지 않은 아름다움을 탐구하는 향수 브랜드입니다." 원문 문구: "SUMMER TAILS", "O HAND CREAM", "NEW 오 핸드크림 컬렉션을 만나보세요."(PC 상단 검색 옆).
- 신뢰 요소: 푸터에 사업자등록번호·대표자·통신판매업신고·개인정보 책임자·하나은행 채무지급보증 문구 등 법정 정보를 상세 표기.
- 전환 장치: 히어로 안 "제품 보기"가 주 CTA(밑줄 링크), 장바구니·로그인·매장보기 상시 노출. 팝업·할인 배지 관찰되지 않음.
- 모션·인터랙션: 히어로 슬라이드 2장 자동 전환, 하단 얇은 진행선(scroll 프레임에서도 진행선 길이 변화). 이외 큰 등장 모션은 한 화면이라 관찰 안 됨. 라이브러리: Next.js 확인(/_next/static 스크립트), swiper는 문자열 매칭만이라 미확인. keyframes 4개, JSON-LD 2개.
- 모바일 완성도·디자인 시스템: 압도적으로 사진이 중심 — 질감 있는 단색 배경(황토/세이지)+강한 에디토리얼 인물. 텍스트는 흰색 한두 줄, 장식 요소 전혀 없음. 서체는 굵은 산세리프 대문자(영문), 한글은 고딕. 흰 글씨가 사진 위라 중앙 하단에 놓아 가독 확보(황토 배경 위 흰색은 대비가 중간 정도). 푸터는 흰 바탕+검정 텍스트로 급전환. 보고서에서 말한 "버튼 없이 흰 글자+얇은 밑줄"과 일치.
-
장점(공썸이 가져올 것):
- 버튼 대신 흰 글자+얇은 밑줄 링크로 CTA — 효과 없는 고급감(광고 하단 CTA 후보).
- 히어로 하단 중앙에 문구·링크를 모아 모바일 엄지 영역에 배치.
- 질감 있는 단색 배경 한 가지로 분위기 통일.
- 슬라이드 진행을 얇은 선 하나로만 표시(점·화살표 없음).
- 푸터 사업자·보증 정보를 빠짐없이 표기해 신뢰 확보(공썸도 필수).
- 단점/피할 것: 설명이 거의 없어 처음 보는 사람이 서비스를 이해하기 어렵다(소개 랜딩에는 부족 — 공썸은 AI 검색 유입이라 설명 문장 필수). 패션적 파격 이미지는 40~50대 일반 여성에게는 이질적일 수 있음. 흰 글씨 가독성이 배경 밝기에 좌우됨.
- 미확인 사항: 슬라이드 전환 시간, 정확한 폰트명, 데스크톱 메뉴 호버 동작, 스크롤 프레임 2장뿐이라 이후 섹션 없음(단일 화면 구조 확인).
29CM (패션·라이프스타일 셀렉트샵)
- 조사 URL: https://www.29cm.co.kr/ (200, Next.js 기반), 확인일 2026-10-05, 캡처 폴더 captures/29cm/ (모바일 높이 12,519px, scroll 프레임 14장)
- 대표 이미지: captures/29cm/mobile-first.png, captures/29cm/scroll-08.png, captures/29cm/desktop-first.png, 영상 captures/29cm/mobile-scroll.webm
- 첫 화면(히어로): 모바일은 상단 얇은 자간 넓은 검정 워드마크 "29CM"+장바구니·검색, 그 아래 라운드 모서리 기획전 카드 한 장("Autumn Collection" 이탤릭 세리프 + "취향으로 채워질 가을 옷장")이 가로 스와이프로 다음 카드(하늘색)가 살짝 보임(peek). 하단 고정 탭바(홈·카테고리·검색·좋아요·마이페이지). 페이지 텍스트에 "29CM 앱 설치하고 15% 할인 받기 / 앱으로 보기" 배너가 있음(캡처 첫 화면에는 안 보여 노출 시점은 미확인). PC는 흰 바탕에 큰 굵은 메뉴(Special-Order Showcase PT 29Magazine), 카테고리 대문자 한 줄, 아래 3분할 기획전 이미지(가을 컬렉션 / 10월 살림마켓 / MOVE & SWEAT).
- 섹션 순서: 기획전 카로셀 → 큐레이션 카드 반복(큰 사진 + 굵은 제목 + 한 줄 설명 + 상품 세로 리스트: 이미지·브랜드·상품명·할인율(주황)·가격·쿠폰/무료배송 칩·좋아요 수) 형태로 12,000px 가량 무한 반복.
- 카피 톤: 브랜드 취향을 사람 목소리로 풀어낸 짧은 구어체 한 줄. 원문: "취향으로 채워질 가을 옷장"(Autumn Collection), "단독으로 만나는 / 플르부아의 새로운 패키지를 이곳에서만 만나요.", "소신으로 지은 한 벌", "직접 빚어서 똑같은 모양이 없대요", "목선 하나가 전부를 바꿔요", "차가운 바람도 부드럽게 감싸요". 타이틀 메타: "감도 깊은 취향 셀렉트샵".
- 신뢰 요소: 상품별 좋아요 수(1.5만 등) 사회적 증거, "단독" 배지, 쿠폰·조건부 무료배송 칩. 회사 정보는 이 캡처에서 확인하지 않음.
- 전환 장치: 하단 탭바 고정, 앱 설치 15% 할인 배너, 할인율을 주황색으로 강조, 좋아요(찜) 하트. 로그인/회원가입은 PC 우상단 외곽선 작은 버튼.
- 모션·인터랙션: 기획전 카로셀 가로 스와이프, 하단 탭바는 반투명 블러 오버레이, 카드 이미지 등장 애니메이션은 scroll 프레임에서 관찰되지 않음(정적 스크롤). CSS keyframes 0개, JSON-LD 1개. 라이브러리: Next.js 확인(/_next 스크립트).
- 모바일 완성도·디자인 시스템: 앱 같은 정보 밀도지만 질서가 좋음. 흰 바탕, 검정 굵은 산세리프(제목) + 가는 본문, 주황 하나만 할인 강조색. 사진 톤은 따뜻한 베이지·브라운·뮤트 컬러로 통일(기획전마다 종이 질감·스탬프·폴라로이드식 콜라주). 카드 모서리는 작은 둥근 라운드(약 12px 정도)로 보고서의 "각진 단색 버튼"과는 약간 다름. 여백 크게(카드 사이 120px 안팎), 영문은 이탤릭 세리프로 감성 포인트. 서브제목 큰 글씨로 40~50대도 읽기 쉬움.
-
장점(공썸이 가져올 것):
- 사진 한 장 + 굵은 제목 + 한 줄 설명을 반복하는 단순 카드 리듬.
- 구어체 한 줄 카피("~대요", "~해요")로 사람 목소리 전달 → 공썸 FAQ·단계 설명에 적용.
- 다음 카드를 살짝 보여주는 peek 가로 카로셀(스와이프 힌트).
- 반투명 하단 고정 탭/CTA 바로 가입 동선 상시 노출.
- 포인트 컬러 한 가지(주황)만 사용해 중요 숫자·CTA 강조.
- 단점/피할 것: 상품 리스트형 정보 과밀·무한 스크롤은 소개 랜딩에 부적합. 할인율·쿠폰 칩 같은 판매 압박 요소는 공썸 톤과 어긋남. 12,000px 길이는 가입 전 이탈 위험.
- 미확인 사항: 앱 설치 배너 노출 시점·위치, 정확한 서체명(고딕 계열 추정), 카로셀 자동전환 여부, 푸터 사업자 정보.
그룹 종합: 공썸 랜딩에 가져올 장점 TOP 7
- 히어로는 '단색(또는 질감) 풀블리드 배경 + 인물/사진 1장 + 한두 줄 카피' (설화수 주황 히어로, 탬버린즈 풀블리드). 효과를 겹치지 않는다.
- CTA는 그라데이션·광택 알약 버튼 대신 얇은 윤곽 각진 버튼 또는 밑줄 텍스트 링크(설화수 "자세히 보기", 탬버린즈 "제품 보기"). 단 소개 랜딩은 눌림 확률이 중요하므로 대비를 충분히 줄 것(보고서의 A/B 권고와 같은 방향).
- 워드마크는 작게 단색으로(탬버린즈 흰 대문자, 설화수 흰 스크립트, 29CM 얇은 자간 넓은 검정) — 브랜드명을 헤드라인보다 크게 두지 않는다.
- 위계: 굵은 한글 제목 + 가는 회색 부제(설화수), 큰 서브제목으로 40~50대 가독성 확보(29CM).
- 사진 톤 통일: 따뜻한 중간톤·베이지·뮤트 컬러, 인물은 자연스러운 피부 광택(설화수·29CM).
- 실체 신뢰: 오프라인 실체 사진(설화수 한옥 플래그십 → 공썸은 운영팀/매니저 상담 장면), 푸터에 사업자정보·통신판매업·보증을 빠짐없이 표기(탬버린즈).
- 구어체 한 줄 카피 + peek 가로 카로셀 + 반투명 하단 고정 CTA 바(29CM), 자동 슬라이드엔 진행선+정지버튼(설화수·탬버린즈).
- 공통 한계: 이 셋은 정보 설명이 거의 없는 쇼핑몰/브랜드 홈이라 서비스 이해(AI 검색 유입)를 돕는 섹션 구조(문제→방식→안전→후기→FAQ)는 데이팅 경쟁사 쪽 조사 결과에서 가져와야 한다.
웹 모션 레퍼런스 — 무협환생기 대화기록 기준
공썸 랜딩 웹 모션 레퍼런스 정리 (무협환생기 세션 verbatim 기반)
작성일 2026-10-05. 읽기 전용 조사 결과다. 무협(먹·붓) 소재 자체가 아니라 기법 · 품질 기준 · 성능 원칙만 옮기는 것이 목적이다.
근거 출처(모두 로컬 확인):
-
사용자 메시지 추출본
...scratchpad\muhyeop_user_msgs.txt(무협환생기 세션 f2c704c2 사용자 발화만) -
세션 원본
C:\Users\jong\.claude\projects\D--work-sales-apps-muhyeop-hwansaeng\f2c704c2-9058-46e4-8e52-9954b12dd04a.jsonl(Grep/부분 파싱만 함. 라인 번호는 jsonl 기준) -
D:\work\sales\apps\muhyeop-hwansaeng\docs\research\design-showcase-2026-09-17\index.html(끝내주는 웹사이트 81곳 조사 보고서) -
D:\work\sales\apps\muhyeop-hwansaeng\docs\motion-direction-2026-10.md -
studio\ink3d-kit.mjs,motion.mjs,page-brush.mjs,sound.mjs,gangho3d.mjs,rebirth3d.mjs,wonguk-fx.mjs,brush-draw.mjs,replay.mjs,backdrop.mjs,ring-gl.mjs머리 주석 -
메모리
full-motion-always.md,multimodal-av-review.md
A. 사용자 원문(verbatim) 품질 기준 · 지시
모두 무협환생기 세션 사용자 발화 원문이다(시각은 추출본 그대로).
| 날짜 | 원문 | 읽는 법 |
|---|---|---|
| 2026-09-17 01:07 | "끝내주는 디자인의 웹사이트들, 또는 끝내주는 웹사이트들을 모아놓은 최신 웹사이트들로부터 끝내주는 웹사이트들을 섭에이전트 소넷 병렬 조사 후 보고서 써 섬네일, 링크, 어떤 부분이 디자인이 좋더라 이런 언급도 살짝 적고" | 레퍼런스는 섬네일 + 링크 + "어디가 좋은가" 한 줄로 정리 |
| 2026-09-17 08:09 | "우리쪽이라 비슷하거나 동양풍이거나 멋지고 아름답고 훌륭한 웹서비스 츄가 조사" | 자기 서비스와 닮은 도메인 레퍼런스를 별도로 |
| 2026-09-17 11:29 | "더 동적이고 인터랙티브하고 시작적인 요소들 위주로 조사해서 반영해봐" | 조사에서 끝내지 말고 반영까지 |
| 2026-09-26 09:17 | "정말 세상에서 가장 끝내주는 웹사이트를 만들어. 네가 세상에서 최고의 모델이라며 너의 최선을 다 해서 최고의 결과를 내봐. 지금의gui 신경 안써도 돼 싹 다 갈아엎어도 되니까 결과를 너의 모든 성능을 다 끌어내서 최고의 결과를 보여줘." | 최상 품질 기준 선언. 기존 틀을 버려도 됨 |
| 2026-09-26 11:53 | "네가 말한 거 발변 못하겠어 애니메이션 적용된 보고서로 써" | 모션은 글 설명이 아니라 움직이는 증거로 |
| 2026-09-27 02:32 | "네가 말한 애니메이션이 보고서 안에서 gif나 mp4 자동재생으로 보이게 해" | 보고서에 mp4 자동재생 |
| 2026-09-27 04:00 | "아직도 안쪽에 링 고리 빛이 없는 부분 있어. 세상 최고의 웹사이트, 현존 최고모델의 실력을 최대한 보여달라고 했잖아" | 사소한 결함(빛 끊김)도 기준 미달로 본다 |
| 2026-09-27 04:25 | "호패도 싹 다 갈아엎고 / 링도 아직 안맞고 / 알아서 모든 내용이 9/10 달성해. 그 과정에서 새 기느응ㄹ 추가해도 좋고 추가조사도 좋고 수단방법 가리지마" | 9/10 목표, 수단 불문 |
| 2026-09-27 04:58 | (Threads 링크 https://www.threads.com/@choi.openai/post/Dds-wTojzBk) "내가 아까는 사례를 너무 조금만 줬는데 이렇게 새로운 사례들이 쏟아지고 있어. 모션그래픽스 관련도 많아. 이걸 웹에서 구현하는 건 우리와 다를게 없어. 그러니 우리에 맞게 끝내주게 몰입감 넘치게 내가 이세션의 모델을 opus 5.5로 새로운 모델로 방금 바꿨으니까 네가 보여줄 수 있는 성능을 최대한 발휘해서 싹 다 갈아엎어봐" | Three.js · 모션그래픽스 · 코드만으로 만든 결과물을 기준 사례로 제시 |
| 2026-09-27 05:46 | "계속 9점 될 때까지 다 해" | 자기 채점 반복 |
| 2026-09-27 06:42 | "멈추지 말고 끝까지 다 해 그리고 이거 구려 이것도 9까지 다 해" | 중간 보고로 멈추지 말 것 |
| 2026-09-27 07:41 / 11:50 | "컴에 갤럭시 s9+ 연결해놨으니까 거기서 테스트 해" / "삼성 브라우저 테스트 해" | 실기기 검증이 기준 |
| 2026-09-27 13:17 | "처음 스크롤 내리면 가만있다 스크롤 중간 이후부터 배경 모션 시작돼" | 스크롤 시작 직후부터 반응해야 함 |
| 2026-09-27 13:36 | "컨텐츠 개선에 맞춘 시각화 모션도 다 해" | 모션은 콘텐츠 의미에 맞춰야 함 |
| 2026-09-30 19:14 | "아얘 전체 페이지를 수묵이나 붓 느낌 더 살려. 직업이나 소속 모양이나 애니메이션도 마찬가지 다 포함, 효과나 모션들도" | 일부 화면이 아니라 전체 톤 통일 |
| 2026-10-03 02:57 | "해당 모션 화면 재생 안되는 거 모바일 제약 때문?" | 모바일에서 안 도는 것을 즉시 문제로 제기 |
| 2026-10-03 03:09 | "다 해, 잔잔말고 다 만든의도 다 드러나게" | 동작 줄이기 무시, 잔잔한 대체판 금지(C절 참조) |
| 2026-10-03 04:02 | (Instagram https://www.instagram.com/p/Ddcnvz6EhX2/?img_index=2&stkn=MTFuYjYycTNtZWIxMA==) "여기 참고해서 더 본받을 점 하나씩 봐서 적용해" | 레퍼런스마다 본받을 점 1개씩 뽑아 즉시 적용 |
| 2026-10-03 04:24 | "모션 영상으로 녹화해서 보고서에 추가해. 같은 내용에 예전 영상 있는 기존 보고서 갱신하고 없으면 새로. 보고서 내용 순서는 사용자가 경험하는 순서대로" | 보고서는 사용자 경험 순서 |
| 2026-10-03 06:02 | "내가 말한 붓그림 연출은 훨씬 화려하게 해달라는 요청이야. 카메라 연출 포함해서. 최대한 화려한 거 네가 직접도 만들고 조사도 하고 브레인스토밍도 하고 반영도 하고 해서 해" | 카메라 연출 포함 |
| 2026-10-03 06:23 | "너무 평면적이야" | 평면 페이드/CSS 전이는 불합격. 깊이 있는 연출로 |
| 2026-10-03 08:24 | "지금 붓그림 수준으로 전체 모션 다 새로 만들어" | 가장 잘 만든 한 장면의 수준을 전체 기준으로 |
| 2026-10-03 12:31 | "우리 각 모션에 맞는 효과음, 음악, 연출, 사운드 추가하고 그것도 보고서에 갱신해" | 모션마다 소리 |
| 2026-10-03 17:45 / 18:52 | "직업 보여줄 때 엄청 화려하게 아이콘 그리잖아. 그거 완성 후 아이콘 누르면 더시 모션 보여줘." / "모션 중 눌러서 다시 볼 수 있는 건 다 적용해" | 눌러서 다시 보기 |
| 2026-10-04 05:01 | "계속 아래 팝업 떠 심지어 이 페이지를 나간 후에도" | 모션/소리가 페이지를 벗어나서 남으면 결함 |
| 2026-10-04 16:11 | (Instagram https://www.instagram.com/p/DeEPgsQkdR3/?img_index=8&stkn=Zms4emk4ZG1rMHN5) "여기 내용 깃헙 들어가서 보고 참고 할 거 하고 적용해" | 게시물이 소개한 GitHub 저장소의 프롬프트 기법을 가져옴 |
세션 요약문에 남은 기준 문구(사용자 발화를 요약문이 인용한 것): "세상에서 가장 끝내주는 웹사이트", "시각적 임팩트, 애니메이션, 모션그래픽스 … 9/10 달성할 때까지 계속 개선해", 사용자가 지목한 사례 속성 "Three.js 3D from code, synthesized music/SFX, kinetic typography, self-scoring until ≥8".
별도 지시(멀티모달 검수, 2026-10-03, 메모리에 원문 인용): "네가 멀티모달 검수해 … 영상과 소리가 함께 나왔을 때 멋지고 아름다운지, 우리 세계관에 잘 맞는지 보고 아니면 메타이터레이션으로 9.5/10 될 때까지 고쳐".
공썸 적용 시 주의: 위 "9/10", "끝내주는" 기준은 무협환생기에 준 것이다. 공썸 랜딩에 같은 점수 기준을 쓸지는 사용자 확인 사항(미확인).
B. 레퍼런스 사이트 · 게시물 목록
B-1. 사용자가 직접 준 링크 3건 (세션이 읽고 정리한 내용)
1) Threads @choi.openai 「Opus 5.5 놀라운 사례 25가지」 — https://www.threads.com/@choi.openai/post/Dds-wTojzBk (jsonl 12688~12691에서 페이지 텍스트 확인)
게시물 본문에서 모션/웹과 직접 관련된 항목(원문 요약):
- 5/ Foldline: 도로가 벽·천장으로 90도 꺾이는 3D 게임. "음표 사이를 달리면 멜로디가 연주"되도록 Three.js, 기존 3D 에셋 없음.
- 8/ Sakura Crossing: 벚꽃 핀 일본 마을 3D 공간. 24시간 걸리던 요청이 2시간.
- 13/ 일본 배 3D 장면: "배·물·풍경·건물 등을 스스로 평가하게 한 뒤 각각 8점 이상이 될 때까지 반복해서 수정하도록" 작업. 사용자의 "9점" 기준의 직접 출처로 보임(추정).
- 14/ 북마크 버튼에 천이 물결치듯 채워지는 인터랙션 애니메이션(SVG에서 JS/React로). 첫 결과 90% 완성.
- 17/ 일본 풍경 속 보트 3D 게임(Three.js + Rapier, 파도·물 직접 구현).
- 22/ Opus 5.5 vs GPT 비교, 15초 모션 그래픽 포트폴리오 영상. 별도 스킬 없이 스스로 Blender 선택.
- 23/ 확산 모델 이미지 생성 과정을 단계별 애니메이션으로 시각화한 교육 다이어그램.
- 24/ 자기소개 모션그래픽 15초: "키네틱 타이포와 도형 애니메이션을 구성하고, 분위기에 맞는 무료 음악과 효과음을 찾아 비트에 맞춰 편집". 첨부 코멘트: "분위기에 딱 맞는 음악과 효과음을 진짜 센스있게 찾아서".
- 25/ 모션 그래픽을 프롬프트만으로 새로 구성(기존 모션 재현이 아님).
- 공통 키워드: 외부 에셋 없이 코드로 생성(Three.js, Canvas), 합성 음악/효과음, 자기 채점 반복.
세션이 얻은 교훈(jsonl 12665): "스레드 글의 지적이 정확합니다. 제가 한 건 기존 화면에 CSS 전이를 덧댄 폴리시였지, 구성한 모션이 아니었습니다." CSS 전이를 덧대는 것과 "장면을 연출하는 것"을 구분한 것이 가장 큰 전환점이다.
2) Instagram 게시물 Ddcnvz6EhX2 — https://www.instagram.com/p/Ddcnvz6EhX2/ (jsonl 23146~23707)
캡션: "댓글에 아무글이나 써주시면 웹사이트 링크 정리해서 DM으로 바로 쏴드릴게요! #웹디자인 #바이브코딩". 사이트 7곳은 두 번째 장의 20초 영상 안에 있어, 세션이 영상을 받아 1초 간격으로 장면을 읽었다. 세션이 정리한 "본받은 점"(jsonl 23707 최종 보고 표):
| 사이트 | 본받은 점(세션 정리) | 무협환생기에서의 적용 |
|---|---|---|
| 60fps.design (https://60fps.design, 접속 200 확인됨) | 항목마다 번호를 매겨 모으는 재미 | 「121가지 생업 가운데 제91호」 |
| SEE + SAW | 이름 밑의 한 줄 설명 | 직업 띠에서 가리키면 한 줄 설명 |
| recent.design | 위쪽 알약(필터 칩)으로 걸러 보기 | 직업 띠 위 알약 필터 |
| 큰 글자 포스터 갤러리 | 포스터 한 장으로 끌어들이기 | 견본 링크를 큰 글자 포스터로 |
| Refero | 예시를 누르면 바로 시작 | 「이런 생일이면?」 예시 3개, 누르면 즉시 실행 |
| UX Pattern Archive | 해시태그 꼬리표 | 결과 이름 아래 #태그 |
| Siteinspire | 「20시간 전」 같은 시간 표시 | 「3일 전 만남」 |
세션이 7곳을 직접 열어 봤다고 했으나 최종 보고에 URL 전체가 적혀 있지 않다. 60fps.design 외 6곳 링크는 미확인(영상 속 이름만 확인).
3) Instagram 게시물 DeEPgsQkdR3 에서 GitHub 저장소로 — https://www.instagram.com/p/DeEPgsQkdR3/ (jsonl 30315~30749)
캡션에 링크가 없어 세션이 GitHub에서 찾았다: zhuyansen/awesome-opus-5.5-video (원조 프롬프트 영상 @stephanlivera, @shneural 등을 모은 곳, 1,299건, 프롬프트 첨부 335건). 그중 실제 쓸 만한 것은 @twoclipping 「Code-based UI motion design showreel」 프롬프트(jasonzhu.ai 프롬프트 라이브러리에 전문 있음, 조회 96.1만 · 저장 1.96만). 세션이 가져온 기법(jsonl 30749):
-
화면 = 시각 t만의 순수 함수: 모든 스타일을
seek(t)안에서 시각으로만 계산. CSS transition·타이머·프레임 간 상태 없음. 어느 프레임이든 같은 그림이 나오고 녹화가 끊기지 않는다. - 스프링을 닫힌 식(step response)으로: 목표가 여러 번 바뀌면 변경마다 스프링 하나씩 합산해도 여전히 t의 순수 함수. 탭 표시기나 토글 노브는 양쪽 가장자리를 다른 스프링에 태워 앞가장자리가 먼저 늘어나게(액체 느낌).
- 한 형태가 끊김 없이 상태를 바꾼다: 하나의 도형이 크기·모서리·색을 모핑하며 버튼, 로더, 체크, 플레이어, 슬라이더, 토글 순으로 이어짐. 커서가 실제 클릭·드래그로 모든 변화를 구동.
- 120BPM 박자에 맞춰 매 박마다 사건 하나, 소리는 측정한 피크 위치에 배치.
- 모션 블러: 프레임당 4번 서브프레임 렌더 후 평균.
- 사전 검수: 전체 렌더 전에 박마다 한 장씩 뽑아 어긋남·답답함 확인.
- 프롬프트 원문의 금지 목록: "bouncy easing, particle bursts, glows, gradients on UI chrome, mismatched icon strokes, dead time, anything that looks like a template."
- 주의: 이 프롬프트는 "렌더해서 영상으로 만드는" 용도다. 라이브 웹에 그대로 쓰는 것이 아니라 설계 철학(순수 함수 시간, 스프링, 박자, 사전 검수)만 가져와야 한다.
B-2. 세션이 조사한 「끝내주는 웹사이트」 보고서 (2026-09-17, 81곳 중 모션과 관련된 것)
출처: design-showcase-2026-09-17/index.html. Awwwards · CSS Design Awards · FWA 수상작, Siteinspire · Minimal Gallery · Dark Mode Design · httpster · One Page Love 큐레이션, Typewolf · Fonts In Use, 한국(디비컷)·일본(MUUUUU)에서 골랐다. 첫 화면은 헤드리스 크롬 1440x900으로 직접 캡처했고 섬네일은 thumbs\ 폴더에 있다. 개별 링크 URL은 보고서 HTML의 각 카드에 있다(본 정리에는 이름·등록 정보만 인용).
모션·인터랙션 관점에서 뽑을 만한 것(보고서의 "어디가 좋은가" 인용):
| 사이트 | 등록 | 보고서의 좋은 점 | 기법 |
|---|---|---|---|
| L.I.S.A. | Awwwards SOTD 2026-09-16 | 흑백 두 색만으로 대비 극대화, 3D 모델과 대화형 UI 결합 | WebGL · Blender · GSAP |
| White Desert | Awwwards SOTD 2026-09-11 | 두 색으로 광활함·고요함, 풀스크린 사진·영상을 스크롤에 맞춰 부드럽게 전환 | Next.js · GSAP |
| Cerebrium | Awwwards SOTD 2026-09-10 | WebGL 3D 지구본 + 스크롤 연동 포스필드로 딱딱한 제품을 드라마틱하게 | WebGL · GSAP · Lottie |
| Trevor Noah | Awwwards SOTD 2026-09-03 | 강한 색 대비, 표현력 있는 타이포, 스크롤 스토리텔링으로 투어·팟캐스트를 엮음 | Webflow · WebGL |
| Léo Parpeix | Awwwards SOTD 2026-09-14 | 실험적 화면 전환과 마이크로인터랙션, 스크롤할 때마다 다음 화면 기대 | WebGL |
| Farm Minerals | CSSDA WOTD 2026-09-16 | 손그림 일러스트 + 스크롤 트리거 애니메이션으로 소재를 비주얼 스토리로 | 스크롤 트리거 |
| Khanh Nguyen | CSSDA WOTD 2026-09-15 | 타이포가 주인공, 절제된 인터랙션 하나하나에 의도 | 인터랙션 중심 |
| Heron AI | CSSDA WOTD 2026-09-12 | 복잡한 워크플로를 스크롤 모션으로 단계별 시각화 | 스크롤 트리거 |
| Colonia Zacamil | CSSDA WOTD 2026-09-08 | 손그림 + WebGL로 따뜻하고 참여적인 성격 | WebGL · 일러스트 |
| BUNQ LABS | CSSDA WOTD 2026-09-07 | 영상·사운드·WebGL을 층층이 겹침 | WebGL · 영상·사운드 |
| A24 Disc Art | FWA FOTD 2026-09-17 | 필모그래피를 레코드판 넘기듯 3D 디스크로, 클릭이 숨은 이야기를 연다 | 3D 인터랙션 |
| See What Eye See | FWA FOTD 2026-09-15 | 슬라이더 하나로 시각 장애를 체험, 감정 건드리는 카피 + 디스토션 | 실시간 디스토션 |
| Spyker Cars | FWA FOTD 2026-09-11 | 스크롤이 하루의 시간(아침, 오후, 밤)을 움직이는 내러티브 | 스크롤 시간 전환 |
| Jack & Jill | Siteinspire 2026-09-15 | 좌우 대칭 2단으로 두 축 기능을 한눈에 구분 | 다크 마케팅 |
| Pear | Siteinspire 2026-09-12 | 한 문장을 화면 곳곳에 반복해 카피 자체를 그래픽으로 | 타이포 |
| Onœra | Minimal Gallery 2026-09-17 | 'Return to yourself' 한 줄 + 내비 4개로 명상적 여백 | 타이포·여백 |
| Studio Elektrokid | Dark Mode Design | CH 01~07 챕터 구조로 스크롤을 트랙리스트처럼 | 챕터형 스크롤 |
| Pablo Miguez | Dark Mode Design | 설명 대신 드래그로 만져 보게 함 | GSAP · 드래그 |
| WeekSync | One Page Love 2026-09-16 | 오버사이즈 타이포 · 점선 테두리 · 모노스페이스 악센트 | 스크롤 애니메이션 |
| Locker Land | One Page Love 2026-09-14 | 만화체 일러스트 · 기울어진 카드로 서비스를 놀이공원처럼 경쾌하게 | 롱스크롤 · 일러스트 |
| Weekend Max Mara Tuscan Journey | dbcut · Awwwards SOTD 2026-09-13 | 스크롤 자체가 짧은 영화 | WebGL |
| 유한양행 100주년 역사관 | dbcut 2026-09-14 | 열 개 챕터 타임라인 스크롤, 제품 카드와 서사 교차 | 챕터형 스크롤 · 영상 |
| World Cup 2026 Team Osmo | Webflow Showcase | 4시간 만에 만든 GSAP + Spline 3D | Webflow · GSAP · Spline |
운세·캐릭터·결과카드 계열(공썸의 "사람 소개 카드"와 구조가 닮은 것):
| 사이트 | 보고서의 좋은 점 / 세션의 "가져올 점" |
|---|---|
| Co-Star | 결과가 밈처럼 캡처하고 싶은 한 줄 카피 카드. 입력은 3단계로 극단적으로 단순. 가져올 점: 결과의 글 밀도를 낮추고 한 줄 카피 중심 |
| CHANI | 리소그래프 질감의 손그림 도형, 차분하지만 확신 있는 무드. 첫 화면 신뢰감 |
| Nebula | 짧은 퀴즈, 상담사 카드, 채팅으로 이어지는 퍼널형 온보딩 |
| 16Personalities | 별명 + 큰 캐릭터 일러스트 + 같은 유형의 유명인. 퍼센트 바로 스펙트럼 시각화 |
| 푸망 / 스모어 | 결과를 정사각 공유 카드로 압축, OG 이미지 자동 생성(공유 썸네일이 곧 결과 카드) |
| Picrew | 파츠를 클릭 조합해 즉시 캐릭터 완성 |
| 罗小黑战记2 (일본 공식) | 인물을 한 명씩 순차 공개하는 티저, 서스펜스 |
| 원신 / 스타레일 / 젠레스 | 소속별 필터 그리드, 소속 색으로 카드 배경 구분, 클릭 시 대형 일러스트 + 속성 아이콘 + 대사 한 줄 |
| 观夏 To Summer | 상징 하나(팔각창)를 전체에 반복 |
| 국립고궁박물관 온라인뮤지움 | 어보(인장)를 고해상도 카드로 확대 감상 |
보고서의 종합 결론("세 갈래에서 반복된 것"): 어워드 수상작은 두세 가지 색의 극단적 팔레트 + 큰 타이포 + WebGL·GSAP 스크롤 모션이 기본값이고, 인터랙션 자체가 서사 장치다(스크롤이 하루의 시간을 움직이고, 슬라이더가 시각을 바꾸고, 클릭이 숨은 이야기를 연다). 큐레이션 갤러리는 반대로 극단적 여백 미니멀과 다크 챕터형 스크롤 두 축. 한·일 갤러리는 정보 구조 정돈과 브랜드 스토리텔링에 무게가 있고 비주얼은 신뢰감 있는 톤이다. 세션이 우리 쪽으로 꼽은 것은 "챕터형 스크롤로 긴 서사를 지루하지 않게"와 "한 문장 카피를 그래픽으로 반복".
한계(보고서 자체 기재): Godly · Land-book · Refero · Mobbin 등은 JS 렌더링/403으로 목록을 못 읽었다. 일부 캡처는 WebGL·봇 차단으로 실패.
B-3. 세션이 별도로 조사시킨 모션 기법 (2026-09-17, 소넷 3갈래, jsonl 4672/4685/4698)
서브에이전트가 검색 스니펫 위주로 확인한 링크가 많다(각 보고에 명시).
-
스크롤 인터랙션:
animation-timeline: scroll()/view()네이티브 스크롤 구동 애니메이션 vs IntersectionObserver 클래스 토글(@supports 하이브리드 권장), 스크롤 진행 바·TOC active 하이라이트, 패럴랙스(산맥 0.2배·달 0.1배), 풀 스크롤리텔링(핀 고정)은 모바일에서 scroll-jacking 위험이라 "전환 애니메이션 수준"으로 축소 권고. 브라우저 최소 지원 버전은 출처 간 엇갈려 미확인. -
캔버스·SVG 생성 비주얼:
stroke-dasharray/dashoffset+getTotalLength()선 그리기, 캔버스 파티클(모바일 30~50개 이하, 화면 밖 정지), SVG arc로 인터랙티브 도넛, 조립형 리빌(총 1.5초 이내 권장),feTurbulence종이 질감(모바일에선 canvas로 한 번 래스터라이즈 권고). -
마이크로인터랙션·커서: 마그네틱 버튼 + 눌림
scale(.95), 3D 틸트(최대 6~12도), 도장 찍기식 오버슈트 리빌, mix-blend-mode 커서. 전부(hover:hover) and (pointer:fine)가드.
B-4. 세션이 만든 연출 원칙 문서 (구현 쪽 레퍼런스)
docs\motion-direction-2026-10.md가 정리한 "붓그림 수준의 조건" 8항(공썸에도 번역 가능):
- 실제 공간(평면 페이드가 아닌 깊이)
- 목적 있는 카메라(다가가기·쫓기·물러나기 각각 이유)
- 서사의 박자(준비, 고조, 정적, 일격, 공개, 착지)
- 소재의 물성
- 세계관 개념 하나가 뼈대
- 소리
- 실기기 60fps, 동작 줄이기 무관
- 실패해도 결과는 나온다(WebGL 없으면 2D로 물러섬)
이 외 모션 조사 3건(Black Myth 오공 컷신 문법, 실시간 3D 수묵 NPR 셰이더, 모티프별 붓 연출)은 jsonl 12000~13000대 서브에이전트 보고에 있으나 무협 소재 전용이라 본 정리에서는 읽은 범위(발췌)만 참고했다. 카메라 문법·정적(0.5초 멈춤) 아이디어만 D절에 반영.
C. 무협환생기가 실측으로 얻은 모바일 성능 원칙
실측 환경: 갤럭시 S9+(Android), Chrome 및 삼성 인터넷, adb + CDP 원격 제어. PC 녹화는 --use-angle=d3d11 --enable-gpu일 때 61fps, 스위프트셰이더는 6fps라 녹화 환경 차이가 컸다. 출처: 세션 요약(jsonl 20551, 25402, 30392), ink3d-kit.mjs·motion-direction 주석.
| # | 원칙 | 근거(실측/코드) |
|---|---|---|
| 1 | 휴대폰 2D 캔버스는 willReadFrequently:true로 CPU 메모리에 둔다. GPU 캔버스를 되읽으면 삼성 인터넷이 프레임당 50~100ms | ink3d-kit.mjs 머리 주석(canvas2d) |
| 2 | 노이즈·종이 결은 런타임 계산 금지, 텍스처로 한 번 굽는다(256x256 다옥타브 값 노이즈를 한 번) | noiseTexture() |
| 3 | pixelRatio는 모바일 1.1 이하(세션 중 1.1~1.35 사용), 안티에일리어싱 끔, 데스크톱도 1.5 상한 | makeRenderer(), 세션 요약 |
| 4 | 셰이더·텍스처는 쓰기 전에 미리 데운다(renderer.compile) | 세션 요약 "Pre-warm" |
| 5 | 붓글씨 글리프는 미리 한 번 그려두고, 강제 레이아웃을 일으키지 않는다(Web Animations) | motion-direction |
| 6 | 부팅 중 모션은 컴포지터 애니메이션(WAAPI의 transform/opacity)으로. 메인 스레드가 바빠도 안 끊긴다. 소리는 애니메이션의 실제 startTime에 맞춤 | 세션 "Kaian janky during boot" |
| 7 | 큰 2D SVG 무대는 느렸다(갤럭시에서 33ms, 0.4초 끊김). 캔버스 렌더링으로 옮겨 16.7ms | 세션 요약 25402 |
| 8 | 삼성 인터넷은 중앙값 16.7ms여도 p95 100ms · p99 117ms 끊김이 남을 수 있다. 평균이 아니라 p95로 판단. 대응안: 먹 텍스처 512, 산 셰이더 옥타브·링 수 축소, 안개 평면 축소, pixelRatio 1.2 | gxth4.py 측정(25402) |
| 9 | 덮는 화면 아래에서는 페이지를 숨기고, 결과 교체·첫 페인트는 "정적(hush)" 구간에서 한다. 정적 동안은 CSS 호흡 애니메이션이 메인 스레드와 무관하게 돈다. lazy content-visibility는 전환 구간에서만 | 세션 "Rebirth stalls" |
| 10 | 화면 밖이면 그리지 않는다(IntersectionObserver). 배경은 해상도 절반 · 초당 30장만. 도는 빛이 멈추면 굳어 보이므로 장식 루프는 계속 돌린다 | ring-gl.mjs, backdrop.mjs 주석 |
| 11 | IntersectionObserver는 잘린 카드에서 안 터질 수 있다. threshold 0 + rootMargin | 세션 "IO never fired on clipped cards" |
| 12 | WebGL 층은 점진적 향상: 기존 2D가 먼저 즉시 뜨고 3D는 뒤에서 불러와 덮는다. WebGL이 없거나 실패하면 아무 일도 안 일어난다. 3D는 값을 읽는 일을 맡지 않고 장식만(접근성 라벨은 기존 DOM이) | gangho3d.mjs, ring-gl.mjs |
| 13 | three.js는 필요한 클래스만 esbuild로 번들해 고정 버전(0.186.1)으로 vendor: 528KB(gzip 132KB) | jsonl 12740~12750 |
| 14 | 마우스 전용 모션은 (hover:hover) and (pointer:fine)에서만. 터치에선 스크롤 중 pointermove로 흔들림 | motion.mjs, 조사 B-3 |
| 15 | 소리는 웹오디오 합성만, 녹음 파일 0개. 브라우저가 첫 누름 전에는 막으므로 첫 탭/키에서 시작, 숨겨진 탭에서는 suspend. 마스터 체인은 하이패스 32Hz + 리미터(-5dB, 20:1) | sound.mjs |
| 16 | 폰트가 다른 글자를 먹는 사고: 한자 폰트가 한글을 덮음. 폰트를 유니코드 범위로 제한. 폰 메모리가 부족하면(여유 326MB, 스왑 1.6/2GB) 다른 앱이 원인일 수 있어 사이트 쪽은 숨김 탭 오디오 suspend로 대응 | 세션 요약 30392 |
| 17 | 검수 방법: 실기기 + 두 브라우저. 영상은 CDP 스크린캐스트로 실제 타임스탬프를 받아 60fps mp4로. 소리는 __sndLog로 실제 난 소리를 기록해 같은 합성기로 오프라인 렌더해 입힘. 검수판은 사건 시각 프레임, 스펙트로그램, LUFS, 클리핑, 청감 대역 | multimodal-av-review.md |
"동작 줄이기 무시" 결정과 공썸 적용 시 주의
-
무협환생기 메모리
full-motion-always: 사용자 지시 "다 해, 잔잔말고 다 만든의도 다 드러나게"(2026-10-03)에 따라prefers-reduced-motion분기를 모두 제거했다. 근거 사고: 사용자의 갤럭시 S9+는 안드로이드 애니메이션 배율이 0이라 삼성 인터넷이 reduce를 보고했고(Chrome 154는 아님), 그 결과 사이트가 거의 멈춰 보였다. - 이것은 무협환생기 사용자 한 명의 폰·지시에서 나온 결정이다. 공썸의 30~50대 일반 사용자에게 그대로 적용해도 되는지는 미확인이며 사용자 결정 사항이다. 대안: (a) 무협과 동일하게 항상 재생, (b) reduce일 때 transform 이동만 줄이고 opacity·색 전환은 유지, (c) 페이지에 "모션 끄기" 토글. 공썸 세션이 사용자에게 확인할 것.
- 세션이 반복 학습한 함정: 모션이 페이지를 나간 뒤에도 남는 팝업(2026-10-04 05:01), 소리가 숨은 탭에서 계속 나는 것. 랜딩에서도 라우트 이탈 시 정리(cleanup)가 필요.
D. 공썸 랜딩에 옮길 모션 기법 후보 (16개)
전제: 공썸 = 골프 좋아하는 싱글 소개·매칭. 톤은 밝음 · 설렘 · 신뢰. 주 사용자 30~50대, 휴대폰. 아래 섹션 구성(히어로, 서비스 소개, 소개 흐름, 신뢰/안전, 후기, 가입 CTA)은 내가 가정한 일반 랜딩 구조이며 실제 공썸 랜딩 구성안은 미확인이다. 근거 레퍼런스는 A~C절에서 확인한 것만 적었다. "모바일 비용"은 무협 실측 원칙(C절)과 일반 웹 지식을 근거로 한 추정이며 실기기 검증 전 단정할 수 없다.
| # | 기법 | 섹션 | 근거 레퍼런스 | 구현 | 모바일 비용 |
|---|---|---|---|---|---|
| 1 | 붓 한 획 대신 "공 궤적 한 획" 히어로 오프닝: 첫 화면에서 골프공 비행 궤적(포물선)이 SVG stroke로 한 번에 그려지고 끝에 홀컵/깃발이 떠오름. 카피는 궤적 뒤 한 줄씩 등장 | 히어로 | 무협 「개안」(kaian: 한 획이 어둠을 가르며 첫 화면 시작), B-3 stroke-dashoffset | SVG stroke-dasharray + WAAPI | 매우 낮음(경로 1~3개) |
| 2 | 레이어 깊이 패럴랙스(잔디 언덕 3겹 + 구름): 스크롤 첫 픽셀부터 반응(사용자 지적 "처음 스크롤 내리면 가만있다 중간 이후 시작" 방지) | 히어로 | 무협 gangho3d 층별 속도(대기 원근), 사용자 2026-09-27 13:17 지적 | animation-timeline:scroll() + IO 폴백, transform만 | 낮음(transform 3~4레이어, 화면 밖 정지) |
| 3 | 설렘 입자: 잔디 위로 떠오르는 꽃잎·반짝임(밝은 톤) | 히어로 배경 | 무협 backdrop.mjs(꽃잎, 절반 해상도, 30fps) | Canvas 2D, 30~50개 상한, willReadFrequently, IO로 화면 밖 정지 | 중간. 해상도 1/2 + 30fps로 제한 |
| 4 | 한 줄 카피 순차 등장(한 줄씩 clip-reveal, 마지막 단어 강조 색) | 히어로 · 섹션 제목 | Co-Star 한 줄 카피, Pear 반복 카피, 무협 제목 붓질 큐 | WAAPI clip-path/opacity, 여러 개는 줄세워 한 번에 하나씩 | 낮음 |
| 5 | 스크롤 챕터 리듬: 섹션마다 번호(01~05) + 진행 세그먼트, 현재 위치 하이라이트 | 전체 내비 | Studio Elektrokid CH 01~07, 유한양행 챕터 타임라인, 60fps.design 번호 모으기 | IO 기반 active + scaleX 진행 바 | 낮음 |
| 6 | "소개 흐름" 한 형태 모핑: 한 개의 카드(프로필, 매칭 요청, 수락, 대화)가 끊김 없이 모양과 내용을 바꾸며 단계를 보여줌. 커서 대신 손가락 터치 아이콘이 누르는 장면 | 소개 흐름 | @twoclipping 프롬프트 "one shape, never cut", 스프링 오버슈트 최소 | WAAPI + 닫힌 식 스프링(또는 linear() easing). 카메라가 스케일하는 요소엔 will-change 금지 | 낮음~중간(요소 1개) |
| 7 | 인물 카드 순차 공개(서스펜스): 소개 후보 3명이 한 장씩 뒤집히며 등장, 블러에서 선명으로 | 서비스 소개 | 罗小黑战记2 순차 공개, 무협 두루마리 카드 | CSS rotateY + backface-visibility, IO 트리거 | 낮음(3장) |
| 8 | 눌러서 다시 보기(Replay): 오프닝 궤적이나 카드 공개를 눌러 다시 재생 | 히어로 · 소개 | 사용자 2026-10-03 17:45 / 18:52, replay.mjs | 이벤트 위임 + WAAPI 재실행, 버튼·링크 눌림은 건드리지 않음 | 낮음 |
| 9 | "신뢰 확인 배지" 찍힘: 본인 인증 · 사진 확인 · 운영자 검수 배지가 오버슈트 후 착지 + 짧은 번쩍임 | 신뢰/안전 | 무협 인장 찍기, B-3 stamp reveal | CSS keyframes(scale 1.3에서 1, rotate), 착지 프레임 box-shadow | 매우 낮음 |
| 10 | 숫자 카운트업 + 번호 매겨 모으기: "함께한 라운딩 N건", 항목마다 번호 | 신뢰 | 60fps.design 번호 모으기(세션 적용 사례 「제91호」) | IO + rAF 카운트, tabular-nums | 매우 낮음. 실제 수치만 사용(수치 근거는 공썸 측 확인 사항) |
| 11 | 후기 카드 한 줄 카피 + 해시태그 꼬리표: 후기 카드 하단 #주말라운딩 같은 칩 | 후기 | UX Pattern Archive 해시태그(세션 적용 사례), Co-Star 한 줄 | 정적 + hover 시 칩 강조 | 없음 |
| 12 | 필터 알약(전체 · 지역 · 실력)으로 걸러 보기 + 한 줄 설명 | 서비스 소개/후기 | recent.design 알약, SEE+SAW 한 줄 설명(세션 적용 사례) | 칩 토글 + FLIP 재배치(transform) | 낮음 |
| 13 | 예시를 누르면 바로 시작: "이런 분이면?" 예시 칩 3개를 누르면 즉시 결과 미리보기 시작 | 가입 직전 | Refero 즉시 실행(세션 적용 사례 「이런 생일이면?」) | 정적 + 이벤트, 진행 상태 WAAPI | 없음 |
| 14 | 마그네틱 CTA + 눌림 scale(.95): 데스크톱만 자석 끌림, 모바일은 눌림 피드백만 | 가입 CTA | B-3 마이크로인터랙션, motion.mjs(hover:hover 가드) | JS pointermove + rAF 배치, 터치는 :active | 낮음(포인터 환경만) |
| 15 | 공유용 정사각 소개 카드 + OG 이미지 동기화: 결과/초대 카드를 정사각 이미지로, 카카오 미리보기 썸네일과 동일하게 | 공유/가입 | 푸망·스모어 OG 자동 생성, 세션의 "호패 = OG 썸네일" 적용 | 정적 이미지 + 빌드타임 OG 생성 | 없음(모션은 아니지만 바이럴 요소) |
| 16 | 가벼운 효과음(옵션): 배지 착지 "톡", 카드 공개 "스윽" 정도의 합성음 | 전체 | 무협 sound.mjs(웹오디오 합성, 첫 탭 후 시작, 숨은 탭 suspend), 사용자 2026-10-03 12:31 | WebAudio 합성(파일 0개), 마스터 리미터 | 낮음. 기본값은 사용자 결정(무협은 켜짐으로 결정, 공썸 일반 사용자엔 미확인) |
보류/주의 후보(추천 안 함 또는 조건부):
- WebGL 3D 히어로(카메라 비행): 무협의 가장 큰 임팩트 장치였으나 삼성 인터넷 p95 100ms 끊김, 528KB 번들(C-8, C-13). 공썸은 정보 전달·신뢰가 우선이라 조건부(데스크톱 + 고사양 감지 시만 점진적 향상, 기본은 SVG/CSS). 필요하면 별도 프로토타입 후 실기기 p95 검증.
- 풀 스크롤리텔링(핀 고정 + 프레임 시퀀스): scroll-jacking 위험으로 B-3 조사가 "전환 애니메이션 수준으로 축소" 권고. 30~50대 휴대폰에서는 비추천.
- 커스텀 커서·mix-blend-mode: 모바일 무의미, 데스크톱 한정 장식. 우선순위 낮음.
가져올 "품질 기준" 정리(모션 구현 전에 합의할 것)
- 평면 페이드/CSS 전이 덧대기는 "모션"으로 치지 않는다. 장면(서사 박자: 준비, 고조, 정적, 공개, 착지)으로 설계한다.
- 모션은 콘텐츠 의미와 연결한다(공 궤적 = 인연의 시작, 배지 착지 = 신뢰 확인).
- 모션을 만든 뒤 실기기(갤럭시 Chrome + 삼성 인터넷, 아이폰 Safari)에서 p95 프레임 시간으로 검증한다. 평균 FPS만 보지 않는다.
- 모든 장식 층은 점진적 향상: 실패하면 정적 완성 화면이 나와야 한다.
- 페이지 이탈 시 타이머·오디오·캔버스 루프를 전부 정리한다.
- 모션 영상 보고서는 사용자 경험 순서로, 자동재생 mp4로 첨부한다(사용자 지시 2026-10-03 04:24, 2026-09-27 02:32).
미확인 · 한계 목록
- Instagram Ddcnvz6EhX2의 7개 사이트 중 60fps.design 외 6곳의 정확한 URL(세션 최종 보고에 URL 미기재).
- Threads 25건 각각의 X(트위터) 원 링크 내용은 세션도 직접 열지 않았다.
- B-3 기법 조사의 링크들은 서브에이전트가 검색 스니펫 위주로 확인한 것이 많다(원문 대조 필요).
- 무협의 3D 연출 문법·수묵 셰이더·모티프 조사(jsonl 12000~13000대 서브에이전트 보고)는 무협 소재 전용이라 전체를 읽지 않았다.
-
"9/10" 기준을 공썸 랜딩에 적용할지,
prefers-reduced-motion을 무시할지, 효과음 기본값은 사용자 결정 필요. - 공썸 랜딩의 실제 섹션 구성 · 사용 가능한 이미지/영상 자산 · 광고 유입 환경(인스타 인앱 브라우저 등)은 확인하지 않았다(인앱 브라우저의 WebGL·오디오 제약은 별도 실측 필요).