Visualize
제품 단독 이미지와 내부 구조 표현을 정리해 서로 다른 기술 자료가 하나의 제품군처럼 인식되도록 시각 언어를 통일
PRODUCT IMAGE · DIRECT VISUAL SUPPORT
INDUSTRIAL · SUPPORT CASE 06 · COLLABORATION
산업용 센서의 제품·작동 원리·사양을 고객이 탐색할 수 있는 기술 이미지, 설명과 8페이지 온라인 카탈로그로 정리한 제품 커뮤니케이션 협업.
FROM INDUSTRIAL INFORMATION TO USABLE EVIDENCE
제품 단독 이미지와 내부 구조 표현을 정리해 서로 다른 기술 자료가 하나의 제품군처럼 인식되도록 시각 언어를 통일
리드 스위치, 플로트, 센서 작동 관계를 컷어웨이와 시스템 맥락으로 보여주어 보이지 않는 원리를 이해 가능한 장면으로 전환
제품군·사양·도면을 8페이지 카탈로그로 체계화하고, 웹 구현 파트너가 각 섹션에 적용할 이미지와 콘텐츠를 제공
CREDIT CLARITY · 웹사이트 전체 기획·개발을 단독 수행 사례가 아님 · 담당 범위는 제품 이미지 수정, 기술 설명 구성, 온라인 카탈로그 제작과 섹션 비주얼 제공이며 웹 구현은 협업 파트너의 범위
01 · VISUAL DESIGN SYSTEM
상단은 제품 구조를 동일한 비율로 비교하고, 하단은 전체 시스템의 작동 위치와 플로트의 LOW → RISING → HIGH → SIGNAL 반응을 나란히 연결
중앙 Guide Pipe 내부의 Reed Switch / Resistor, 검은 링의 Magnet, 외부 스테인리스 Float가 한 축에서 작동하고 하단 Stopper가 이동 범위를 제한
Reed Wire는 Stem 내부의 Reed Switch로 연결되고, 흰색 Float에 결합된 Magnet이 Upper·Lower Stopper 사이를 이동
영상 작품이 아니라 센서가 실제 시스템에서 작동하는 위치를 설명하는 모션 도해
낮은 수위에서 플로트는 하단에 머물고 리드 스위치는 대기 상태를 유지
SCROLL TO ADVANCELOW → RISING → HIGH → SIGNAL
02 · ONLINE CATALOG
8페이지를 실제 브로셔의 면 배열로 묶고, 앞표지부터 양면 스프레드와 뒤표지까지 책장을 넘기듯 탐색하도록 설계 · 원본 PDF와 다운로드 기능은 공개하지 않음
두 페이지씩 순서대로 넘겨 전체 카탈로그의 흐름을 확인
DIRECT CONTRIBUTION · 8-PAGE ONLINE CATALOG OUTPUT

CLICK EDGE OR SWIPE · PAGE TURN
한 페이지를 선택해 크게 확인
공동 제작 사이트 화면은 본인 작업물로 오해되지 않도록 제외 직접 구성한 연혁 콘텐츠와 섹션 비주얼만 전체 비율을 보존해 제시
ROLE · PROCESS · RESULT
제품 이미지 수정, 기술 설명 구성, 온라인 카탈로그 제작과 웹 섹션 비주얼 지원.
제품 외형 → 내부 작동 원리 → 제품군 사양 → 웹 적용 순서로 정보의 이해 단계를 설계.
8페이지 카탈로그, 제품 설명 이미지, 연혁과 섹션 비주얼을 웹 구현에 적용할 수 있는 제품 커뮤니케이션 자료로 정돈.