ㅎ..혹시.. MBTI가 어떻게 되세요? - "MBTIgram" 개발기

mbtigram·2023년 9월 10일
9
post-thumbnail

시작하며

안녕하세요. 저희는 BTSpaAI 개발자 윈터, 뷔, Frontend 개발자 카리나, Backend 개발자 진입니다.😃

저희는 지난 2023년 7월 'University of Southern Califorina'에서 주최한 2023 한미 해커톤에 참가하여 AI기반 MBTI 예측 웹 서비스를 개발했습니다. 월드스타 BTSpa의 역사부터 한미해커톤에 참가하게된 계기, 미국에서의 개발기, 영예의 2등 수상 및 한국에서의 추가 개발기까지 천방지축 월드스타 BTSpa의 험난한 여정을 공유하려고 합니다.

MBTIgram이 뭐냐고 물으신다면, 대답해드리는게 인지상정!

월드스타 BTSpa의 개발일지 대공개!!

지금부터 시작하겠습니다!!

전설의 서막

바야흐로 약 두 달전.. 저희는 인천공항에서 처음 마주했습니다.
뜬금없이 왜 인천공항이냐고요..?

저희는 '숭실대학교 스파르탄SW교육원'에서 주최한 SPP 3기에 참여하게 되어 미국 로스엔젤레스에 위치한 'University of Southern Califorina'로 SW 교육을 받으러 갔습니다. Data Science 수업시간에 한미 해커톤을 대비해서 미리 팀을 꾸려 프로젝트를 준비하게 되었죠..

팀 구성 계기도 뭐 별거 없었습니다.. Hmm... 팀 인원이 4명인데.. 어쩌다보니 그냥 친구 없는 4명이 모였습니다..^^..
각자 소개를 하고보니 각자 관심 분야가 다르더라구요?? ㅋ~ 오히려 좋아!
덕분에 저희는 AI를 활용한 웹 서비스 개발을 결심했고 아이데이션을 통해 'MBTI'라는 주제를 결정하게 되었습니다.

요즘 대세가 뭔가요? 단언컨대 'MBTI'입니다.

사실 저희가 sw교육 프로그램으로 처음만나서 서로에대해서 아는 정보가 하나도 없었는데요.. BTSpa 윈터는 굉장한 MBTI 과몰입자라 인천공항에서부터 만나는 사람마다 MBTI를 물어보고 다녔습니다. 아마 제가 미국와서 초반에 가장 많이 한 말이 "ㅎ..혹시 MBTI가 어떻게 되세요?" 일겁니다. 어쩌면 MBTI는 처음 본 사람을 쉽게 파악할 수 있는 수단이자 첫 말문을 틀 수 있는 좋은 주제이죠.

MBTI약 15분정도 소요되는 검사지로 결과를 받아볼 수 있습니다. 검사지에서는 심리적으로 자신이 지향하는 방향을 선택지로 누르게 되는 경우도 있습니다.

이런 귀찮은 검사 과정을 단 30초로 단축시킨다면 어떨까요?

또한, 자신을 가장 진실되게 표현할 수 있는 수단으로서 그동안 자신이 작성해온 '텍스트'를 통해 MBTI를 분석한다면 어떨까요?

그래서 시작했습니다.

Instagram 계정만으로 쉽게 MBTI를 예측하는 AI 웹 서비스 "MBTIgram"



프로젝트 과정

미국에서 프로젝트를 시작할 당시, 평일 오전 9시부터 오후 5시까지 수업을 들었기 때문에 시간이 많지 않았습니다. 주말에는 여행을 다니기 위해서 평일에 정말 열심히 준비했죠..

LA에서의 추억..⭐️

저희의 초기 팀명은 'Zizon Ulzzang(지존얼짱)이었습니다.
저렇게 밤에 개발하고 아침에 학교 수업가고.. 미국에서의 개발기보다는 생존기가 더 어울리는 생활이었..

이러지마 제발

힘든 생활이었지만, 유일하게 프로젝트 시간만큼은 웃고 떠들면서 재미있게 진행했습니다.

2023 한미 해커톤

초기 UI

MBTIgram의 초기 UI입니다. 지금과는 느낌이 많이 다르죠?

BTSpa 카리나가 만든 멋진 발표자료로 해커톤에 참가했습니다.

발표하는 윈터와 2등상 받는 월드스타들의 사진

한국에서의 개발기

팀원들간의 케미도 굉장히 좋았을 뿐더러, 사실 이렇게 마무리하기에는 너무 아쉽다는 생각이 들었습니다. 그래서 한국에서 'MBTIgram'을 업그레이드 후, 정식으로 릴리즈하기로 결정했습니다.

초기 멤버AI 개발자 2명, FE 1명, BE 1명으로 구성되어 있었습니다. 더욱 퀄리티 높은 결과를 내기 위해서 현재 'MBTIgram' 디자인으로 완벽 변신시켜주신 디자이너님과 서비스 고도화와 브랜딩 전략 수립, 홍보 등의 역할을 맡아주신 마케터님이 투입되었습니다!!

기존 서비스에서 개선된 사항

1. 브랜딩을 위한 'MBTIgram'에 어울리는 디자인, 컨텐츠 방향 선정!

Instagram과 MBTI라는 메인 키워드에 맞춰 디자인, 컨텐츠를 개선하여 브랜딩을 했습니다.

MBTI 유형별 캐릭터

디자이너님의 피땀눈물.. MBTIgram에 귀여움을 더해준 유형별 캐릭터들과 Instagram 컨셉과 딱 맞는 디자인입니다!!

또한, 결과에 MBTI 유형별로 '~~그램'이라는 명칭으로 재미 요소를 더해주었습니다!

화질이 많이 깨졌네요..

2. AI 알고리즘 성능 향상

'MBTIgram AI의 이야기'를 참고하시면 알 수 있듯이, 초기 모델이 매우 부실했으며 잘못된 성능평가로 인해 그냥 거의 바보 수준..이었습니다.. AI 개발은 아예 처음부터 다시 진행했으며, 세 가지 모델의 성능 평가를 통해서 최종 모델을 선정했습니다.
윈터의 끝없는 욕심으로 버전이 총 7개라는 소문이.. 수만가지의 에러와 직면한 끝에..

모델링 끝내고 극락갔던 윈터의 모습

3. 팀 MBTI 궁합 기능 추가 및 MBTI 유형별 멘트 개선

(궁합 분석?페이지 사진 캡쳐)
기존에 있던 '자기소개로 MBTI 예측' 기능을 없애고 SNS상의 팀 궁합 기능을 추가했습니다.

MBTIgram 분석 결과 화면

인스타그램이라는 컨셉에 맞춰 MBTI 결과페이지 내용도 개선하였습니다. '나의 MBTI 예측 순위'로 자신의 Instagram 분석 결과 MBTI 예측 확률 순위를 확인하실 수도 있습니다! 추가로, MBTIgram 사용자의 MBTI 누적 순위도 확인할 수 있습니다.

4. 결과 화면 이미지 저장 기능

이미지 저장 기능

위 화면에서 저장 버튼을 누르면 결과 이미지가 저장됩니다. 참고로, 아이폰은 safari에서만 저장이 가능합니다! 이미지를 저장하고, 인스타그램 스토리에 결과를 친구들과 공유하면 더 재미있겠죠!?

MZ들의 핫한 관심사인 Instagram과 MBTI의 만남!
흥미롭지 않나요?

2023년 9월 10일에 만나보시죠!!
Comming Soon..

마치며!

미국에서부터 애정을 듬뿍담아 진행했던 프로젝트였는데, 성공적으로 마치게 돼서 정말 뿌듯하고 기쁩니다🥹
'9월 초 배포'라는 목표를 위해서 주어진 역할 수행하느라 팀원 모두 많은 고생을 했던 것 같습니다..😂
끊임없는 이슈들을 해결하느라 밤을 지새웠던 개발자 팀원들 정말 고생했고, 중간에 투입되었지만 누구보다도 열심히 참여해주시고 예쁜 결과물 얻을 수 있게 해주신 디자이너님과 마케터님 정말 감사드립니다..😍

이슈 해결 == 그들의 소확행(feat.진)

정말 멋지고 똑똑한 팀원들과 함께한 덕분에 더욱 발전할 수 있었던 한 달이 되었네요👩‍💻
개발하는 동안 발생했던 다양한 이슈들과 솔루션은 파트별 개발 일지에서 확인하실 수 있습니다!
팀원 모두의 노력이 깃든 서비스이니, 예쁘게 봐주시고 많은 이용 부탁드립니다🤩
읽어주셔서 감사드립니다!!
이상으로, BTSpa의 MBTIgram 개발기를 마치겠습니다💻

profile
mbtigram 기술 블로그입니다 ✨

1개의 댓글

comment-user-thumbnail
2023년 9월 11일

팀명도, 팀원분들도, 팀 프로젝트도 모두 재밌고 즐거워보이네요! :) 벨로그의 트렌딩 추천덕분에 재밌는 프로젝트, 열정적인 팀 잘 보고 갑니다 ! 멋지네요 :)

답글 달기