[WIL] 개발일지: 항해99 11, 12주차(실전프로젝트- 기획 배경, 서비스 소개, 설문조사)

5월 셋,넷째 주: 항해99 11, 12주차

 

Chapter 6: 실전프로젝트(3, 4주차) 'SFlash(스플레쉬)'

 

원래 일주일에 한번씩 쓰는 Weekly 글이지만 .. 지난 2주는 너무 정신없이 지나가버려 2주 내용을 한꺼번에 업로드 하려 합니다.

지난 2주간에는 너무 많은 디벨롭과 수정이 있었기에 다 기억이 나지는 않겠지만.. 최대한 정리해서 적어보겠습니다...

 

2주간 너무 고생한 팀원들 덕분에 우리 프로젝트에 정말 많은 변화와 발전이 있었습니다. (아래 포스터부터 멋진 뿜뿜인거 보이시죠??ㅎㅎ)

아직 불안한 부분도 많고 감사하게도 정성스런 피드백 덕분에 개선점도 많이 찾았습니다.

 

정해진 5주가 끝나가는 이 시점에 오늘의 WIL에서는

 

1. SFlash의 기획배경과 가치, 그리고 서비스 구성에 대해 한번 더 짚어보고,

2. 앞으로의 개선점에 대하여 더 이야기 해보고자 합니다.

(기술 관련한 블로그는 업데이트 되는대로 링크 달아두겠습니다.)

 

---

SFlash(Spot + Flash)

나만의 스팟을 저장하고 공유하는 서비스입니다. 

기획 배경

코로나로 인해  공간에 대한 제약이 많아져버린 지금.

해외여행은 불가능한 상황에 사람들은 답답함을 느끼고, 국내여행이나 근교에 갈만한 곳을 찾는 니즈는 꾸준히 늘고 있습니다.

 

저희 조는 “사람들이 원하는 장소를 찾는데 어떤 방법을 사용할까? 불편함은 없을까?” 에 대하여 고민해 보았습니다.

사람들이 사용하는 검색방법으로는 블로그, 인스타 검색이 가장 많았고, 그 다음으로 지도검색 지인추천 등을 사용하고 있었습니다.

 

사용자 행동 분석 결과, 사람들은 자신이 원하는 장소를 찾기위해 대표적으로 ‘두가지’ 서비스를 사용하고 있었습니다.

 

1. 블로그나, 인스타, 페북 등 이미지 커뮤니티 위주로 검색하는 사람들이 가장 많았고, 

2. 원하는 장소를 찾고나면 결국 그 장소의 정확한 위치를 찾기위해 지도에 검색하게 되죠.

 

이러한 불편함을 해소하고자, 그 이상의 가치를 제공하고자! 사용자들이 원하는 스팟정보를 지도와 사진으로 한눈에 볼 수 있는 서비스인 SFlash를 기획하게 되었습니다.

Values : "빠르게! 재밌게 !"

SFlash의 고객들에게 전달하고 싶은 두 가지 가치(Values)

 

1. 고객들의 소중한 시간

- 블로그와 인스타를 넘나들며 원하는 이미지를 찾고, 지도를 다시 검색하는 번거로움 줄이기

- 지역별 / 카테고리별 검색 기능

- 전국의 명소들을 한눈에

- 내 주변 숨은 명소 찾기

 

2. 나만의 컬렉션을 만드는 재미

- 내가 '업로드/좋아요' 한 게시물들을 원하는 형태(지도/사진)로  모아보기

- 다른 유저의 스토리 페이지도 구경할 수 있어요 :)

(단순히 정보만 얻을 수 있는 기능 제공만 하는 서비스라면 계속해서 양질의 데이터가 쌓이기 힘들고, 무엇보다 유저를 계속해서 서비스에 머물게 하는 재미 요소가 필요하다고 생각했습니다. 내가 좋아하는 스팟들만 모아 나만의 컬렉션을 만들어가는 재미를 부여했습니다.)

서비스 구성

저희 웹 서비스는 로그인/회원가입외에 메인 페이지 3개와 그외 페이지로 구성되어 있습니다.

 

1. 지도 페이지

2. 커뮤니티(이미지) 페이지

3. 스토리 페이지

4. 로그인/회원가입 (일반 로그인 + 소셜 로그인)

5. 팀 소개 페이지

6. 문의하기

 

SFlash 보러가기

