PRODUCT CLARITY
제품을 직관적으로 이해하다.
방문자가 자동차 내장재의 쓰임과 역할을 파악할 수 있도록 제품과 적용 부위를 명확히 보여주는 방향.
WEBSITE PROJECT STORY / 04DESIGN & DEVELOPMENT · 2025
SCROLL TO DISCOVER ↓WEB DESIGN / RESPONSIVE / KR·EN01 / PROJECT OVERVIEW
소재의 전문성을,
기업의 신뢰로.
모트렉스이에프엠은 자동차 내장재와 부직포를 제조하는 기업입니다. 웹사이트(WebSite.co.kr)는 2025년, 기업의 전문성과 기술력을 전달하는 홈페이지를 제작했습니다.
제품에 대한 직관적인 이해와 기업 역량을 전달하는 스토리. 두 관점을 바탕으로 국문·영문과 다양한 화면 환경을 고려한 기업 웹사이트를 구성했습니다.
YEAR2025
프로젝트 제작
LANGUAGEKR / EN
국문 · 영문
EXPERIENCEResponsive
PC · 태블릿 · 모바일
PARTNER웹사이트(WebSite.co.kr)
프로젝트 제작사
DESIGNING THE NEXT
기술을 바라보는 시선까지,
더 넓게.
02 / THE DESIGN BRIEF
Technical in detail.
Clear in experience.
전문적인 기술을,
명확한 경험으로.
제작의 출발점은 ‘전문적이고 기술적인 느낌’이었습니다.
제품의 용도를 쉽게 이해하는 구성과 기업의 역량을 깊이 있게 전달하는 구성을 함께 검토하고, 모트렉스 그룹과의 일관성도 고려했습니다.
CORPORATE STORY
기업의 역량을 이야기하다.
제품 소개와 더불어 연구개발, 품질, 친환경 비전을 통해 기업이 가진 역량을 전달하는 방향.
제공된 디자인 요청서의 두 가지 검토 방향을 바탕으로 정리했습니다.
03 / BRAND NARRATIVE
기술, 품질, 지속가능성.
기업을 이해하는 네 가지 장면.
현재 사이트의 주요 메시지를 따라
기업의 가치와 제품을 차례로 살펴봅니다.
01 / ESG
지속가능성을 설계하다.
친환경 비전과 기업의 지향점을 전달하는 장면.
02 / R&D
새로운 가능성을 연구하다.
미래 모빌리티를 향한 연구개발의 방향.
03 / QUALITY
신뢰를 만드는 기준.
기술을 뒷받침하는 품질의 가치를 소개.
04 / PRODUCT
주행의 경험을 바꾸다.
제품이 실제 이동 경험에서 맡는 역할을 전달.
04 / PRODUCT EXPERIENCE
보이지 않는 부품의 가치,
보이는 경험으로.
실제 적용 이미지와 제품명을 연결해
제품의 쓰임을 명확히 전달합니다.
01 / 04PRODUCT PORTFOLIO
Floor Carpet
이동의 편안함을 만드는
바닥의 기술.
차량 실내 바닥에 적용되는 내장재를 실제 적용 이미지와 함께 소개합니다. 외부 소음과 진동을 줄이는 제품의 역할을 전달합니다.
운영 사이트의 제품 콘텐츠를 활용한 소개용 인터랙션ENGINEERING / IN EVERY DETAIL
제품의 디테일에서,
차량의 경험까지.
실제 제품 적용 사진을 넓고 선명하게 배치해
자동차 내장재가 쓰이는 위치와 역할을 보여줍니다.
Floor Carpet
실내 바닥의 소재와 마감.
Luggage Room
적재 공간을 완성하는 내장재.
Wheel Guard
타이어와 차체 사이의 보호.
Undercover
차량 아래에서 이어지는 기술.
05 / MAIN PAGE COMPOSITION
친환경 비전에서
핵심 역량의 이해까지.
넓은 비주얼과 단계적인 정보 흐름으로
기업의 가치에서 제품의 이해로 이어집니다.
회사소개 제품소개 R&D ESG HR CONTACTKOR⌄지금,
친환경 혁신으로
미래를 열다
Opening the Future with Eco-Innovation, Right NowESG ↗R&D ↗QUALITY ↗PRODUCT ↗
지속가능한 미래를 위한
더 나은 모빌리티 솔루션.
TRUST IN EVERY CONNECTION소재를 넘어,
소재를 넘어,
신뢰를 연결하다.
함께 만드는 기술의 내일.
기술과 사람의 이야기를 전하는 기업 콘텐츠.
생산 현장으로 이어지는 이야기.
기업의 역량을 소개하는 사업장 비주얼.
06 / VISUAL SYSTEM
차분한 전문성에,
친환경의 방향을 더하다.
이미지가 가진 규모감과 또렷한 타이포그래피.
네이비·그린·화이트를 중심으로
이번 제작 스토리의 시각적 체계를 구성했습니다.
Eco Green#60B947
Soft Gray#EFF3F4
Pure White#FFFFFF
나눔스퀘어 네오NANUM SQUARE NEO · REGULAR / BOLD / EXTRABOLD
기술의 깊이를, 경험의 차이로.
Designed for the next mobility.
선명한 위계와 일관된 간격으로 정보를 전달합니다.포트폴리오 페이지에 적용한 디자인 시스템입니다.
07 / RESPONSIVE & MULTILINGUAL
하나의 브랜드,
여러 화면과 언어로.
PC에서 모바일까지 이어지는 반응형 구성.
국문과 영문으로 전달하는 기업의 이야기.
다양한 접점에서 일관된 인상을 전합니다.
KREN
KOREAN & ENGLISH
실제 콘텐츠를 활용한 모바일 화면 연출
9:41 ••• ▰
☰SUSTAINABLE BY DESIGN지금,
SCROLL DOWN ↓
지금,
친환경 혁신으로
미래를 열다.
SCROLL DOWN ↓더 나은 내일을 위한
새로운 가능성.
ESG R&D QUALITY9:41 ••• ▰
☰PRODUCT PORTFOLIOEngineering
Engineering
for comfort.
Luggage Room
Materials and technology
for a better driving experience.
R&D ↗
Production & Facility ↗
Contact & Location ↗
WEBSITE.CO.KR AI 상담
