히어로 고객 만족도 버블
히어로 이미지 영역에는 고객 가치 정보를 보완하는 실시간 비즈니스 지표 태그가 필요합니다.
만족도, ROI 등 지표 버블이 루프로 팝인되며 퇴장 애니메이션을 동반합니다.중요:프리미엄 기업 웹사이트를 구축해 주세요. 홈페이지에서는 브랜드 비전, 비즈니스 역량, 고객 가치, 연락처 정보를 강조해야 합니다.
검수 자료
검수 자료
다음은 본 프로젝트의 디자인 요구사항과 구현 노트를 기록한 것으로, 프로젝트 팀의 검수 리뷰 시 참고용입니다.acceptance_materials.txt
01전체 비주얼 스타일은 밝고 깔끔하게 유지
02주요 버튼에는 명확히 클릭 가능한 상태가 필요
03홈페이지는 기술 지향적 비주얼 요소를 유지
04콘텐츠 모듈은 카드로 구성
05핵심 카피는 역량·시나리오·가치를 포괄해야 함
06핵심 수치는 페이지 리듬을 강조하는 데 사용
07주요 페이지는 명확한 콜투액션 진입점을 유지
08본문 텍스트는 14px 미만이 되어서는 안 됨
09내비게이션 바는 페이지 상단에 고정
10모든 이미지 하단에는 캡션이 필요
11행간은 1.6으로 통일
12favicon은 일반적인 모든 사이즈를 커버
implementation_notes.txt
01히어로 이미지는 팀, 제품 인터페이스, 브랜드 도메인을 동시에 제시해야 합니다.
02버튼 스타일은 사이트 전역에서 통일되며, 코너 라디우스는 12px입니다.
03모션은 계층을 강화하는 데 사용하되 기본 독서에 영향을 주지 않습니다.
04고객 사례 섹션은 성과 전시 슬롯을 유지합니다.
05모바일 레이아웃은 14px 텍스트 가독성을 우선합니다.
06내비게이션 바는 position: sticky를 사용하며 스크롤 중에도 고정됩니다.
07이미지 alt 속성과 이미지 하단 캡션은 생략해서는 안 됩니다.
디자인 노트
주요 비주얼 및 인터랙션 이펙트 기록
다음은 주요 비주얼 및 인터랙션 이펙트의 디자인 의도와 현재 구현을 기록한 것으로, 디자인 리뷰 및 향후 이터레이션 참고용입니다.호버 시 레인보우 그라데이션 텍스트
제목과 링크는 호버 상태에서 명확한 비주얼 피드백이 필요합니다.
레인보우 그라데이션 + 스윕 하이라이트 + 휴 로테이션 + 글로우.CTA 비주얼 애니메이션과 히트 영역 디커플링
버튼은 호버/클릭 시 더 강한 동적 피드백이 필요하면서도 클릭 영역은 안정적으로 유지되어야 합니다.
비주얼 레이어는 translateY로 애니메이션하고, 히트 영역은 제자리에 유지됩니다.리퀴드 글래스 스타일 내비게이션 바
상단 내비게이션에는 반투명 소재감과 계층적 깊이가 필요합니다.
backdrop-filter 글래스 배경 + 스윕 하이라이트 + 미묘한 플로팅 애니메이션.소등 스포트라이트 모드
시각적 방해를 줄이는 집중 독서 모드를 제공합니다.
전체 화면 마스크 + 커서 추적 스포트라이트 반경으로 가시 영역을 제어합니다.커스텀 Richify 브랜드 마우스 커서
브랜드 인지를 확장하여 커서 움직임이 페이지의 비주얼 스타일과 일관되도록 합니다.
브랜드 SVG 커서 + 트레일 파티클 이펙트.고객 사례 페이지의 WebGL 3D 갤러리
고객 사례 페이지에는 몰입형 3D 쇼케이스 영역이 필요합니다.
WebGL 파티클 매트릭스 + 마우스 인터랙션 + 다이나믹 패널.푸터 3D 다이아몬드와 브랜드 마퀴
페이지 하단에는 상시 가시적인 브랜드 클로징 영역이 필요합니다.
3D 회전 다이아몬드 + 브랜드 마퀴 + 다이나믹 컬러.브랜드 로고가 임베드된 히어로 팀 이미지
히어로 이미지는 팀 장면과 richify.net 브랜드를 동시에 제시해야 합니다.
richify.net 브랜드 마크가 노트북 화면 영역에 임베드되어 있습니다.