Hey Tech
[SW개발] 럭키 토끼 테스트: 계묘년 신년 운세 테스트 소개 본문
🙏 들어가며
본 포스팅에서는 직접 기획부터 개발까지 주도한 계묘년 신년 운세 테스트 '럭키 토끼 테스트' 웹 서비스를 소개합니다.
📚 목차
1. 개요
2. 서비스 흐름도
3. 서비스 상세 소개
4. 기술 스택
5. 결론 및 제언
📌 1. 개요
본 서비스는 2023년 검은 토끼의 해인 계묘년(癸卯年)을 맞이하여 신년 운세를 확인해 보는 웹 서비스입니다. 총 6가지 상황이 주어지는 문항에 각각 이지선다형으로 본인이라면 어떤 생각과 행동을 할지 답변하면 운세를 고려한 토끼 캐릭터와 함께 운세 풀이를 제공합니다. 그래서 서비스 이름도 운을 뜻하는 Lucky와 토끼를 결합한 '럭키 토끼'로 작명하였습니다.
'신년인 만큼 운세에 대해 궁금해하지 않을까'라는 '신년 운세'와 '토끼띠 해'라는 2가지 키워드를 중심으로 서비스를 기획하였습니다. 프론트엔드는 React로, 여러 백엔드 인프라는 AWS를 활용하여 구축하였습니다. 총 3명이서 각자 자투리 시간을 활용하여 기획, 디자인, 개발, 첫 배포까지 약 일주일 내에 완수하였습니다.
🔗 본 서비스는 하기의 링크를 통해 회원가입 없이 무료로 이용하실 수 있습니다.
럭키토끼 테스트
newyearrabbit.click
📌 2. 서비스 흐름도
서비스 흐름도는 위의 그림 2와 같습니다. 페이지는 크게 메인(home) 페이지, 질문/답변 페이지, 결과 페이지로 총 세 부분으로 나눌 수 있습니다. 메인 페이지에서 'Start' 버튼을 클릭하면 질문/답변 페이지로 이동합니다. 질문 6가지에 대해 차례대로 이지선다형으로 선택을 완료하시면 결과 페이지에서 올해의 운세 풀이를 확인하실 수 있습니다.
📌 3. 서비스 상세 소개
3.1. 메인 페이지
메인 페이지는 위의 그림 3과 같습니다. 서비스 Identity를 보여주는 서비스 이름('럭키 토끼 테스트')과 문구를("올해 나는 어떤 토끼?", "올해엔 로또를..?") 기입하였습니다. Start 버튼을 클릭하시면 질문/답변 페이지로 이동합니다. 하단에 '공유하기' 버튼 그룹에는 좌측부터 차례대로 페이스북, 페이스북 메시지, URL복사, 카카오톡 링크 공유하기 버튼을 배치하였습니다. 공유 버튼 하단에는 현재까지 테스트한 누적 사용자 수를 환생한 수로 프레임을 씌워 개괄적인 수치로 제공합니다(i.e., 5만 명+).
참고로, 위의 그림 4와 같이 페이지마다 흰색 점들은 눈(snow)입니다. 서비스 배포 시기가 겨울이었기에, 카톡방에 눈 내리는 효과가 있듯이, 사용자에게 더 친근하고 즐거운 경험을 주고자 활용하였습니다.
3.2. 질문/답변 페이지
질문/답변 페이지는 위의 그림 5와 같이 총 6개의 질문과 각각에 2가지 답변문항으로 구성하였습니다. 상단에는 Progress Bar를 활용하여 사용자가 전체 문항 중 얼마나 답변을 완료했는지, 현재 상태를 인지할 수 있도록 설계하였습니다. 사용자 관점에서 설문지나 심리 테스트와 같은 서비스를 설계할 때는 반드시 사용자가 현재 어느 상태에 있는지 알려줘야 합니다. 즉, 전체 질문지 중 얼마나 답변을 완료하였고, 얼마나 질문지가 남아있는지 알려주는 것이 중요합니다. 위와 같은 Progress Bar는 사용자 스스로 질문 task를 완수하는 데 필요한 시간을 대략적으로 계산할 수 있기 때문에, 부정경험은 줄이고 답변을 완수하는 데 도움을 줄 수 있습니다.
3.3. 결과 페이지
위의 그림 6은 결과 페이지입니다. 사용자의 답변 결과에 따라 총 토끼 캐릭터 16가지 종류 중 하나로 맵핑한 운세 풀이를 제공합니다. 상단에는 운세를 한 마디로 정의할 수 있는 문구와 함께, 해당 운세와 연관된 토끼 이미지를 첨부하였습니다. 토끼 그림은 모두 협업한 디자이너분께서 직접 작업해 주셨습니다.
운세 풀이는 종합적인 운세 지수(index)와 서술형 풀이식으로 구성하였습니다. 먼저, 운세 지수는 사용자가 가장 관심 있을 법한 3가지 운세 종류를 사랑운, 성공운, 재물운으로 정하고, 사용자 답변에 따라 운세 유형별 점수를 산출하여 제공합니다. 긍정적인 운이 가득할수록 해당 운세 유형마다 빨간색 하트가 추가됩니다. 다음으로, 서술형 풀이는 긍/부정 운세로 나누어 풀이하였습니다. 긍정적인 기운의 운세는 "잘 될 거예요" 제목의 말풍선에, 주의가 필요한 일에는 "조심하세요" 제목의 말풍선으로 구분하여 제공합니다. 운세 풀이 하단에, REPLAY 버튼을 클릭하면 메인 페이지로 이동합니다. 하단에 '공유하기' 버튼 그룹에는 좌측부터 차례대로 페이스북, 페이스북 메시지, URL복사, 카카오톡 링크 공유하기 버튼을 배치하였습니다.
공유하기 버튼 그룹 하단에는 다른 테스트도 체험해 볼 수 있도록 배너링크를 추가하였습니다. 첫 번째로는 2022년 화제의 드라마(수도권 최고 시청률 30%) <재벌집 막내아들> 소재를 중심으로 성격유형 테스트(MBTI)를 각색하여 개발한 웹 서비스 <재벌집 막내아들 테스트>입니다. 두 번째로는 카톡 대화 분석을 통해 카톡방 구성원 각각이 어떤 성향/성격/취향을 갖는지 'OO왕'으로 분석하고 맞춤형 선물까지 추천해 주는 <카톡 분석 왕 테스트>입니다. 해당 서비스 이름을 클릭하시면 회원가입 없이 무료로 체험할 수 있습니다.
📌 4. 기술 스택
프론트엔드는 React로, 백엔드 및 인프라는 AWS를 활용하여 개발하였습니다. 사용한 AWS 서비스는 하기와 같습니다.
- 유입 시간, 사용자 수 tracking
- 유입 사용자 시간/수 저장
- API 활용
- 웹 호스팅
5) CloudFront
- 배포
6) Route53
- 도메인 활용
📌 5. 결론 및 제언
본 서비스는 2023년은 검은 토끼의 해인 계묘년(癸卯年)을 맞아 신년 운세를 재미 삼아 확인해 볼 수 있는 웹 서비스입니다. 6가지 특정 상황이 각각 주어졌을 때 사용자의 생각과 행동을 답변받아 올 한 해 운세 풀이를 귀여운 토끼 그림과 UI를 활용하여 제공합니다.
본 서비스의 함의점은 다음과 같습니다. 첫째, 운세풀이를 올 한 해는 어떤 토끼 캐릭터처럼 살아갈지 Young 한 감성으로 풀어냈다는 점입니다. 기존 운세풀이 서비스는 대부분 사랑운은 어느 정도며, 재물운은 어떻고와 같이 틀에 박혀 있습니다. 이는 MBTI 성격유형 테스트와 같은 디지털 스낵(snack) 서비스에 익숙한 사용자에게 지루하고 고리타분하게 느껴지기 쉽습니다. 이에, 본 서비스는 OO운세와 같은 단어는 지양하고, 귀엽고 젊은 감성을 가진 토끼 그림과 UI를 적극 활용하였습니다. 실제로, 인스타그램 인플루언서 마케팅에서 실 사용자들이 그림이 귀엽고 토끼 캐릭터를 활용한 운세 풀이가 재밌고 신선해서 재공유하는 사례가 많았습니다.
둘째, 6개의 문항만으로 운세 결과를 받아볼 수 있는 간편함입니다. 문항 수가 많아지고 문항 자체가 어려워질수록 사용자는 답변 여정(journey)에서 스트레스를 받을 것이며, 자연스럽게 운세 풀이에 대한 높은 정확도를 기대하게 됩니다. 하지만 아직 오지 않은 한 해의 운세를 과학적으로 정확하게 예측하기란 매우 어려운 일입니다. 운세를 맹신하는 분들도 일부 계시겠지만, 대부분 재미 삼아 체험해 보고 본인에게 필요하거나 혹은 인상 깊은 문구만 귀담아듣습니다. 이러한 관점에서, 본 서비스는 문항 수를 최대한 줄이고, 문항 자체도 여러 번 다듬어 짧고 큰 고민 없이 답변할 수 있도록 설계하였습니다.
🔗 본 서비스는 아래 링크를 통해 회원가입 없이 무료로 체험 가능합니다.
럭키토끼 테스트
newyearrabbit.click
🔗 참고 블로그
끝으로, 본 서비스를 위해 협업한 개발자분들의 블로그 링크를 공유합니다.
https://dbstndi6316.tistory.com/
코딩뚠뚠
dbstndi6316.tistory.com
앵무의 조잘조잘 스토리 : 네이버 블로그
하루하루를 기록 중입니다 ( •̀ω•́ )✧
blog.naver.com
👨💻 참고할 만한 포스팅
1. [SW개발] 카톡 분석 기반 성향 테스트 '카톡분석 왕 테스트' 소개
2. [SW개발] 드라마 재벌집 막내아들 테스트: 나는 재벌집 어떤 막내?
3. [SW개발] 럭키 토끼 테스트: 계묘년 신년 운세 테스트 소개
4. [SW개발] MZ오피스 테스트: 나의 꼰대력/MZ력은?
5. [SW개발] ChatGPT 기반 전생 스토리 서비스 소개
포스팅 내용에 오류가 있다면 댓글 부탁드립니다.
그럼 오늘도 즐거운 하루 보내시길 바랍니다 :)
고맙습니다😊
'SW 개발 > 프로젝트 소개' 카테고리의 다른 글
| [SW개발] ChatGPT 기반 전생 스토리 서비스 소개 (0) | 2023.05.03 |
|---|---|
| MZ오피스 테스트: MZ력/꼰대력 테스트 해보기! (1) | 2023.03.06 |
| [SW개발] 드라마 재벌집 막내아들 테스트: 나는 재벌집 어떤 막내? (0) | 2023.01.19 |
| [SW개발] 카톡 분석 기반 성향 테스트 '카톡분석 왕 테스트' 소개 (0) | 2023.01.15 |
