Detail Page Design
Mobis
Product Page
강한 컬러 대비와 작업 현장 중심 이미지로 전문성을 강조한 산업용 제품 상세페이지
모비스 상세페이지는 레드 컬러를 메인 톤으로 활용해 작업 현장의 긴장감과 전문성을 직관적으로 전달합니다. 일반 소비재가 아닌 산업·전문 영역의 제품임을 명확히 인지시키기 위해, 감성적 연출보다 기능·사용 장면·결과 중심의 이미지 구성에 집중했습니다.
PROJECT OVERVIEW
본 프로젝트는 모비스 제품을 단순한 산업용 제품이 아니라, 현장의 문제를 해결하는 신뢰 가능한 기술 파트너로 인식시키는 데 초점을 두었습니다. 중앙 모바일 화면을 기준으로 실제 사용 상황을 단계적으로 배치해, 제품이 어떤 문제를 어떻게 해결하는지 한눈에 이해할 수 있도록 설계했습니다.
DESIGN APPROACH
카드형 섹션 구성은 각 기능과 사용 사례를 명확히 분리해 정보 인지 속도를 높이고, 현장 작업자 관점에서 필요한 정보만 선별적으로 전달하도록 구성했습니다. 강한 레드 컬러와 작업 현장 중심 이미지를 함께 활용해 제품의 기능성, 전문성, 실사용 맥락을 빠르게 전달하는 구조로 완성했습니다.
Strong
Red Identity
레드 컬러를 메인 톤으로 활용해 산업 현장의 긴장감과 전문적인 브랜드 이미지를 강화했습니다.
Field-based
Visual Flow
실제 작업 현장과 사용 장면을 중심으로 구성해 제품의 활용 맥락을 직관적으로 전달했습니다.
Technical
Reliability
기능과 결과 중심의 정보 배치로 브랜드를 신뢰 가능한 기술 파트너로 포지셔닝했습니다.
Visual Archive
기능, 사용 장면, 결과 중심으로 정보를 정리해 산업용 제품의 전문성과 신뢰도를 명확하게 전달했습니다.
Result
작업 현장 중심의 정보 구조로 전문성을 설계한
산업용 제품 상세페이지 디자인 사례입니다.