SYSTEM BLUEPRINT

협회 대표 홈페이지
스토리보드

스토리보드는 실제 구축될 화면과 업무 흐름을 미리 확인하는 설계 문서입니다. 마지막까지 보시면 생각하고 계신 시스템의 모습이 머릿속에 그려질 것입니다.

일반 방문자 시나리오

대외 정보 탐색 여정

외부 이용자가 조합 업무와 증서 유효성을 빠르게 확인하는 흐름입니다.

1. 대표 화면 진입

조합 역할과 핵심 업무 확인

2. 업무 안내 탐색

보증서, 신용평가, 공제증서 정보 확인

3. 발급 조회 입력

증서번호와 사업자 정보 입력

4. 유효성 확인

발급 여부와 만료일 확인

5. 문의 또는 자료 이동

필요 서식과 고객센터로 연결

일반 방문자 | 화면 01

대표 홈페이지 첫 화면

association.or.kr
공제조합 대표 홈페이지
조합소개조합업무자료실고객센터
대외 정보 구조

일반 이용자가 필요한 정보를 회원가입 없이 바로 찾는 대표 홈페이지

국가유산 수리업체를 위한 보증과 공제 서비스
신뢰를 먼저 보여주는 공공형 대표 화면
발급 사실 조회
증서번호로 유효성 확인
비회원 가능
조합 업무 안내
보증서 · 신용평가 · 공제증서
3개 주요 업무
자료실
서식과 안내문 직접 등록
관리자 편집

[화면 개요 및 목적]

조합 소개와 업무 안내, 발급 사실 조회를 한 화면의 주요 진입점으로 배치합니다.

[핵심 기능 로직]

대외 홍보와 회원 업무를 분리해 외부 방문자가 필요한 정보를 빠르게 찾게 합니다.

  • 정보 구조 정리
    메뉴와 콘텐츠 구조 설계
  • 모바일 대응
    반응형 퍼블리싱
일반 방문자 | 화면 02

발급 사실 조회 화면

association.or.kr/certificate/check
공제조합 대표 홈페이지
조합소개조합업무자료실고객센터
비회원 발급 사실 조회

외부인이 증서의 발급 여부와 유효성을 즉시 확인

발급 사실 조회
보증-2026-0826-0194
123-45-67890
유효한 증서입니다
발급일 2026년 8월 26일
만료일 2026년 12월 31일
증서 종류 계약보증서
확인 번호 CH-826-194

[화면 개요 및 목적]

비회원이 증서번호만으로 발급 여부와 유효성을 확인하는 핵심 업무 화면입니다.

[핵심 기능 로직]

기존 홈페이지의 관련 기능을 우선 활용해 새 대표 홈페이지에서도 같은 신뢰성을 제공합니다.

  • 비회원 확인
    발급 조회 연계
  • 오류 감소
    입력값 검증
일반 방문자 | 화면 03

자료실과 고객센터 화면

association.or.kr/support
공제조합 대표 홈페이지
조합소개조합업무자료실고객센터
자료실과 고객센터

서식, 공지, 문의 정보를 직접 찾는 지원 화면

자료실
보증 신청 서식 24
최신
공지사항
업무 접수 안내 8월 26일
중요
자주 묻는 질문
공동인증서 오류 해결 안내
게시중
문의 안내
담당 부서와 접수 시간 확인
오전 9:00~오후 6:00

[화면 개요 및 목적]

외부인이 반복 문의 전에 필요한 서식과 안내를 찾도록 자료 구조를 정돈합니다.

[핵심 기능 로직]

관리자가 직접 등록한 콘텐츠가 방문자 화면에 즉시 반영되는 흐름을 전제로 합니다.

  • 문의 감소
    자료 카테고리 설계
  • 직접 수정
    콘텐츠 관리자
조합 회원 시나리오

공동인증서 기반 회원 업무 연결

대표 홈페이지에서 회원 인증 후 기존 인터넷 영업점으로 이어지는 흐름입니다.

1. 회원 업무 선택

대표 홈페이지에서 회원 업무 진입

2. 공동인증서 인증

기존 인증 체계 호출

3. 회원 확인

조합원 권한과 상태 확인

4. 영업점 연결

기존 회원 전용 메뉴로 이동

5. 업무 처리

기존 시스템에서 업무 유지

조합 회원 | 화면 01

회원 업무 진입 화면

association.or.kr/member
공제조합 대표 홈페이지
조합소개조합업무자료실고객센터
공동인증서 로그인 연계

대표 홈페이지에서 인증 후 기존 인터넷 영업점 업무로 자연스럽게 이동

1. 대표 홈페이지
회원 업무 선택
시작
2. 공동인증서
기존 인증 체계 호출
인증중
3. 회원 확인
조합원 정보 확인
MB-20481
4. 영업점 연결
회원 전용 메뉴 이동
연계완료
request /member/login/cert
verify certificate serial CERT-82A9-26
issue bridge token bridge_20260826_0194
redirect internet branch /member/home

[화면 개요 및 목적]

회원이 대표 홈페이지에서 인증을 시작하고 기존 영업점으로 이어지는 출발 화면입니다.

[핵심 기능 로직]

기존 공동인증서 체계를 먼저 활용해 신규 인증 개발 범위를 줄입니다.

  • 기존 체계 활용
    공동인증서 연계
  • 업무 연속성
    인터넷 영업점 연결
조합 회원 | 화면 02

인증 결과 안내 화면

association.or.kr/member/bridge
공제조합 대표 홈페이지
조합소개조합업무자료실고객센터
공동인증서 로그인 연계

대표 홈페이지에서 인증 후 기존 인터넷 영업점 업무로 자연스럽게 이동

