포트폴리오 목록
REONIX 레오닉스 — 반도체 기업 브랜드 사이트
웹사이트
반도체 제조 기업의 기술 역량을 영상 히어로, 웨이퍼 핀 스크럽, 산업·제품·서비스·R&D 섹션으로 구성한 브랜드 사이트입니다. 외부 모션 라이브러리 없이 sticky와 스크롤 진행도 보간으로 주요 연출을 구현하고 미디어 재생과 접근성 설정을 함께 고려했습니다.
프로젝트 소개
반도체 제조 역량과 제품·서비스·R&D를 영상과 스크롤 인터랙션으로 전달하는 브랜드 사이트입니다. 브랜드의 전문성과 핵심 정보를 명확히 전달하고, 탐색에서 상담·문의까지 자연스럽게 이어지는 반응형 경험을 만드는 것이 목표였습니다.
반도체 제조 기업의 기술 역량을 영상 히어로, 웨이퍼 핀 스크럽, 산업·제품·서비스·R&D 섹션으로 구성한 브랜드 사이트입니다. 외부 모션 라이브러리 없이 sticky와 스크롤 진행도 보간으로 주요 연출을 구현하고 미디어 재생과 접근성 설정을 함께 고려했습니다.
주요 기능
- 미션·진행 관리 — 사용자가 목표를 이해하고 완료 상태를 확인할 수 있도록 미션과 단계별 진행 흐름을 구성했습니다.
- 상품·콘텐츠 탐색 — 상품·서비스·콘텐츠를 카테고리와 상세 정보로 탐색하고 다음 행동으로 이어지도록 구성했습니다.
- 브랜드·서비스 소개 — 브랜드의 전문성, 서비스 범위와 차별점을 명확한 정보 위계와 시각 콘텐츠로 전달합니다.
- 인터랙티브 경험 — 스크롤·전환·모달 등 인터랙션을 적용해 정보 위계를 강화하고 주요 행동에 즉각적인 피드백을 제공합니다.
기술 스택
순수 HTML/CSS/Vanilla JavaScriptSticky 스크롤 진행도·영상 재생 제어·제품 패널 인터랙션반응형 미디어 최적화·reduced-motion 대응
