프로젝트 배경
1) 문제점 - AI 에이전트라는 개념을 방문자가 신뢰감 있게, 그리고 인상 깊게 받아들이도록 전달할 비주얼 장치가 부족 - 섹션마다 톤(라이트/다크, 그라데이션)이 크게 바뀌는 랜딩 구조를 매끄럽게 이어붙이는 작업 필요 - 대시보드, 결제, 마이페이지 등 실제 서비스 화면까지 랜딩과 일관된 톤으로 퍼블리싱해야 함 2) 프로젝트 목표 - AI 워커 캐릭터에 마우스 반응 인터랙션을 적용해 '살아있는
프로젝트 성과
AI 워커 캐릭터 마우스 인터랙션 구현
눈동자 클로즈업 비주얼에 마우스 반응 애니메이션을 직접 개발해 브랜드 임팩트를 강화
랜딩~서비스 화면 통합 퍼블리싱
랜딩페이지부터 상담 신청, 결제, 마이페이지 대시보드까지 서비스 전 구간을 일관된 디자인으로 퍼블리싱
핵심 기능
진행 단계
기획 및 요구사항 정
2025.09.
섹션별 톤 전환 구조와 인터랙션이 필요한 영역(AI 워커 비주얼 등) 정의
프로젝트 상세
AI 디지털워커 구독 고용 플랫폼 'X-BOSS'의 랜딩페이지 및 서비스 화면을 퍼블리싱하고, 마우스 인터랙션을 포함한 프론트엔드 애니메이션을 개발했습니다. 랜딩페이지는 섹션마다 톤이 크게 전환되는 구조였습니다. 보라-하늘색 그라데이션 배경의 히어로에서 실제 대시보드 브라우저 목업을 노출하는 섹션, 다크 톤의 'X-STAFF' 24시간 자동화 소개 섹션, 시급 660원 카피가 강조되는 임팩트 있는 다크







