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개 지원 / 좌측 영역의 블랙 명암 자동 처리

CTA Button

Wide multimedia - Image version

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

Wide multimedia

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

CTA Button

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

CTA Button

HP text and media (image Version)

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

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

CTA Button

Media Gallery

여러 개의 이미지를 삽입하여 다양한 형태의 레이아웃으로 구성할 수 있는 모듈입니다.

Simple Teaser

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

Media Slider

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

Text Module

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

TEXT Module Subtitle

<Sample 1> Headline

TEXT Module Description

CTA Button

<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.