프로젝트 배경
1) 문제점
-소상공인·자영업자는 빠르게 상품 조건을 파악해야 하는데, 안내가 복잡하면 핵심 정보가 한 번에 정리되지 않아 이해가 늦어짐
-상담 신청이 단계가 많거나 입력이 길면 중간 이탈이 발생해 실제 문의로 연결되기 어려움
-모바일에서 확인 시 정보 탐색과 신청 흐름이 끊기면 상담 전환율이 떨어짐
2) 목표
-상생대부의 금융 상품을 조건·대상·혜택 중심으로 재구성해 누구나 빠르게 이해할 수 있도록 하고
-최소 입력만으로 상담을 접수할 수 있는 간편 신청 구조로 문의 장벽을 낮추며
-웹·모바일에서 “상품 이해 → 상담 신청”이 자연스럽게 이어지는 흐름을 구축하고자 함
3) 주안점
-상품 정보를 요약/비교 중심으로 정리해 필요한 내용만 빠르게 확인 가능한 구성으로 설계
-메인에서 바로 접수 가능한 짧은 신청폼과 명확한 CTA로 신청 동선 단순화
-모바일·웹 동일한 UX 기준으로 탐색과 신청 과정을 최소 클릭으로 완료하도록 최적화
-소상공인·자영업자는 빠르게 상품 조건을 파악해야 하는데, 안내가 복잡하면 핵심 정보가 한 번에 정리되지 않아 이해가 늦어짐
-상담 신청이 단계가 많거나 입력이 길면 중간 이탈이 발생해 실제 문의로 연결되기 어려움
-모바일에서 확인 시 정보 탐색과 신청 흐름이 끊기면 상담 전환율이 떨어짐
2) 목표
-상생대부의 금융 상품을 조건·대상·혜택 중심으로 재구성해 누구나 빠르게 이해할 수 있도록 하고
-최소 입력만으로 상담을 접수할 수 있는 간편 신청 구조로 문의 장벽을 낮추며
-웹·모바일에서 “상품 이해 → 상담 신청”이 자연스럽게 이어지는 흐름을 구축하고자 함
3) 주안점
-상품 정보를 요약/비교 중심으로 정리해 필요한 내용만 빠르게 확인 가능한 구성으로 설계
-메인에서 바로 접수 가능한 짧은 신청폼과 명확한 CTA로 신청 동선 단순화
-모바일·웹 동일한 UX 기준으로 탐색과 신청 과정을 최소 클릭으로 완료하도록 최적화
프로젝트 성과
금융상품 정보 구조화로 이해도 개선
상품을 이해하기 쉽게 셜명해 방문자가 필요한 상품을 빠르게 파악하도록 구성
간편 상담 신청폼 구축으로 문의 전환 강화
입력 항목을 최소화해 바쁜 상황에서도 빠르게 상담 접수가 가능하도록 개선
운영 흐름 정리로 상담 처리 효율 향상
접수 데이터가 관리자에 일관되게 집계되어 누락을 줄이고 응대 속도를 개선
핵심 기능


금융상품 비교 안내
주요 금융상품 정보를 한눈에 이해하고 조건별로 비교할 수 있도록 정리

맞춤 상담 간편 접수
핵심 항목만 입력하면 상담 신청이 완료되도록 구성
진행 단계
기획 및 컨셉 정의
2024.11.
대상 사용자 니즈 분석 및 상품 소개/상담 신청 흐름 정의
UX/UI 설계 및 디자인
2024.11.
상품 안내 중심 IA 설계 및 신청폼 중심 전환 동선 구성
퍼블리싱 및 프론트엔드 개발
2024.11.
반응형 화면 구현 및 상품/폼 UI 인터랙션 적용
백엔드 개발 및 관리자 연동
2024.11.
상담 접수 데이터 처리 및 관리자 확인 기능 구축
테스트 및 적용
2024.11.
입력/접수/관리 흐름 검증 후 운영 환경 반영
프로젝트 상세
1.개요
- 상생대부의 금융상품 정보를 체계적으로 안내하고, 맞춤 상담 신청을 간단히 접수할 수 있도록 구성한 소상공인·자영업자 대상 기업 홈페이지 구축 프로젝트
2.작업범위
- UI/UX 설계 및 디자인
- 퍼블리싱
- 프론트엔드·백엔드 개발
- 반응형 웹 구현
- 상품 소개 페이지 구성
- 맞춤 상담 신청폼 구축 및 관리자 연동
3.주요 업무
- 금융상품 소개 정보 구조 설계
- 상품 소개 페이지 레이아웃 구성 및 콘텐츠 정리
- 핵심 항목 중심의 맞춤 상담 신청폼 설계(입력 최소화)
- 상담 신청 데이터 저장 및 관리자 확인 흐름 구축
- 모바일 환경 기준 반응형 UI 최적화 및 접근성 개선
- 상생대부의 금융상품 정보를 체계적으로 안내하고, 맞춤 상담 신청을 간단히 접수할 수 있도록 구성한 소상공인·자영업자 대상 기업 홈페이지 구축 프로젝트
2.작업범위
- UI/UX 설계 및 디자인
- 퍼블리싱
- 프론트엔드·백엔드 개발
- 반응형 웹 구현
- 상품 소개 페이지 구성
- 맞춤 상담 신청폼 구축 및 관리자 연동
3.주요 업무
- 금융상품 소개 정보 구조 설계
- 상품 소개 페이지 레이아웃 구성 및 콘텐츠 정리
- 핵심 항목 중심의 맞춤 상담 신청폼 설계(입력 최소화)
- 상담 신청 데이터 저장 및 관리자 확인 흐름 구축
- 모바일 환경 기준 반응형 UI 최적화 및 접근성 개선







