Visualize
제품 단독 이미지와 내부 구조 표현을 정리해 서로 다른 기술 자료가 하나의 제품군처럼 인식되도록 시각 언어를 맞췄다.
PRODUCT IMAGE · DIRECT VISUAL SUPPORT
PRODUCT & INFORMATION · 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페이지 카탈로그, 제품 설명 이미지, 연혁과 섹션 비주얼을 웹 구현에 적용할 수 있는 제품 커뮤니케이션 자료로 정돈.