나의 여름 성격 테스트

앱인토스 공모전에 제출한 프로젝트입니다. 토스는 약 3,000만 명이 사용하는 앱이지만, 미니앱은 토스에 접속한 뒤 여러 단계를 거쳐 들어와야 했습니다. 높은 리텐션보다 짧은 시간 안에 즐기고 다른 사람도 해보고 싶게 만드는 공유형 콘텐츠가 더 적합하다고 판단했습니다. SNS에서 유행했던 성격 테스트 형식에 여름 음식이라는 주제를 더했고, 콘텐츠가 짧게 끝나는 점을 보완하기 위해 결과에 맞는 간단한 할 일을 제안했습니다.

열 가지 선택으로 빠르게 끝나는 성격 테스트와 공유 가능한 결과 카드를 제공하면, 토스 미니앱의 진입 장벽을 넘어 사용자가 친구에게 공유하고 자연스럽게 확산할 수 있을 것이라고 봤습니다.

서비스 기획, 성격 테스트·결과·할 일 콘텐츠 설계, UX/UI 디자인, React 기반 프론트엔드 개발, 앱인토스 WebView SDK 연동과 공모전 제출까지 전 과정을 담당했습니다.

• 열 가지 A/B 선택으로 여름 음식 성격 결과 계산
• 결과에 따라 여름 에너지·사람과의 거리·여름 계획·기분 표현 등 성향 키워드 제공
• 이름과 생일을 바탕으로 오늘의 여름 운세, 활동 추천, 작은 여름 미션 제안
• 결과를 1080 × 1350 이미지 카드로 만들고, 앱인토스의 저장·공유 기능으로 바로 공유

• React + TypeScript + Vite — 앱인토스 미니앱 환경에 맞춰 빠르게 개발하고, 질문·결과·상태를 안정적으로 관리하기 위해 선택
• Apps in Toss WebView SDK — 토스 앱 안에서 결과 이미지를 저장하고 공유하는 기능을 연결하기 위해 사용
• Canvas API — 서버 없이 1080 × 1350 결과 카드를 기기에서 생성하기 위해 사용
• 클라이언트 규칙 기반 결과 엔진 — 답변 점수로 성격·운세·활동 추천을 기기 안에서 계산했습니다. 명확한 분류 기준이 있는 콘텐츠에 AI API를 추가하면 비용과 대기 시간만 늘어난다고 판단해, 외부 AI·백엔드 없이 구현

같은 선택으로 테스트했는데도 결과가 달라진다는 제보를 받았습니다. 빠르게 연속 클릭할 때 답변 수와 질문 번호가 어긋나는 것이 원인이었고, 한 질문에서는 첫 입력만 반영하도록 처리해 결과가 일관되게 나오도록 수정했습니다.

토스 사용자층이 넓어서인지 20대·30대뿐 아니라 60대 사용자도 서비스를 이용한 것을 확인했습니다. 결과가 재미있다는 5점 평가와 함께, UI 흐름이 편해 테스트하기 좋았다는 피드백을 받았습니다.

결과 뒤에 제안한 간단한 할 일도 부담스럽지 않은 미션이라 좋았다는 반응이 있었습니다. 실제 사용자의 평가를 통해 콘텐츠 자체뿐 아니라 UI/UX 설계가 서비스 경험에 중요한 역할을 한다는 점을 확인했고, UI/UX 영역이 강점이라는 피드백도 받을 수 있었습니다.