CASE STUDY
대한주짓수회
협회 공식 웹사이트 및 대회 운영 시스템
Overview
프로젝트 개요
대한주짓수회의 협회 정보·회원 관리·대회 운영을 아우르는 반응형 공식 웹사이트 및 관리자 백오피스.
Background
수기와 개별 문서에 머물던 협회 업무
대한주짓수회(JJAK)는 주짓수 종목의 회원 등록·단증 발급·전국 대회 운영을 담당하는 협회입니다. 회원 규모가 1만 3천 명에 육박하고 시·도 협회와 대학, 전국 가맹도장이 얽힌 조직 구조에서 수기와 개별 문서에 의존하던 기존 방식은 회원 관리와 대회 진행 모두에서 한계에 다다랐습니다.
본 사업은 대한체육회 정보화 사업의 일환으로 진행되었으며, O2O Mate는 목표를 두 가지로 정의했습니다. 첫째, 협회 정보와 회원 서비스를 일반 국민 누구나 접근할 수 있는 공식 채널로 정비하는 것. 둘째, 참가 신청부터 대진표·타임테이블·계체·상장까지 이어지는 대회 운영의 전 과정을 하나의 시스템 위에서 처리해 운영 효율을 근본적으로 끌어올리는 것입니다.
Approach
네 개의 시스템을 하나의 플랫폼으로
단일 데이터베이스 위에 통합한 4개 시스템
공식 웹사이트 (jjak.or.kr)
협회정보·경기인정보·대회정보·등록 및 발급을 아우르는 공개 채널. 전국 가맹도장 검색과 갤러리로 협회의 정체성과 정보를 전달합니다.
대회 운영 시스템 (division.jjak.or.kr)
대회정보·세부정보·참가신청·대진표·타임테이블·계체·상장 관리까지, 대회 하나의 라이프사이클 전체를 다루는 프로젝트의 심장부입니다.
관리자 대시보드
회원·선수·지도자·결제·방문자 통계를 시각화하고, 1만여 명 규모의 회원을 다중 조건으로 관리하는 운영 백오피스입니다.
모바일 선수 서비스
선수 전용 로그인부터 실시간 대회 리스트·선수 랭킹·팀 생성/찾기까지, 별도 앱 없이 반응형 웹으로 제공하는 현장 서비스입니다.
System 01
공식 웹사이트 — 협회의 공식 채널
공식 웹사이트는 2023 JIU-JITSU 브랜드 슬로건을 전면에 내세운 풀스크린 히어로 슬라이더로 협회의 정체성을 드러냅니다. 협회정보·경기인정보·대회정보·시도협회/대학소식·등록 및 발급 등 상단 내비게이션으로 협회 업무 전반을 체계화했고, 스포츠 지원포털·전국 공인도장 검색·대회 정보 서비스로 이어지는 진입 카드를 배치했습니다.
2023 JIU-JITSU 브랜드 슬로건을 담은 공식 웹사이트 풀스크린 히어로 (jjak.or.kr)
대한민국 지도 기반 가맹도장 검색 — 시·도별 필터와 도장명 검색으로 전국 59개 도장의 관장·주소·연락처·SNS를 조회
System 02
대회 운영 시스템 — 참가 신청부터 상장까지
대회 운영 시스템은 이 프로젝트의 심장부입니다. 관리자는 대회정보·세부정보·참가신청 관리·대진표 작성·타임테이블·계체·상장 관리로 이어지는 탭 구조 안에서 대회 하나의 라이프사이클 전체를 관리합니다. 체급표 템플릿을 기반으로 벨트·종목·성별·세부종목별 경기 시간(초)을 세밀하게 설정하고, 참가 선수를 배치해 대진표를 자동 생성하며, 매트 번호별 타임테이블을 편성해 엑셀로 내려받거나 경기 현황판으로 송출합니다. 대회별 프로그램(Windows 실행 파일) 다운로드까지 지원해 현장 운영과 온라인 관리가 끊김 없이 연결됩니다.
대회별 라이프사이클 관리 — 대회 목록에서 각 대회의 설정에 진입하고, 현장용 대회 프로그램(Windows)을 내려받을 수 있습니다
체급표 템플릿 기반으로 벨트·종목·성별·세부종목별 경기 시간(초)까지 세밀하게 설정하는 세부정보 탭
참가 선수를 배치해 자동 생성되는 토너먼트 대진표 (대진표 작성 탭)
매트 번호별로 편성하는 타임테이블 — 경기 현황판 송출과 엑셀 다운로드를 지원합니다
System 03
관리자 대시보드 & 회원 관리
관리자 대시보드는 총 회원·선수·지도자·탈퇴·당일 접속·당일 결제 금액을 요약 카드로 보여주고, 최근 6개월 회원 수 추이(막대), 최근 1년/1개월 결제 금액(도넛), 일별 방문자 그래프, 신규 가입자 목록을 시각화합니다. 회원 관리는 12,911명의 회원을 단증·결제·선수·회원타입·승인·소속 네트워크·벨트 등 다중 조건으로 필터링하며, 결제 내역·현판 신청·SMS/메일 발송까지 통합 운영합니다.
운영 백오피스
System 04
모바일 선수 서비스
모바일 선수 서비스는 선수 전용 로그인을 시작으로 대회정보·마이페이지·선수등록·신청한 대회를 하단 탭으로 제공합니다. 실시간 대회 리스트(접수예정·접수중·접수마감), 선수 랭킹, 팀 생성/찾기, 사진 갤러리를 반응형 모바일 UI로 담아, 선수가 언제든 대회 접수와 자기 기록을 확인하도록 했습니다. 별도 앱 설치 없이 접근성을 극대화하기 위해 네이티브 앱 대신 반응형 모바일 웹으로 구현했습니다.
선수 전용 모바일 웹
Design System
관찰된 컬러 팔레트
공식 웹사이트의 딥 네이비와 로열 블루, 관리자·모바일 서비스의 프라이머리 블루 계열이 네 개의 시스템을 하나의 브랜드로 묶습니다. 아래 스와치는 실제 구축된 화면에서 관찰한 대표 색상입니다.
브랜드 컬러 (화면 관찰 기준)
Result
오프라인 운영에서 온라인 일괄 처리로
O2O Mate는 기획·디자인·퍼블리싱·백엔드 개발 전 과정을 담당하며, 성격이 다른 네 개의 시스템을 단일 데이터베이스 위에서 유기적으로 통합했습니다. 공개 웹사이트의 정보 전달, 대회 운영의 업무 처리, 관리자 통계 분석, 선수 모바일 서비스라는 각기 다른 요구를 하나의 아키텍처로 엮어내는 것이 이 프로젝트의 가장 큰 도전이었습니다.
그 결과 협회는 오프라인 중심 운영에서 벗어나 회원 등록·대회 접수·경기 운영·데이터 관리를 온라인에서 일괄 처리하게 되었고, 참가 신청부터 상장 발급까지의 대회 운영 흐름을 시스템 하나로 완결했습니다. 검증된 PHP·MySQL 조합으로 1만여 명 규모의 회원 데이터와 대회별 수백 건의 참가·경기 데이터를 안정적으로 처리했습니다.
Gallery
작업 갤러리