내용으로 건너뛰기

OW 모듈 안내

아래는 OW에서 사용되는 주요 모듈들의 샘플 및 스타일, 레이아웃, 이미지 규격에 대한 안내입니다.
각 모듈의 스타일, 레이아웃 및 이미지 규격은 해당 모듈 내에 상세히 기재되어 있으니 참고 부탁드립니다.

모듈의 성격에 따라 필요한 이미지 규격이 상이할 수 있으며, 경우에 따라 PC용 이미지만 필요한 모듈과 PC, Tablet, Mobile 각각에 맞는 별도의 이미지가 필요한 모듈도 있습니다.
후자의 경우 각 기기 비율에 맞는 이미지를 개별적으로 준비해 주시기 바랍니다.

Simple Stage

홈페이지 메인 배너로 사용하기에 적합한 모듈입니다.

Hp Stage component

비디오 배경 영상 노출에 적합하며, 홈페이지 메인 배너에 동영상 삽입이 필요한 경우 사용할 수 있는 모듈입니다.
*영상은 mp4 파일만 업로드 가능합니다.

hp video stage (v3.14.0)

Video Format : MP4 / Video length : 15 sec / Ratio : 16:9 / video size : 20MB / YouTube 동영상 지원하지 않음 / CTA 2개 지원

CTA Button Second CTA Button

hp campaigns Web Component

현재 진행 중인 여러 캠페인 페이지를 보여주기에 적합한 모듈입니다.

Wide multimedia - Video version

프로모션을 비디오 또는 이미지 배경으로 사용하기 적합한 모듈입니다.
*영상은 mp4 파일만 업로드 가능합니다.

00:00 / 00:00

Wide multimedia

Video Format : MP4 / Video length : 15 sec / Ratio : 16:9 / video size : 20MB / YouTube 동영상 지원하지 않음 / CTA 1개 지원 / 좌측 영역의 블랙 명암 자동 처리

Wide multimedia - Image version

프로모션을 비디오 또는 이미지 배경으로 사용하기 적합한 모듈입니다.

Wide multimedia

Minimum Width: 2560px / Minimum Height: 1536px
CTA 1개 지원 / 좌측 영역의 블랙 명암 자동 처리

HP text and media

동영상과 텍스트, 이미지와 텍스트를 조합하여 통합적으로 콘텐츠를 제공할 수 있는 모듈입니다.

HP text and media (VIdeo Version)

Video Format : MP4 / Video length : 15 sec / Ratio : 16:9 / video size : 20MB / YouTube 동영상 지원하지 않음

00:00 / 00:00

HP text and media (image Version)

Minimum Width: 1200px / Minimum Height: 900px
Ratio: 4:3

메르세데스-벤츠 EQ 차량 앞에 서 있는 여성, 위에는 하이퍼스크린이 떠 있습니다.

Simple Teaser

이미지와 텍스트, CTA등을 활용하여 각 차량의 특성을 효과적으로 안내하기에 적합한 모듈입니다.

Media Slider

이미지와 영상을 삽입할 수 있으며 슬라이드 형식으로 안내 가능한 모듈입니다.
*영상은 mp4 파일만 업로드 가능합니다.

Text Module

텍스트 전용으로 구성되며, 다양한 형태의 텍스트 표현이 가능한 모듈입니다.

TEXT Module Subtitle

<Sample 1> Headline

TEXT Module Description

<Sample 2> Headline

This is a sample description for reference, and the content displayed in this module is provided as an example that may vary depending on implementation. This text can be customized to suit your needs. Images, layout, and formatting may be adjusted accordingly. Please ensure that all content aligns with your brand guidelines. Additional details can be added as required.

<Sample 3>

This is a sample description for reference, and the content displayed in this module is provided as an example that may vary depending on implementation. This text can be customized to suit your needs. Images, layout, and formatting may be adjusted accordingly. Please ensure that all content aligns with your brand guidelines. Additional details can be added as required.

TAB Module

각 Tab별로 서로 다른 콘텐츠 또는 동일 콘텐츠를 구분하여 구성할 수 있는 모듈입니다.

Subtitle

Headline

Minimum Width: 1200px / Minimum Height: 900px
PC: 4:3
Mobile: 4:3

뉴 Mercedes-Benz C-Class의 터치스크린

Accordian Module

클릭 시 콘텐츠가 아코디언 형태로 펼쳐졌다 접히는 방식으로 정보를 구성, 제공할 수 있는 모듈입니다.

Subtitle

Headline

Minimum Width: 1200px / Minimum Height: 900px
PC: 4:3
Mobile: 4:3

뉴 Mercedes-Benz C-Class의 터치스크린

Subtitle

Headline

Minimum Width: 1200px / Minimum Height: 900px
PC: 4:3
Mobile: 4:3

뉴 Mercedes-Benz C-Class의 터치스크린

Feature Module

특정 차량에 제원 데이터를 제공하기에 적합한 모듈입니다.

NBA Module

Redirect Link 또는 Download Link를 시각적으로 제공하는 데 적합한 모듈입니다.

Simple List

카탈로그 또는 특정 파일 배포 용도로 활용하기에 적합한 모듈입니다.

Table Module

구조화된 표 형식을 통해 데이터를 체계적으로 정리 및 전달하기에 적합한 모듈입니다.