
교육 컨텐츠 웹서비스 디자인 리뉴얼 및 추가 개발
5.00
계약 금액
6,000,000원
프로젝트 기간
34일
계약 일자
2025.03.14.
프로젝트 배경
본 프로젝트는 OCR 기반 교육 서비스를 제공하는 플랫폼의 구독형 웹사이트 및 관리자 페이지를 새롭게 구축한 사례입니다.
기존에는 자료가 여러 채널에 흩어져 있어 검색과 활용이 어려웠고, 사용자 맞춤형 응대가 불가능해 업무 비효율이 컸습니다. 이에 따라 문서 통합 검색, AI 기반 문서 응답, 구독 결제, 관리자 기능을 통합한 새로운 웹 인터페이스를 구축하게 되었습니다.
이번 구축은 단순히 시스템 기능을 만드는 것을 넘어서, 사용자가 명확한 정보를 쉽고 빠르게 얻고, 직접 결제를 통해 서비스를 이용할 수 있도록 웹사이트 전반을 리디자인하고 개발하는 데 초점을 맞췄습니다.
관리자 페이지에서는 사용자가 업로드한 문서를 분석하거나, 구독 정보를 관리하고, 상담 및 메시지를 확인할 수 있도록 구성하였습니다.
전체 UI는 PC와 모바일 환경 모두에 최적화된 반응형 웹으로 설계되어, 다양한 디바이스에서 안정적인 사용이 가능합니다.
기존에는 자료가 여러 채널에 흩어져 있어 검색과 활용이 어려웠고, 사용자 맞춤형 응대가 불가능해 업무 비효율이 컸습니다. 이에 따라 문서 통합 검색, AI 기반 문서 응답, 구독 결제, 관리자 기능을 통합한 새로운 웹 인터페이스를 구축하게 되었습니다.
이번 구축은 단순히 시스템 기능을 만드는 것을 넘어서, 사용자가 명확한 정보를 쉽고 빠르게 얻고, 직접 결제를 통해 서비스를 이용할 수 있도록 웹사이트 전반을 리디자인하고 개발하는 데 초점을 맞췄습니다.
관리자 페이지에서는 사용자가 업로드한 문서를 분석하거나, 구독 정보를 관리하고, 상담 및 메시지를 확인할 수 있도록 구성하였습니다.
전체 UI는 PC와 모바일 환경 모두에 최적화된 반응형 웹으로 설계되어, 다양한 디바이스에서 안정적인 사용이 가능합니다.
위시켓과 함께한 진행 과정
프로젝트 성과
- 반응형 웹 구축으로 다양한 기기에서 안정적 사용 가능
출시 후 데스크톱 및 모바일 환경에서 사용자 이탈률 30% 감소, 접속 오류율 0.5% 미만 유지
관리자 페이지 구축으로 인한 관리 효율성 증대
문서, 결제 내역, 상담 요청 등 주요 관리 업무를 한 화면에서 처리 가능, 관리 소요 시간 40% 단축
핵심 기능




구독 결제 시스템
월 단위 구독 결제 시스템을 구현하였으며, 구독 취소 및 상품 변경 등 다양한 시나리오를 지원합니다. 엄격한 테스트를 통해 결제 안정성을 확보했습니다

반응형 디자인 및 트랜지션 추가
PC와 모바일 모두에서 최적화된 반응형 웹을 구현하였으며, 동적인 애니메이션을 적절히 활용해 사용자 경험과 사이트 완성도를 높였습니다.

이용량 데이터 시각화
월별 누적 사용량과 사용/미사용 분량을 그래프로 시각화하여 관리자가 플랫폼 이용 현황을 한눈에 파악할 수 있도록 하였습니다.
진행 단계
요구사항 분석 및 설계
2025.03.
- 사내 분산된 문서 통합 및 OCR 기반 검색 기능에 대한 구조 정의
- AI 문서 분석 및 사용자 질의응답 기능 요구사항 수립
- 구독형 결제 시스템 도입에 따른 기능 흐름 정리
- AI 문서 분석 및 사용자 질의응답 기능 요구사항 수립
- 구독형 결제 시스템 도입에 따른 기능 흐름 정리
UI/UX 설계
2025.03.
- 다양한 사용자의 접근성과 편의성을 고려한 반응형 웹 UI 설계
- 관리자 페이지 내 문서/사용자/상담 관리 인터페이스 기획
- 관리자 페이지 내 문서/사용자/상담 관리 인터페이스 기획
기능 개발
2025.04.
- 웹 UI/UX 디자인에 맞춰 개발
- 구독 결제 시스템 구축
- 홈페이지 관리 및 관리자 페이지 개발
- 메시징 서비스 개발
- 기타 소개 페이지 개발
- 구독 결제 시스템 구축
- 홈페이지 관리 및 관리자 페이지 개발
- 메시징 서비스 개발
- 기타 소개 페이지 개발
테스트 및 배포 후 유지보수
2025.04.
- 결제 및 메시징 테스트
- 홈페이지 전체적인 기능 동작 테스트
- 클라이언트 피드백 반영
- 유지보수 기간 중 빠르고 정확하게 유지보수 요구사항 대응
- 홈페이지 전체적인 기능 동작 테스트
- 클라이언트 피드백 반영
- 유지보수 기간 중 빠르고 정확하게 유지보수 요구사항 대응
프로젝트 상세
1. 서비스 소개
- OCR 교육 플랫폼 구독 결제 웹사이트 / 관리자 페이지 디자인 및 개발
2. 디바이스
- 반응형 웹(PC/Mobile 대응)
3.작업 범위
- 화면설계
- 웹 UIUX 디자인 및 개발
- 구독 결제 시스템 구축
- 홈페이지 관리 및 관리자 페이지 개발
- 메시징 서비스
4. 개발환경
- 프론트엔드: Next.js
- 백엔드 및 서버: Next.js, Node.js
- 인프라: AWS
- 데이터베이스: MySQL
- OCR 교육 플랫폼 구독 결제 웹사이트 / 관리자 페이지 디자인 및 개발
2. 디바이스
- 반응형 웹(PC/Mobile 대응)
3.작업 범위
- 화면설계
- 웹 UIUX 디자인 및 개발
- 구독 결제 시스템 구축
- 홈페이지 관리 및 관리자 페이지 개발
- 메시징 서비스
4. 개발환경
- 프론트엔드: Next.js
- 백엔드 및 서버: Next.js, Node.js
- 인프라: AWS
- 데이터베이스: MySQL
