플러스프로젝트 배경
문제점- 교육 대상과 운영 방식이 다른 다양한 금융교육 프로그램을 하나의 서비스에서 제공해야 함 - 학생, 학교·기관 담당자와 전문강사 등 사용자별 이용 목적이 서로 다름 - 교육 검색부터 본인인증·신청·마이페이지까지 이어지는 복합적인 사용자 흐름이 존재함 - 여러 화면에서 반복되는 UI와 이벤트를 개별 개발하면 디자인 일관성과 유지보수성이 낮아짐 프로젝트 목표- 사용자가 자신에게 맞는 금융교육을
프로젝트 성과
금융교육 탐색 구조 개선
대상과 교육 방식이 다른 프로그램을 일관된 목록·카드 UI로 구성해 비교와 탐색이 쉽도록 했습니다.
교육 신청 흐름 일원화
교육 검색부터 과정 확인, 본인인증, 신청과 마이페이지까지 이어지는 사용자 흐름을 구성했습니다.
공통 UI 재사용성 확보
버튼·탭·팝업·슬라이더 등 반복 요소를 공통화해 화면 일관성과 프론트 유지보수성을 높였습니다.
다양한 이용환경 대응
PC·모바일 반응형 퍼블리싱과 웹 접근성·크로스브라우징 대응으로 이용환경을 확대했습니다.
핵심 기능
교육프로그램 탐색 UI
교육 대상·방식·모집정보를 비교하고 자신에게 맞는 금융교육을 찾을 수 있는 목록 화면을 구축했습니다.
프로젝트 상세
KB금융공익재단 홈페이지는 국민의 올바른 경제생활과 금융 역량 향상을 지원하기 위한 경제·금융교육 및 사회공익사업 통합 플랫폼입니다. 온라인 교육, 찾아가는 금융교육, 금융권 진로교육, 발달장애인 및 금융 취약계층을 위한 맞춤형 교육 등 대상과 운영 방식이 서로 다른 프로그램을 일관된 사용자 경험으로 제공할 수 있도록 UI·UX와 프론트엔드를 구축했습니다. 메인 화면에서는 재단 소개와 주요 교육사업,
