SUN법률사무소 — 금융사기 피해 전문 로펌 웹사이트
금융사기 피해 전문 로펌의 공식 웹사이트. 사건 사례·사기 업체 DB·상담 접수·관리자 CMS를 포함한 클라이언트 납품 프로젝트
Next.js, TypeScript, TailwindCSS, Framer Motion, NextAuth
데모 사이트↗
프로젝트 소개
금융사기 피해자는 대부분 검색을 통해 로펌을 찾아옵니다. 첫 페이지에서 신뢰를 만들고 빠르게 상담까지 이어져야 하는 구조입니다. 단순 소개 페이지로는 해결 사례·변호사 소개·사기 업체 정보 같은 실질 콘텐츠를 담기 어려워, 운영자가 직접 콘텐츠를 관리할 수 있는 CMS까지 포함한 형태로 설계했습니다.
포트폴리오 공개를 위해 모든 고객 정보와 사건 내용은 가상 데이터로 교체했습니다.
기간
2026.02
유형
외주 프로젝트
역할
기획 · 개발 전담
주요 페이지
사건 사례
카테고리 필터로 분야별 해결 사례를 탐색
사기 업체 DB
피해 접수 데이터 기반 사기 업체 검색·필터
온라인 상담 신청
사건 분야·피해 금액·연락처를 입력하는 상담 폼
관리자 CMS
사기업체 등록·수정·삭제가 가능한 관리자 전용 CRUD 패널
반응형 디자인
데스크톱은 하단 고정 상담 폼, 모바일은 전화·카카오 버튼으로 전환해 디바이스별로 가장 빠른 상담 연결 방식을 선택했습니다.
설계 결정
파일 기반 경량 데이터 관리
DB 없이 JSON 구조로 시작. 로펌 규모에 맞춘 선택이며, 확장 시 DB 마이그레이션이 가능하도록 데이터 레이어를 분리
비개발자 운영 CMS
로펌 직원이 사건·업체·후기를 직접 관리할 수 있도록 직관적 CRUD UI로 설계. 운영 중 개발자 개입 최소화
전환 중심 CTA 동선
피해자 이탈 방지를 위해 데스크톱은 하단 고정 상담 폼, 모바일은 전화·카카오 직통 버튼으로 디바이스별 최적화
법률 도메인 신뢰 요소
해결 사례·변호사 경력·누적 수치로 첫 화면부터 신뢰 확보. 메타·OG 태그로 검색 유입까지 대응