https://sflash.net/

---

TechStack

[Front-end]

1. 사용자 편의성 개선 (카테고리 검색 기능, 이중 탭 구현)

2. 카카오 API 활용(geolocation, 마커 찍기, 커스텀오버레이 등)

- 사용자들이 인지하고 있는 지도 인터페이스를 활용한 사용성 고려

3. 무한 스크롤, 소셜 로그인 등

4. cloudfront, https 배포

 

[ Back-end ]

1. 다중 사진을 업로드할 수 있는 CRUD

- 이미지 수정시 삭제 된 이미지는 DB의 이미지 url만 삭제하는 것이 아닌 S3의 DeleteObjectsRequest를 활용해 S3에 업로드된 이미지도 삭제해 용량 확보

2. 시간 최적화 

- /map, /board를 호출할 때 패치조인을 활용하여 한번에 조회할 수 있도록 하여 API 호출 시간 개선

3. 무중단 CI/CD 

- 기존의 FileZila 배포방법(merge > build > *.jar 파일 > ec2 배포) 가 아닌 무중단 배포(Travis, 스크립트, nginx 이용) 구현, 서버 자동화

4. 무한스크롤, 소셜로그인 등

5. https 배포

---

SFlash 설문조사

5/23-5/24 양일간 SFlash 고객을 대상으로 고객 설문을 실시하였고,

32명의 고객으로부터 정성스러운 피드백과 인사이트를 얻을 수 있었습니다.

 

1. 성별

- 남(53.1%) / 여(46.9%)

2. 연령대 

- 20대 (59.4%), 30대(34.4%), 기타(6.2%)

3. 답답한 코로나의 장기전, 가까운 곳 어디라도 가고 싶지만 장소를 찾는데 어려움을 느낀 적이 있으신가요?

- 예(100%)

4. 평소 놀러가면 사진을 얼마나 자주 찍으시나요?-

- 잘나올 때까지 찍는다(65.5%), 3-5회(25%), 거의 찍지 않는다(6.3%), 2-3회(3.1%)

5. 방문하고 싶은 곳을 찾기위해 사용하는 방법은?(중복 선택 가능)

- 1위: 인스타(25) / 2위: 블로그(20) / 3위: 지인추천(15) / 4위: 지도 검색(10) / 5위: 유튜브(7) / 6위: 페이스북 / 기타 어플, 검색

6. SNS나 블로그를 통해 장소를 검색하며 불편함을 느끼신 적이 있나요? 

- 예(84.4%) / 아니오(15.6%)

7. 평소 SNS나 블로그를 통해 장소를 검색하며 느낀 불편함

• 1위: 위치를 따로 검색해야 하거나, 정확한 장소 정보 제공 X (재검색)
• 2위: 광고성 게시물 
• 허위 게시물
• 개인마다의 견해 차이
• 대부분 카페 위주의 장소
• 오래된 정보

8. 평소 지도 검색을 이용할 때 느낀 불편함

• 지도에 사진이 나왔으면 좋겠는데 인스타로 재검색
• 주소만 나오고 사진 리뷰는 없는 점
• 자세한 리뷰나 사진들이 많지 않음
• 주로 관광지에 치중
• 허위 내용
• 더 자세한 설명 (찾아가는 법)
• '야근이 예쁜 곳, 바다가 예쁜 곳'과 같은 키워드로는 찾을 수 없음- 

9. 서비스를 이용하며 인상적이었던 점은(중복선택 가능)

- 1위: 전국 스팟 명소를 지도로 한눈에 (17) / 2위: 나도 몰랐던 내 주변의 숨은 스팟들(15) / 3위: 카테고리별 검색기능(13) , 3위: 깔끔한 디자인(13) / 5위: 나만의 지도를 만드는 재미 (10) 

 

10. 서비스 이용중 개선했으면 하는점(v 표시는 피드백 이후 반영한 부분 입니다) 

• 커뮤니티란 그리드 개수 조절 (v)
• 메인 디자인 개선, 이용방법 안내(v)
• 반응형 웹(모바일)
• 지도가 잘 안뜨는 경험, 로딩 속도
• 아쉬운 초기 데이터량(등록 명소 이벤트)
• 카페 맛집소개보다 장소 사진 위주로..
• 베스트, 추천 명소 기능
• 지역별 리스트
• 보완성 강화
• 토큰 만료시간 (v)
• 모달창 크기가 너무 작음(v)
• 로딩 스피너(v)
• 내 위치가 허용되지 않았을 때 지도가 뜨지 않는데 오류로 인식함
• nav bar 로고부분 cursor pointer, 마커 안내 호버 이미지 z-indexr 값 조절
• 지도 아이콘들이 의미하는바
• 메인 페이지 변경(브랜드 인식 제고)
• 별점 표시
• 이미 다른 사람이 올린 장소라면 관련 게시사진 등으로 표시하여 미리 알려주면 좋을 것 같습니다.

11. SFlash 서비스 이용 점수

- 평균 4.0점 (5점 (34.4%, 4점 46.9%, 3점 15.6%, 1점 3.1%)

12. SFlash 서비스 재사용 의향

- 예(96.9%), 아니오(3.1%)

13. 자유로운 의견

• 늘 여행이나 데이트를 위한 장소를 검색하고 고르기를 어려워 하는데 이렇게 명소들을 모아놓고 볼 수있다는 점이 훨씬 편하고 좋다고 생각합니다 자주 사용 하게 될 듯.! :)
• pc버전뿐이라 아직 제대로 사용해보지않았고, 데이터가 아직 많짐 않은 것 같아 3점 눌렀어요! 아이디어, 서비스는 넘 좋은 것 같아요!!
• 다른 사이트 보다는 더 쉽고 간결하게 되어있는거 같아서 종종 사용할것 같아요~ 좋네요!
• 스플래시 롱런하세유!!
• 다른 sns들과 달리 검색으로 찾기 보다는 한눈으로 찾을 수 있었고 정확한 위치도 나와있어서 만족스러웠습니다.
• 어떻게 보면 제가 원하는 형태의 플랫폼이 나온거 같아서 기대가 많이 됩니다. 여행다니면서 글을 작성하고 그것을 다른 사람들과 공유 하다보면 새로운 정보들도 많이 모이고 같이 나누게 될 것 같습니다.
• 인스타 페북 뒤를 이을 앱이 탄생할 것 같네요
• 좋은 서비스 만드시느라 고생하셨고, 앞으로도 기대하고 응원하겠습니다:)!! 한 눈에 잘 들어오는 깔끔한 디자인에 호감이 많이 갑니다!
• 지도에서 바로 추가하는 기능이 멋져요!
• 디자인이랑 아이디어, 사용자 경험 다 너무 멋진 것 같아요. ㅜㅜ 감탄 어바웃페이지도 정말 분위기 있어요. 개선점 적다보니 길어졌는데 작은 거에 집착하는 편이라... 죄송합니다. 저의 애정이라 생각해주시길 ♥ 너무 멋져서 발표 꼭 듣고싶어여 어떻게 구현했는 지 알려주세요~~~~ 고생하셨어요

---

과분한만큼 정성스러운 피드백 너무 감사드립니다 ㅠㅠㅠ 이렇게 관심 가져주시고 피드백 주시다니 정말 감사드립니다... !!

우리 역시 불안하다고 느끼는 부분에 대한 피드백도 많았고, 생각치도 못한 인사이트도 많았습니다. 발표 전까지 정말 모두모두 반영하고 싶었지만 현재는 할 수 있는 것부터 차근차근 수정해 나가는 중입니다.

 

아쉬운 점으로 가장 많은 피드백을 주신 부분은 불안정한 지도 로딩, 부족한 데이터량, 모바일 반응형 웹 이었습니다. 

모두 팀원들도 인지하고 있음에도 바로 개선이 되지 않아 속상한 부분입니다. ㅠㅠ 특히 모바일을 완벽하게 구현하지 못해 모바일 최적화인 페이스북, 인스타 마케팅을 진행하면서도 노출 횟수에 비해 이탈자가 많고 큰 효과를 내지 못한점이 매우 아쉽습니다.하루 빨리 개선하고 싶고, 다음 프로젝트를 진행할 때에는 처음부터 무조건 모바일 최적화를 고려하고 진행해야겠다는 교훈을 얻었습니다. 

---

아직 끝나지 않았습니다. 오는 금요일 최종 협력사 발표가 있고 마지막까지 최선을 다할 우리 7조 화이팅 입니다 !!!!!!

 

기술 구현과 관련하여 개인적으로 느꼈던 어려움은 따로 포스팅 하도록 하겠습니다. :)