티어실원스 — 삼일제약 제품 사이트 인터랙션 퍼블리싱

프로젝트 개요

티어실원스는 환부에 바르면 실리콘 필름막을 만드는 무좀 치료제입니다. 제품의 작용 원리를 글로 설명하기보다 보여줘야 이해가 빠른 성격이라, 화면이 스크롤에 따라 단계적으로 반응하는 구성이 필요했습니다.

작업 범위

디자인은 디자인 스튜디오 레이어가 맡았고, 이온디는 퍼블리싱과 인터랙션 구현을 담당했습니다. 일반적인 정적 페이지보다 움직임 비중이 큰 작업이었습니다.

• 레이어 시안 기반 인터랙션 퍼블리싱
• 스크롤 연동 제품 작용 원리 연출
• 인스타그램 사용자 게시물 그리드 연동
• 판매처 검색과 제품문의 동선
• 의약품 광고심의 문구 노출 처리

주요 구현

메인은 환부에 제품을 바르는 사진을 전면에 깔고 '특허받은 실리콘 필름막' 문구와 함께 피부 단면 일러스트를 원형으로 띄워, 제품이 무엇을 하는지 첫 화면에서 전달되게 했습니다. 이어지는 구간에서 제품 상세와 작용 원리를 단계적으로 풀고, 판매처 검색을 별도 블록으로 배치했습니다. 하단에는 실제 사용자의 인스타그램 게시물을 그리드로 연동해 후기를 대신하도록 했고, 제품문의 번호와 소비자 상담실 안내를 고정 영역에 두었습니다. 의약품 사이트라 광고심의필 번호와 주의사항 문구를 각 구간에 함께 노출했습니다.