"소셜 모임 날 머리 아픈 고민들을 단 한 장의 카드 모핑으로 끝내버리는 생존 키트"
1. 제품 개요 (Product Overview)
- 제품명: 모임의 정석 (Meet-Q)
- 한 줄 정의: 약속 장소와 모임 목적만 고르면 날씨, 주차, 센스 있는 조언, 선물 추천, 맛집까지 한 번에 알려주는 스마트 소셜 코칭 서비스
- 핵심 가치:
- "어색하지 않게, 실수하지 않게" 소셜 상황의 불안감을 자신감으로 전환
- 클릭 단 2번으로 내 목적에 딱 맞는 커스텀 정보 화면(모핑 기술) 획득
- '쉽게(중학생용)' 모드와 '전문(직장인용)' 모드를 넘나드는 유연한 가이드 제공
2. 타겟 고객 및 해결하는 문제 (Target & Problem)
👥 우리의 고객 (Target Audience)
- 소셜 초보자 (20대 초반/학생): 집들이, 장례식, 상견례 등 처음 겪는 격식 있는 자리가 무섭고 예의를 몰라 당황하는 사람
- 센스 있는 모임장 (25세~35세 직장인): 모임원들에게 주차 정보, 날씨, 갈만한 2차 장소를 한 번에 정리해서 쿨하게 공유하고 싶은 사람
- 결정 장애를 가진 방문자: 집들이 선물 고르기, 근처 맛집 찾기 등에 시간 낭비를 하기 싫은 실용주의자
⚠️ 우리가 해결하려는 진짜 문제 (Problems to Solve)
- 정보의 파편화: 네이버 날씨 보고, 카카오맵 주차장 찾고, 인스타 핫플 찾고, 블로그 선물 추천 검색하는 데만 평균 30분 소요.
- 불안감과 민폐 걱정: "맨발로 가도 되나?", "봉투 뒷면은 어떻게 쓰지?" 같은 사소하지만 중요한 예절을 아무도 친절하게 알려주지 않음.
- 의사소통의 귀찮음: 모임 약속 공지할 때 주차 정보, 준비물 등을 텍스트로 일일이 쳐서 단톡방에 올리는 번거로움.
3. 핵심 기능 요구사항 (Key Features)
[1] 홈 화면 (Home Screen)
- 목적지 검색창: 사용자가 직접 한글 단어(예: 강남역, 홍대입구 등)를 검색할 수 있어야 함.
- 직관적인 목적 카드 그리드: 집들이, 친구 모임, 결혼식, 장례식, 상견례, 시험, 해외여행, 국내여행, 출장 등 9가지 핵심 상황 카드를 타일 형태로 배치.
- 콘텍스트 모핑(Context Morphing) 애니메이션: 홈 화면 카드를 탭하는 순간 화면 전체가 카드의 메인 컬러로 부드럽게 채워지며 상세 대시보드로 즉시 전환되어야 함.
[2] 대시보드 화면 (Detail Dashboard)
- 쉬운 모드 👀 vs 전문 모드 💼 토글 스위치:
- 상단에 상시 노출되어 사용자가 실시간으로 터치하여 어조와 텍스트 내용을 바꿀 수 있어야 함.
- 쉽게 모드: "우산 꼭 챙겨가기!", "맨발 금지" 등 중학생도 이해하는 꿀팁 위주 서술.
- 전문 모드: "우천 시 헤어 스타일 고정 스프레이 지참 권장", "공간 존중 에티켓" 등 오피셜 비즈니스 톤 적용.
- 날씨 & 우산 알림:
- 강수확률이 80% 이상인 경우 "우산 경보"가 붉은색 배너와 함께 깜빡이며 알림을 주어야 함.
- 네비게이션 연동 및 대안 주차 팁:
- 카카오내비, T-map 연동 모의 버튼을 제공해야 함.
- 주 목적지 만차 상황을 가정한 "도보 3분 공영주차장 정보"를 반드시 표기함.
- 체크리스트 (Interactive Checklist):
- 상황별 필수 소지품 디폴트 제공.
- 사용자가 실시간으로 항목을 '완료(체크선)', '추가(텍스트 인풋)', '삭제(버튼)' 할 수 있는 인터랙션 제공.
- 선물 추천기 (Gift Filter System):
- '나이대'(20대/30대/40대이상)와 '성향'(실용주의형/감성형) 필터를 클릭하면 적합한 맞춤 추천 아이템이 카드 내에 갱신되어야 함.
- 2차 추천 (Cafe & Dining):
- 목적 성격에 최적화된 주변 장소 2곳(식당 1곳, 카페 1곳)과 평점 정보를 매칭하여 제공.
[3] 모임 안내장 공유 기능 (Share System)
- 원터치 클립보드 복사: '링크 복사' 클릭 시 현재 입력된 [목적지, 날씨, 센스 멘트, 체크리스트, 주차, 맛집 정보]가 카카오톡 전송에 최적화된 텍스트 양식으로 자동 조립되어 클립보드에 즉시 저장됨.
- 팝업 알림: 복사 완료 시 깔끔하게 정돈된 전송용 텍스트 미리보기 창이 열리며 "복사 완료"를 시각적으로 전파.
4. UI/UX 및 비기능적 요구사항 (Non-Functional Requirements)
- 디자인 테마: 시크한 다크 모드(bg-slate-900) 배경에 에메랄드, 민트, 앰버 등의 네온 컬러 포인트 사용.
- 모바일 최적화: 가로 최대 440px 크기의 스마트폰 웹 환경에 완전히 최적화되어 한 손 터치가 용이해야 함.
- 글자 깨짐 방지: 단어가 이상하게 잘려 가독성이 떨어지지 않도록 한글 단어 단위 줄바꿈(word-break: keep-all) 원칙 고수.
- 환경 호환성: 티스토리 블로그 등 외부 플랫폼 임베드 시 기본 템플릿의 색상 강제 상속으로 인해 글씨가 투명해지거나 변형되는 것을 완벽 차단(!text 강제 오버라이딩 적용).
5. 성공 지표 (Success Metrics)
- 핵심 지표 (North Star Metric): 안내장 공유하기(클립보드 복사) 클릭률
- 사용자가 실제로 이 가이드를 만족스럽게 여겨 다른 사람에게 공유했는지가 핵심 성공 척도.
- 간접 지표:
- 설명 모드(쉽게/전문) 토글 전환 빈도수
- 체크리스트 아이템 추가 및 변경 횟수 (유저가 능동적으로 상호작용하는지 판단)