Project Overview

Project Issue

"대한민국 의사들이 다 모이는곳" 닥플은 하루 500명 이상의 사용자가 400건 이상의 글을 올리는 커뮤니티/쇼핑 사이트로 구시대적인 디자인, 한눈에 들어오지 않는 복잡한 UI/UX 개선과 asp로 구축된 사이트를 jsp로 변환 및 마이그레이션을 원하셨습니다. 또한, 위 개발을 바탕으로 모바일 사이트를 구축함으로써 사용자의 사용 편의를 증대시키는 것이 저희의 가장 큰 목적 이었습니다.

환경분석 및 방향성

30~50대의 젊은의사가 주를 이루는 사이트로 사용자 요구를 통계분석한 결과, 세련되지만 기존의 사이트의 시각적인 부분을 해치지 않는 디자인, 커뮤니티 사이트인 만큼 글이 동시다발적으로 게시되어도 느려지지않는 퍼포먼스 그리고 회원의 가입/탈퇴, 프리미엄등록 그리고 주문결제등을 한눈에 볼 수 있는 시각적인 통계시스템을 구축하고자 하였습니다.

상품 판매량 및 회원 가입/탈퇴를 위한 시각적인 통계 시스템

기존에 파악하기 어려웠던 프리미엄 상품 판매량, 회원들의 가입/탈퇴를 한눈에 볼 수 있도록 그래프화 하였습니다. 또한 결제방법 및 상품별 매출현황을 날짜별로 볼 수 있도록 시각화하여 앞으로의 상품이 어떤식으로 결제될지, 어떤 카테고리에서 많은 수입이 있을지를 파악 및 예측할 수 있도록 업데이트 하였습니다.

전공별 스마트 배너시스템

의사관련 커뮤니티로 50가지가 넘는 다양한 전공과목이 존재 하였고, 각 과목별 의사선생님들에게 다른배너(각 선생님들에게 맞는)를 보여주길 원하셨습니다. 이에 배너관리시스템을 따로 구축하여 선생님들의 과목별로 매칭되는 배너를 보여 줄 수 있는 스마트배너 시스템을 구축 하였습니다.

랭킹 시스템

커뮤니티 사이트 특성상 이슈성 글들이 많이 올라와 사이트가 활성화되야 함으로 랭킹시스템을 도입하였습니다. 또한 현금처럼 사용 가능한 닥플 스코어를 지급 함으로써 사용자의 만족도를 높이기 위해 랭킹시스탬을 구축 하였습니다.

Socket을 이용한 실시간 채팅 시스템

의사 회원들을 상대로 LIVE 동영상 강의를 개최 할 수 있으며, 의사회원분들이 실시간으로 LIVE 동영상 강의를 보며 토론 및 질의응답을 할 수 있도록 시스탬 구현 하였습니다. 또한 채팅내용, 채팅에 접속/퇴장 한 이력을 파일화 함으로써 모든 내용을 기록화 하여 사용자들의 행동패턴이나 불만사항등을 파악 할 수 있도록 구축 하였습니다.

디자인 스타일 가이드

기존 닥플의 그린 컬러를 유지하여 아이덴티티의 일관성 유지와 기획 초반에 진행하던 옛스럽고 딱딱한 느낌의 돋움을 버리고, 커뮤니티/포털 느낌과 리뉴얼 분위기를 확실히 하고자 나눔고딕으로 변경하였습니다.그 외 버튼과 탭 스타일 가이드, 아이콘 등 지정을 하고 진행하였습니다.

카드레이아웃, 복잡한 컨텐츠 간소화

카드 레이아웃은 각각 컨텐츠가 돋보일 수 있도록 하며 정보의 분류를 쉽게 하고, 가독성을 좋게 하기도 하지만 모바일에서도 컨텐츠를 동일하게 유지할 수 있도록 합니다.

사후 관리

사이트 구축및 개선을 끝마친 후에도 닥플 자체 전산실에서 개발사항을 케어 할 수 있도록 RSS정의서, API정의서, 프로시저 정의서, 속도개선정의서 등 모든 개발 및 UI/UX 사항을 문서화 하였습니다.

프로젝트를 마치며

  • 담당 개발자

    새로운 분야에 도전하는 만큼 남다른 두려움과 어려움이 있었습니다. 프로젝트를 진행하면서 고객의 입장에서 생각하며 코드를 작성하다보니 그 분야에 대해 많은 이해와 분석이 필요했고, 그 과정 속에서 나름의 성장과 배움을 얻게 되었습니다. 앞으로도 회사 뿐만아니라 고객사의 무궁한 발전을 기원해봅니다.

WIND DESIGN Co., Ltd