1. 대표 홈페이지
회원 업무 선택
시작
2. 공동인증서
기존 인증 체계 호출
인증중
3. 회원 확인
조합원 정보 확인
MB-20481
4. 영업점 연결
회원 전용 메뉴 이동
연계완료
request /member/login/cert
verify certificate serial CERT-82A9-26
issue bridge token bridge_20260826_0194
redirect internet branch /member/home

[화면 개요 및 목적]

인증 성공 후 어떤 회원 업무 화면으로 이동하는지 안내합니다.

[핵심 기능 로직]

사용자가 이동 중 끊김을 느끼지 않게 진행 상태와 다음 화면을 명확히 보여줍니다.

  • 상태 안내
    연결 토큰 발급
  • 장애 대응
    실패 메시지 분기
조합 회원 | 화면 03

인터넷 영업점 연결 화면

branch.association.or.kr/member/home
공제조합 대표 홈페이지
조합소개조합업무자료실고객센터
오픈 전환 계획

기존 홈페이지는 회원 전용 영업점으로 남기고 대표 홈페이지만 분리 구축

신규 대표 홈페이지
대외 홍보, 업무 안내, 비회원 조회, 고객센터
신규 구축
기존 인터넷 영업점
공동인증서 로그인, 회원 전용 업무
기존 유지
초기 콘텐츠
발주처가 관리자 화면으로 직접 등록
과거 게시글
DB 이관 제외, 필요 자료만 선별 등록
운영 매뉴얼
배너, 팝업, 자료 등록 절차 문서화

[화면 개요 및 목적]

대표 홈페이지는 진입 관문 역할을 하고 실제 회원 업무는 기존 영업점에서 유지됩니다.

[핵심 기능 로직]

전면 개편을 피하고 연계 지점을 명확히 해 범위와 리스크를 관리합니다.

  • 범위 잠금
    기존 시스템 유지
  • 안전 이동
    동일 서버 연계
실무 관리자 시나리오

비개발자 운영 관리 여정

담당자가 직접 공지, 자료, 배너, 팝업을 수정하고 오픈 후에도 운영하는 흐름입니다.

1. 관리자 로그인

담당자 권한으로 접속

2. 콘텐츠 작성

공지와 자료 등록

3. 배너와 팝업 설정

노출 기간과 위치 선택

4. 미리보기 검수

게시 전 실제 화면 확인

5. 게시와 운영

개발사 호출 없이 수정

실무 관리자 | 화면 01

콘텐츠 관리자 화면

association.or.kr/admin/contents
공제조합 대표 홈페이지
조합소개조합업무자료실고객센터
콘텐츠 관리자

개발사를 부르지 않고 공지, 자료실, 배너, 팝업을 직접 수정

메인 배너
현재 3개 게시
예약게시
공지사항
최근 등록 정기 점검 안내
8월 26일 (수)
팝업창
노출 기간 9월 1일~9월 7일
게시중
공지사항 편집
제목: 2026년 보증 업무 접수 안내
본문: 접수 시간, 필요 서류, 담당 부서 안내를 입력합니다.

[화면 개요 및 목적]

공지사항, 자료실, 메인 배너, 팝업을 실무자가 직접 등록하고 수정합니다.

[핵심 기능 로직]

비개발자도 입력, 미리보기, 게시 상태만 이해하면 운영할 수 있게 단순화합니다.

  • 직접 운영
    콘텐츠 관리자
  • 검수 편의
    미리보기와 예약 게시
실무 관리자 | 화면 02

메인 배너 및 팝업 관리

association.or.kr/admin/display
공제조합 대표 홈페이지
조합소개조합업무자료실고객센터
콘텐츠 관리자

개발사를 부르지 않고 공지, 자료실, 배너, 팝업을 직접 수정

메인 배너
현재 3개 게시
예약게시
공지사항
최근 등록 정기 점검 안내
8월 26일 (수)
팝업창
노출 기간 9월 1일~9월 7일
게시중
공지사항 편집
제목: 2026년 보증 업무 접수 안내
본문: 접수 시간, 필요 서류, 담당 부서 안내를 입력합니다.

[화면 개요 및 목적]

오픈 후에도 주요 안내와 긴급 공지를 직접 노출할 수 있는 화면입니다.

[핵심 기능 로직]

노출 기간, 공개 상태, 미리보기를 제공해 운영 실수를 줄입니다.

  • 운영 안정
    게시 상태 관리
  • 수정 속도
    배너와 팝업 편집
실무 관리자 | 화면 03

오픈 전환 체크 화면

association.or.kr/admin/open-check
공제조합 대표 홈페이지
조합소개조합업무자료실고객센터
오픈 전환 계획

기존 홈페이지는 회원 전용 영업점으로 남기고 대표 홈페이지만 분리 구축

신규 대표 홈페이지
대외 홍보, 업무 안내, 비회원 조회, 고객센터
신규 구축
기존 인터넷 영업점
공동인증서 로그인, 회원 전용 업무
기존 유지
초기 콘텐츠
발주처가 관리자 화면으로 직접 등록
과거 게시글
DB 이관 제외, 필요 자료만 선별 등록
운영 매뉴얼
배너, 팝업, 자료 등록 절차 문서화

[화면 개요 및 목적]

오픈 전 확인할 메뉴, 조회, 인증, 관리자 항목을 체크리스트로 관리합니다.

[핵심 기능 로직]

전산 인력이 없는 환경에서도 검수 기준과 인수인계 범위를 눈으로 확인하게 합니다.

  • 검수 기준
    오픈 체크리스트
  • 인수인계
    운영 매뉴얼