Skip to content

gonasooc/bridge-type

Repository files navigation

bridgeType

bridgeType는 부모와 자녀가 서로를 새롭게 바라볼 수 있도록 돕는 일회성 웹 테스트입니다. 사용자는 가벼운 질문에 답하면서 부모님과의 관계를 돌아보고, 결과를 기반으로 정식 서비스인 TimeBridge 출시 알림까지 신청할 수 있습니다.

1. 서비스 개요

  • 서비스명: bridgeType
  • 슬로건: 부모와 자녀의 시간을 잇다
  • 한 줄 정의: 부모님과의 관계를 설문 테스트 형식으로 재치 있게 풀어내는 단발성 웹서비스
  • 기획 의도:
    • 부모님의 새로운 면모를 떠올리게 하고, 그 경험을 통해 더 깊은 이해를 돕는다.
    • 질문에 답하는 과정 속에서 부모-자녀 관계를 돌아보고 세대 간 연결감을 형성한다.
    • 감성적인 일러스트와 함께 결과를 제공해 가볍고 재미있게 공유할 수 있도록 한다.
    • 테스트 완료 후 앱 출시 알림(이메일 등록)을 유도해 본 서비스 TimeBridge로 자연스럽게 연결한다.

2. 핵심 기능 제안 (MVP)

  1. 질문 카드 플로우
    • 접속 시 짧고 직관적인 질문을 카드 형태로 순차 제시.
    • 질문 카테고리 예: 대화 스타일, 세대별 여가, 부모님의 20대 상상 등.
  2. 답변 선택 및 진행
    • 객관식 중심으로 직관적인 선택 경험 제공.
    • 일부 질문은 짧은 주관식 입력 허용(예: “부모님의 20대 취미를 상상해본다면?”).
  3. 결과 페이지 & 관계 온도계
    • 답변을 종합해 부모-자녀 관계 유형을 제공하고, 다섯 가지 점수 축을 “관계 온도계” 그래프로 시각화.
    • 예시 유형: “애틋한 편지형”, “티키타카 콤비형”, “추억 수집형”, “무소식이 희소식형(거리 회복형)”, “척척박사형”.
    • 유형별 설명, 감성 일러스트, 개인화 키워드, 추천 액션을 함께 노출하여 몰입감 강화.
  4. 결과 공유
    • 공유 링크 생성 시 Supabase shared_results에 점수를 저장해 누구나 동일한 그래프를 확인.
    • 복사/네이티브 공유 버튼은 공유 토큰 생성 상태를 안내하며, 만료된 토큰은 친절한 메시지로 처리.
  5. 이메일 알림 CTA
    • 결과 하단에 “우리 가족 이야기를 진짜 기록으로 남기고 싶나요? 👉 앱 출시 알림 메일을 등록하세요!” CTA 배치.
    • 이메일 입력 → Supabase app_launch_waitlist 테이블에 이메일, 주관식 답변, 알림 동의 여부 저장 → 성공 모달 노출.

3. 타깃 고객

  • Primary Target (주도적 사용자): 20대 후반 ~ 40대 초반 성인 자녀
    • 부모님과의 관계에 호기심이 있지만 직접 대화는 어색한 세대.
    • 심리 테스트/유형 검사를 즐기며 결과 공유에 익숙하다.
    • 테스트를 계기로 부모님을 돌아보고, 흥미가 이어지면 앱 알림 신청으로 전환될 가능성이 높다.

4. 디자인 컨셉 제안

  • 모바일: 모바일 퍼스트 디자인, 반응형은 일부 레이아웃 대응만 작업
  • 콘셉트: 따뜻하지만 위트 있는 미니멀리즘 (Warm & Playful Minimalism)
  • UI/UX:
    • 일반적인 웹 서비스 폰트 크기로 가볍고 캐주얼한 느낌 유지.
    • 카드 단위 인터랙션으로 질문 → 답변 → 결과 흐름을 직관적으로 구성.
    • 결과 CTA가 자연스럽게 눈에 들어오도록 레이아웃 설계.
  • 시각/감성 요소:
    • 기본 컬러: 아이보리·베이지 등 따뜻한 톤.
    • 포인트 컬러: 민트, 파스텔 오렌지 등으로 결과 페이지에 활기 부여.
    • 일러스트: 심리 테스트 특유의 유머와 가벼움을 담은 단순한 그림체.
    • 메타포: 관계 유형을 “카드 컬렉션”처럼 시각화하여 공유 욕구 자극.

5. 기술 스택

  • UI: React + Tailwind CSS + shadcn 스타일 패턴
  • 플로우 제어: 커스텀 useQuizFunnel 훅을 통한 단계별 질문 진행 관리
  • 데이터 수집: Supabase (app_launch_waitlist 테이블 – email, open_response, consent, answer_summary, submitted_at)
  • 결과 공유: Supabase shared_results 테이블과 클라이언트 헬퍼(shareResult.ts)로 공유 토큰 생성 및 그래프 복원

6. 향후 확장 아이디어

  • 추가 질문 세트 도입 및 유형 다양화(“무소식이 희소식형” 등 네거티브 타입 포함 총 4종)
  • 결과 저장 및 회고 기능으로 TimeBridge와의 자연스러운 연결 강화
  • 알림 신청 사용자 대상 리마인드 메일 시퀀스 준비

7. Supabase 테이블 스키마

알림 신청 데이터는 Supabase app_launch_waitlist 테이블에 저장됩니다.

공유용 결과는 Supabase shared_results 테이블에 저장됩니다.

.env에 아래 값을 추가하고 Supabase 프로젝트와 연결하세요.

VITE_SUPABASE_URL=your-project-url
VITE_SUPABASE_ANON_KEY=your-anon-key

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages