퀘스트 | 프로젝트 회고 | 지도 일기 mapsee(맵시) 출시 후기

지도 일기 mapsee(맵시) 출시 후기
프로젝트 회고

지도 일기 mapsee(맵시) 출시 후기

#맵시 #지도기반일상기록 #해피타이트 #공유폴더 #일기작성 #추억기록 #친구고유 #happetite #개발회고 #개발프로세스

작성일 : 24.03.30 22:17

0

0

0

👉 본문을 50%이상을 읽으면 '여기까지다' 퀘스트가 완료됩니다(로그인 필수)

프로덕트명

맵씨

개발기간

-

장소에 담긴 추억을 지도에 기록하고, 함께한 친구들과 공유해보세요! 지도 위 장소에 기록을 작성하고, 공유폴더를 만들어 친구들과 기록을 나눠보세요. - 지도에서 장소를 선택해 기록을 작성하세요. 사진도 등록 가능합니다. - 기록이 저장된 장소를 지도에서 모아볼 수 있어요. - 폴더를 여러 개 만들어 기록을 구분하고, 친구들을 초대해 공유폴더로 만들어보세요. - 공유폴더 내에서는 누구나 기록을 작성하고 멤버들과 나누어 볼 수 있어요.

개발 회고

😀 자신과 팀소개를 부탁드립니다.

안녕하세요, 서울대학교 앱개발 동아리 해피타이트(Happetite)입니다.

해피타이트는 '사람들의 행복을 위하는 앱'을 만들자는 목표로 처음 뭉치게 되었습니다. 저희는 창업과 스타트업 씬에 관심 많은 학부생으로 이루어져 있고,

현재 스타트업 라운지 '스프링 라운지'에 입주해 있습니다.

저희 동아리는 프로덕트 단위로 팀이 결성되는데, 맵시는 동아리 파운더 1명, 기획 2명, 개발 2명, 디자이너 1명으로 이루어져 있습니다.

팀 리더 자리가 각자의 사정(ex. 군대,,)으로 2번이나 바뀌는 우여곡절을 겪었지만, 학업을 병행하며 무사히 런칭을 마칠 수 있었습니다.

저희 앱 'mapsee(맵시)'는 해피타이트에서 두 번째로 출시한 프로덕트이자 처음으로 제작한 앱 서비스입니다.

🤗 프로덕트 소개좀 해주세요~

🩵 지도 일기 앱, mapsee(맵시)🩵

지도에 일기를 작성하고, 공유 폴더로 친구들과 함께 추억을 기록하세요!

여러분에게 장소는 어떤 의미를 갖나요? 자주 가던 단골집과 집 근처 동네에는 나만의 특별한 추억이, 친구들과 놀러간 장소에는 다른 사람들과의 소중한 기억이 깃들곤 합니다.

맵시는 개개인에게 의미있는 장소를 지도에 모아주고, 함께 한 사람들과의 추억을 기록하고, 그 기록을 친구들과 공유할 수 있도록 하는 서비스입니다.

🖋️ 일기 작성

장소를 선택해 오늘 하루 있었던 일을 쓰고, 사진도 올려보세요!

📍 맛집, 여행

내가 일상에서 기록한 맛집, 여행지 등 의미있는 장소를 지도에서 모아볼 수 있어요.

👨 👩 👧 👦 공유 폴더

여러 개의 폴더로 기록을 구분하고, 친구들을 초대해 공유폴더로 만들어보세요!

⁉ 프로덕트를 만들게 된 계기는 무엇인가요?

사람들이 행복을 느끼는 방법에 대해 리서치를 많이 했는데, 그 중 하나가 스스로의 하루를 '기록'하는 것이었어요.

그런데 시중에 기록 앱이 이미 많은 상황에서 어떻게 차별화를 두면서도 기록의 본질을 지킬 수 있을지 고민해야 했습니다.

평소에 일기를 쓰면 특정 장소와 함께한 사람이 기억되는 경우가 많은데, 모바일 지도에 이런 추억을 기록할 수 있는 만족스러운 서비스가 없다고 느꼈어요.

그래서 지도 레이아웃을 바탕으로 장소에 대한 개인적인 기록을 남기고, 이를 지인들과 공유할 수 있는 서비스를 만들었습니다.

🤝 팀원분들은 어떻게 만나셨나요?

팀원은 동아리 파운더가 지인들을 수소문하거나, 정식으로 학내 커뮤니티에 공고를 내 리크루팅을 하며 만나게 됐습니다.

팀의 시작에 관한 얘기는 저희 인스타툰에 재미있게 나와있어요😉

https://www.instagram.com/mapsee_happetite/

😱 개발은 어떻게 진행이 됬나요?

1️⃣ 기획안 작성

처음에는 지인들과의 대화를 통해서 '행복'을 주는 서비스를 이용한 경험에 관해 이야기를 많이 나누었어요.

프로덕트 아이디어가 구체화되고 난 이후에는, 인터넷이나 커뮤니티에 가홍보물을 돌려서 저희 프로덕트에 대한 수요가 얼마나 있는지 알아보았습니다.

2️⃣ 가설 검증

그런데 '기록'이라는 개인적인 수단이 '지도'라는 실용적인 서비스와 결합하는 과정에서 끊임없이 타깃 유저가 불분명하다는 느낌을 받았습니다.

그래서 저희의 주요 타깃이 개인적으로 자신의 일상을 나누고 싶은 사람들인지, 업무적으로 지도앱의 실용성을 원하는 사람들인지 검증하는 작업을 거쳤습니다.

앞서 제작했던 가홍보물을 두 가지 버전으로 수정하여 A/B test를 기획하고, 주변 지인들과 부동산 사장님을 만나며 mom test를 적용한 심층 인터뷰를 하기도 했습니다.

결과적으로 개인적인 기록에 초점을 맞춘 서비스를 출시하기로 했고, 이를 디자이너에게도 전달하여 캐릭터를 넣은 아기자기한 컨셉으로 앱 무드를 확정지었습니다.

3️⃣ UI/UX 테스팅

저희가 테스팅 했던 핵심 기능은 '기록'과 '공유'였습니다.

우선 기록을 위해 처음 앱을 켰을 때 홈 화면에서 보이는 게 지도인데, 어떤 플로우를 거쳐야 가장 직관적으로 지도에 기록하는 느낌이 나는지에 집중했습니다.

지도앱은 검색창이 핵심이고, 기록앱은 글쓰기가 핵심인데 이 두 개를 합치려니까 뭐가 가장 효율적인 방법일지 고민이 됐어요.

CTA(Call to action) 버튼의 위치와 전반적인 홈화면 레이아웃을 확정 짓기 위해 많은 사람에게 UX 테스팅을 했습니다.

공유는 SNS나 커뮤니티 같은 공개 기록의 느낌을 주지 않기 위해 고민했습니다.

그렇게 되면 저희의 처음 목표인 행복과 거리가 생길 거라고 생각했거든요. 결과적으로 기록앱과 지도앱의 특성이 모두 들어간 홈화면과, 공유 폴더 기능이 만들어졌습니다.

4️⃣ 디자인

디자인 작업을 진행할 때 ‘나’와 ‘마음’을 중심 키워드로 삼았습니다.

먼저, 개인이 나의 지도를 꾸미고 채워나간다는 것을 중요하게 여겨 중립적인 성격을 띠도록 디자인했습니다.

사용자가 자신의 사진과 내용을 강조할 수 있도록 앱의 자체적 요소보다는 사용자의 내용을 중심으로 배치했습니다.

다양한 컬러 맵핀과 사진을 통해 사용자가 나만의 방식으로 지도를 채워나갈 수 있도록 했습니다.

또한, 사용자의 마음에서 추억을 불러일으키기 위해 보관함을 폴라로이드 사진처럼 배치하여 추억을 쌓아나가는 느낌을 전달했습니다.

메인 컬러로는 일반적 선호도가 가장 높은 푸른 계열의 색상을 선택하여 사용자에게 편안함을 제공했습니다.

개중 민트 컬러로 선정하여 일상적이고 상쾌한 느낌을 부여했습니다. 캐릭터는 세상에서 가장 행복한 동물로 불리는 쿼카를 기반으로 개발했습니다.

사용성 측면에서도 지속적인 개선이 이루어졌습니다.

wireframe을 설계하고 사용성을 고려하여 flow를 수정해나갔으며, 위계를 파악하여 디자인 로직에 따라 스크린을 구성했습니다.

뿐만 아니라 디자인이 개발까지 이어지는데 있어서도 고려해야할 사항이 많았습니다.

원하는 디자인의 구현이 어려운 경우도, 원래 의도와 다르게 개발되는 경우도 있었습니다.

이를 극복하기 위해 컴포넌트를 체계적으로 관리하고 설계 가이드라인을 작성하여 개발팀과의 소통을 원활히 했습니다.

이를 통해 같은 방향으로 나아가며 하나의 그림으로 완성해 나갔습니다.

5️⃣ 개발

저희는 개발 시 iOS와 Android 모두를 타겟으로 설정하였기에 JS 기반 크로스 플랫폼인 RN(React Native)을 채택하였습니다.

백엔드의 경우, 실시간 공유 기능을 구축하기에 적절하며 개발 시간을 크게 절약할 수 있는 Firebase를 사용하였습니다.

개발의 첫 단계는 데이터베이스의 구조를 구체화하는 것이었습니다.

이 과정에서 가장 중요하게 고려했던 것은 맵시가 ‘혼자서만 이용하는 앱’이 아닌 ‘다른 사람들과 함께 추억을 공유하는 앱’이라는 점이었습니다.

따라서 사용자 본인이 원하는 사람들과 함께 공유폴더를 생성하고 기록을 원활히 공유할 수 있게끔 하는 데에 초점을 맞추어 데이터베이스를 구축하였습니다.

다음 단계는 기획과 디자인 팀에서 제시한 앱의 flow를 구현하는 것이었습니다.

기획 팀에서 여러 테스트 거쳐 확정된 기획안에 대해 디자인 팀과 함께 구체적인 flow를 제시하면,

개발 팀은 이를 rough하게 구현함과 동시에 기획 팀으로부터 피드백을 받으면서 flow를 점점 완성시켜 나가는 방식었습니다.

이 과정은 지도 검색, 공유 폴더, 푸쉬 알림 등 여러 기능에서 병렬적으로 이루어졌는데,

이 때문에 개발 속도가 다른 파트에 비해 뒤쳐지기도 하였으나 기획자와 디자이너가 완성해놓은 flow를 보면서 더욱 상세한 정보를 참고하여 개발할 수 있었다는 장점도 있었습니다.

마지막 단계는 구체적인 디자인을 적용하는 것이었습니다.

직전까지는 버튼, 하단 바 등의 각 UI 요소들을 크게 신경쓰지 않았으나,

막상 expo 시뮬레이션을 전체적으로 해보니 터치 및 애니메이션 효과에 대한 사용감이 기대치에 비해 많이 낮았습니다.

이러한 부분을 개선하고자 디자인 팀과 많은 회의를 하였고, 기존에 있던 여러 지도, 기록 앱들을 참고하여 전반적인 UI/UX를 향상시켰습니다.

5️⃣ QA 진행

QA는 팀원들이 기능을 하나하나씩 테스트하며 기존 기획안과 다르거나 오류가 나는 부분을 찾아내는 방식으로 진행하였습니다.

즉각적으로 해결하기 어려운 내용은 스프레드시트에 따로 리스트업 해서 공유하였습니다.

6️⃣ 앱스토어 출시 및 마케팅

지난 4월 앱스토어에 우선적으로 프로덕트를 출시하였습니다.

출시 직전부터 인스타그램으로 저희가 맵시를 만들면서 생겼던 에피소드를 담은 인스타툰과, 앱의 컨셉을 보여주는 카드뉴스를 주기적으로 업로드 했습니다.

현재는 프로덕트 제작기를 작성하고 여러 SNS나 커뮤니티를 통해 홍보하는 중입니다.

👍 재미있었던 것은 무엇이었나요?

유저 관점에서 사고하려는 태도를 체화할 수 있었습니다.

맵시팀 팀원들과 대화하면서, 유저를 행복하게 하는 서비스를 만들려면 유저 관점을 기획에 충실히 반영해야 한다는 걸 느꼈어요.

그전까지 영상, 캠페인 기획 등의 활동에서는 팀원들과 토의해서 제일 흥미롭거나 취지에 어울리는 방향을 판단기준으로 삼는 정도였거든요.

버튼위치나 화면 플로우 등 여러 시나리오를 figma로 간단히 구현하고 사람들에게 UX 비교를 요청하기도 해보고

기록 경험과 관련해 mom test를 적용한 유저 인터뷰도 해보면서, 잠재유저와 지속적으로 소통하면서 서비스 개선방안을 고민하는 경험을 할 수 있었습니다.

그리고 무엇보다 서로 다른 파트가 힘을 합쳐서 하나의 결과물을 냈다는 것에 대한 보람이 컸어요.

멤버들 각자 일정이 바빠도 프로젝트에 열정을 갖고 한 명 이상의 몫을 해준 덕에 가능했던 일이라고 생각합니다.

👎 아쉽거나 어려웠던 점은 무엇이었나요?

프로젝트에 참여한 개발자들은 모두 이전에 누군가와 함께 개발해 본 경험도, 앱 개발 경험도 없는 사람들이었습니다.

따라서

1. 데이터 간의 관계를 정밀하게 정의하고 키를 구체적으로 지정하는 등의 데이터베이스 작업,

2. git을 비롯한 여러 툴을 이용해 코드를 관리하고 개발 협업하는 과정,

3. Expo-CLI를 이용함으로써 생기는 native 기능 제한을 완화하려는 시도,

4. 개발 목표 설정 및 이행 등 에서 많은 초보적인 실수들이 있었습니다.

그러나 이 어려움을 헤쳐나가는 과정에서 자료 구조의 초기 세팅, git branch의 관리법, 프레임워크의 채택 및 개발 업무 분업화 등에 대해 진심으로 고민해볼 수 있었고

앱을 제작한 1년 동안 정말 많이 배우고 성장할 수 있었습니다.

때로는 격려하고 때로는 서로를 푸쉬하는 팀원들과 함께했기에 모든 것이 가능했다고 생각하며, 프로젝트를 출시하게 됐을 때의 뿌듯함은 잊지 못할 것입니다.

기획과 디자이너 입장에서는 이런저런 기능들에 욕심을 내어 일정이 연기되고 어렵게 돌아갔던 점이 아쉽습니다.

결국 하고 싶었던 것들을 완벽하기 구현하지 못한 것도 있고, 반대로 구현하지 못할 것들에 너무 많은 시간을 할애한 적도 있습니다.

가장 중요한 것이 무엇인지 선별하여, 중심을 잡고 진행하는 것이 중요하다는 것을 알게 되었어요.

하지만 역시 아쉬운 마음보다는 아무튼 해냈다는 뿌듯한 마음이 훨씬 큽니다.

💯 앞으로의 계획을 알려주세요

저희가 학부생인만큼 각자의 학업이 바빠지고 함께 모일 수 있는 시간이 줄어들면서, 이 맵시 프로젝트를 언제까지 지속할지 고민하게 된 시기가 온 것 같아요.

이번이 맵시에 투입하는 마지막이라는 생각으로 마케팅을 열심히 돌려보고 있습니다.

유저분들의 반응을 보고 서비스 업데이트나 추후 런칭 이벤트에 대한 논의를 해볼 예정입니다.

그리고 저희 다음으로 리크루팅한 기수가 이번에 새로운 프로덕트 두 개를 준비중이랍니다. 맵시 이후에도 해피타이트의 행보를 쭉 지켜봐주셨으면 좋겠어요!

🎆 인스타그램: https://www.instagram.com/mapsee_happetite/

🍎 앱스토어 다운로드: http://bit.ly/forevermapsee

🧑‍💻 팀 구성원분들과 찍은 사진이나 추억할 것들이나 기타 공유하고싶으신 내용 말씀해주세요

개발팀 정보

해피타이트 맵시팀