리뷰 투고 서비스 — 투고·심사·공개를 한 흐름으로 이은 WEB 앱과 관리화면

리뷰 투고 서비스 — 이용하신 분이 올리고, 운영이 확인하고, 공개한다

이용하신 분이 레포트를 투고하고, 운영 측이 내용을 확인한 뒤에 공개한다. 그 한 흐름을 WEB 앱과 관리화면 양쪽에서 실제로 움직이는 형태로 만든 구현 샘플입니다. 의뢰를 받았을 때, 글로 전하는 것보다 빠르리라 여겨 화면을 그대로 제작했습니다.

확인하실 수 있는 4개 화면

• 앱｜레포트 일람 — 새 것부터 나열되고, 평가의 높낮이는 색으로 나뉘며, 실제로 이용하신 분의 투고에는 인증 배지가 붙습니다
• 앱｜레포트 상세 — 분석 데이터, 인상 태그, Q&A, 이용 데이터까지 한 화면에
• 관리｜대시보드 — 유저 수·투고 수·심사 대기 건수와 그 추이
• 관리｜레포트 심사 — 반려·투고 인증·인증 레포 인정까지 한 화면에서

이 형태로 만든 이유

1. 심사를, 공개 화면과 같은 모습으로

투고된 내용을 공개되었을 때와 같은 표시로 보면서 판단할 수 있게 했습니다. 관리화면만 맨 문자열로 나열되어 있으면, 공개 후의 모습과 어긋남이 생깁니다.

2. 반려에는 이유를 붙인다

거절만으로는 투고하신 분이 다음에 무엇을 고쳐야 할지 알 수 없습니다. 이유를 붙여 돌려드리는 형태로 했습니다. 투고의 질은 이 한 번의 수고로 달라집니다.

3. 인증 코드로 실제 이용을 나타낸다

이용하신 분께 드리는 코드를 동반한 투고에는 인증 배지를 붙여 공개합니다. 읽는 분에게 하나의 실마리가 됩니다.

4. 앱스토어를 거치지 않고 쓸 수 있다(PWA)

홈 화면에 추가하시면 앱과 똑같이 쓰실 수 있습니다. 새 레포트나 심사 결과 알림도 보내드릴 수 있습니다. 앱을 따로 개발하는 비용도, 스토어 등록도 필요 없습니다.

토대에 대하여

회원 등록·로그인·투고·코멘트·좋아요·마이페이지, 관리 측의 유저 관리·승인 워크플로는 저희 CMS 「VosCMS」에 이미 갖춰져 있는 부분입니다. 새로 만드는 것은 이 분야에 고유한 화면과 심사 흐름 부분으로 좁혀집니다. 만드는 양이 줄면 납기도 비용도, 그리고 오류의 수도 내려갑니다.

문언과 사진은 모두 임시로 넣은 것입니다. 화면 구성과 동작을 확인하시기 위해 준비한 것입니다.