포트폴리오 목록
탐정 법인·사무소 반응형 홈페이지
웹사이트
영상 인트로, 핀 스크럽, 마퀴, Reveal 등 스크롤 인터랙션을 중심으로 탐정 법인의 전문성을 전달하는 반응형 브랜드 사이트입니다. 업무 분야, 처리 절차, FAQ, 상담 접수와 관리자 화면을 연결하고 UI·컴포넌트·모션 책임을 분리했습니다.
프로젝트 소개
영상 인트로와 스크롤 인터랙션을 적용하고 업무 분야, 절차, FAQ, 상담 접수, 관리자 화면을 연결한 브랜드 사이트입니다. 브랜드의 전문성과 핵심 정보를 명확히 전달하고, 탐색에서 상담·문의까지 자연스럽게 이어지는 반응형 경험을 만드는 것이 목표였습니다.
영상 인트로, 핀 스크럽, 마퀴, Reveal 등 스크롤 인터랙션을 중심으로 탐정 법인의 전문성을 전달하는 반응형 브랜드 사이트입니다. 업무 분야, 처리 절차, FAQ, 상담 접수와 관리자 화면을 연결하고 UI·컴포넌트·모션 책임을 분리했습니다.
주요 기능
- 신청·예약·주문 흐름 — 사용자 입력부터 신청·예약·주문 또는 접수, 상태 확인까지 핵심 전환 흐름을 끊김 없이 연결했습니다.
- 관리자·CMS 운영 — 관리자 화면에서 콘텐츠, 사용자, 요청과 노출 상태를 관리하고 공개 화면 반영 흐름을 확인할 수 있습니다.
- 게시판·커뮤니티 — 공지·게시글·리뷰·문의 등 사용자 소통 콘텐츠를 탐색하고 작성·관리하는 흐름을 제공합니다.
- 브랜드·서비스 소개 — 브랜드의 전문성, 서비스 범위와 차별점을 명확한 정보 위계와 시각 콘텐츠로 전달합니다.
- 상담·문의 전환 — 서비스 이해 후 상담·문의·체험 신청으로 자연스럽게 이어지는 전환 동선을 제공합니다.
기술 스택
정적 멀티페이지 HTML/CSS/JavaScriptGSAP, ScrollTrigger, ScrollToPlugin, LenisSwiper, IntersectionObserver, 모듈형 UI/모션 스크립트
