ํ๋ฅญํ ์ด๋ฉ์ผ ๋์์ธ์ ํ๋ คํจ์ ๊ดํ ๊ฒ์ด ์๋๋๋ค. ๋ฉ์์ง๋ฅผ ์ฝ๊ฒ ์๋นํ๊ณ ํ๋ํ ์ ์๋๋ก ๋ง๋๋ ๊ฒ์ ๋๋ค. ์ด ์ข ํฉ ๊ฐ์ด๋๋ ๊ตฌ๋ ์์ ์ฐธ์ฌ๋ฅผ ์ ๋ํ๊ณ ๊ฒฐ๊ณผ๋ฅผ ์ด๋์ด๋ด๋ ์ด๋ฉ์ผ์ ๋ง๋ค๊ธฐ ์ํ ์ด๋ฉ์ผ ๋์์ธ ์์น, ๊ธฐ์ ์ ๊ณ ๋ ค์ฌํญ ๋ฐ ์ค์ฉ์ ์ธ ๊ธฐ๋ฒ์ ๋ค๋ฃน๋๋ค. ๊ฐ๋ ฅํ ์ด๋ฉ์ผ ๋ง์ผํ ์ ๋ต์ ํ์ ๊ตฌ์ฑ ์์์ ๋๋ค.
์ด๋ฉ์ผ ๋์์ธ์ด ์ค์ํ ์ด์
๋์์ธ์ ์ด๋ฉ์ผ ์ฑ๊ณผ์ ํฐ ์ํฅ์ ๋ฏธ์นฉ๋๋ค.
๋์์ธ-์ฑ๊ณผ ์ฐ๊ฒฐ๊ณ ๋ฆฌ
์ฒซ์ธ์: ๊ตฌ๋ ์๋ ๋ช ์ด ๋ง์ ์ด๋ฉ์ผ์ ํ๋จํฉ๋๋ค. ๋์ ๋์์ธ์ ์ฆ์ ์ญ์ ๋ฅผ ์๋ฏธํฉ๋๋ค.
๊ฐ๋ ์ฑ: ์ข์ ๋์์ธ์ ๋ ์๋ฅผ ๋ฉ์์ง๋ฅผ ํตํด ์๋ดํฉ๋๋ค. ๋์ ๋์์ธ์ ํผ๋์ ์ผ๊ธฐํฉ๋๋ค.
์ ๋ขฐ: ์ ๋ฌธ์ ์ธ ๋์์ธ์ ์ ๋น์ฑ์ ๋ํ๋ ๋๋ค. ์กฐ์กํ ๋์์ธ์ ์คํธ ์์ฌ์ ์ ๋ฐํฉ๋๋ค.
ํ๋: ํจ๊ณผ์ ์ธ ๋์์ธ์ ์์ ์ CTA๋ก ์ด๋๋๋ค. ๋์ ๋์์ธ์ ๊ทธ๊ฒ๋ค์ ๋ฌป์ด๋ฒ๋ฆฝ๋๋ค.
๋์์ธ์ด ์งํ์ ๋ฏธ์น๋ ์ํฅ
์ด๋๋ฅ : ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํ ์คํธ์ ํ๋ฆฌํค๋ ๋์์ธ์ด ์ด๋์ ์ํฅ์ ๋ฏธ์นฉ๋๋ค.
์ฝ๊ธฐ์จ: ๋ ์ด์์๊ณผ ํ์ดํฌ๊ทธ๋ํผ๊ฐ ์ฌ๋๋ค์ด ์ฝ์์ง ํ์ด๋ณผ์ง๋ฅผ ๊ฒฐ์ ํฉ๋๋ค.
ํด๋ฆญ๋ฅ : CTA ๋์์ธ๊ณผ ๋ฐฐ์น๊ฐ ํด๋ฆญ์ ์ ๋ํฉ๋๋ค.
์ ํ์จ: ์ผ๊ด๋ ๋์์ธ์ ์ ํ์ ์ง์ํ๋ ์ ๋ขฐ๋ฅผ ๊ตฌ์ถํฉ๋๋ค.
์ด๋ฉ์ผ ๋์์ธ ๊ธฐ๋ณธ ์์น
๋ชจ๋ ์ด๋ฉ์ผ์ ์ ์ฉ๋๋ ํต์ฌ ์์น์ ๋๋ค.
์๊ฐ์ ๊ณ์ธต ๊ตฌ์กฐ
์๊ฐ์ ๊ณ์ธต ๊ตฌ์กฐ๋ ๋ ์๋ฅผ ์ค์๋ ์์๋๋ก ์ด๋ฉ์ผ์ ํตํด ์๋ดํฉ๋๋ค.
๊ณ์ธต ๊ตฌ์กฐ ๋ง๋ค๊ธฐ:
ํฌ๊ธฐ: ๋ ํฐ ์์๊ฐ ๋จผ์ ์ฃผ๋ชฉ์ ๋๋๋ค. ํค๋๋ผ์ธ์ ๋ณธ๋ฌธ ํ ์คํธ๋ณด๋ค ์ปค์ผ ํฉ๋๋ค.
์์: ๊ตต๊ฑฐ๋ ๋๋น๋๋ ์์์ด ๋๋ณด์ ๋๋ค. ์ค์ํ ์์์ ์ ๋ต์ ์ผ๋ก ์ฌ์ฉํ์ธ์.
์์น: ์๋จ ๋ฐ ์ค์ ์์น๊ฐ ๋จผ์ ๋ณด์ ๋๋ค. ์ฐ์ ์์ ์ฝํ ์ธ ๋ฅผ ๊ฑฐ๊ธฐ์ ๋ฐฐ์นํ์ธ์.
์ฌ๋ฐฑ: ์์ ์ฃผ๋ณ์ ๋น ๊ณต๊ฐ์ด ๊ทธ๊ฒ๋ค์ ๋๋ณด์ด๊ฒ ๋ง๋ญ๋๋ค.
๋๋น: ์์์ ๋ฐฐ๊ฒฝ ๊ฐ์ ๋์ ๋๋น๊ฐ ๊ฐ์์ฑ์ ํฅ์์ํต๋๋ค.
๊ณ์ธต ๊ตฌ์กฐ ์์:
- ๋ก๊ณ /ํค๋ (๋ธ๋๋ ์ธ์)
- ํค๋๋ผ์ธ (์ฃผ์ ๋ฉ์์ง)
- ์ง์ ์ด๋ฏธ์ง (์๊ฐ์ ํฅ๋ฏธ)
- ๋ณธ๋ฌธ ์นดํผ (์ธ๋ถ์ฌํญ)
- CTA ๋ฒํผ (ํ๋)
- ํธํฐ (๋ฒ์ /๊ตฌ๋ ์ทจ์)
F-ํจํด๊ณผ Z-ํจํด
์์ ์ถ์ ์ฐ๊ตฌ๋ ์ฌ๋๋ค์ด ์ด๋ฉ์ผ์ ์ด๋ป๊ฒ ํ์ด๋ณด๋์ง ๋ณด์ฌ์ค๋๋ค.
F-ํจํด (ํ ์คํธ ์ค์ฌ ์ด๋ฉ์ผ):
- ๋์ด ์๋จ์ ๊ฐ๋ก๋ก ํ์ต๋๋ค
- ๊ทธ๋ฐ ๋ค์ ์๋๋ก ์ด๋ํ์ฌ ๋ ์งง์ ๊ฐ๋ก์ ์ ํ์ต๋๋ค
- ๋ง์ง๋ง์ผ๋ก ์ผ์ชฝ์ ์์ง์ผ๋ก ํ์ต๋๋ค
- ์ด ์ ์ ๋ฐ๋ผ ํต์ฌ ์ ๋ณด๋ฅผ ๋ฐฐ์นํ์ธ์
Z-ํจํด (์๊ฐ์ ์ด๋ฉ์ผ):
- ๋์ด ์ผ์ชฝ ์๋จ์์ ์์ํฉ๋๋ค
- ์ค๋ฅธ์ชฝ ์๋จ์ผ๋ก ๊ฐ๋ก๋ก ์ด๋ํฉ๋๋ค
- ์ผ์ชฝ ํ๋จ์ผ๋ก ๋๊ฐ์ ์ผ๋ก ์ด๋ํฉ๋๋ค
- ์ค๋ฅธ์ชฝ ํ๋จ์ผ๋ก ๊ฐ๋ก๋ก ์ด๋ํฉ๋๋ค
- Z์ ์ค๋ฅธ์ชฝ ํ๋จ์ CTA๋ฅผ ๋ฐฐ์นํ์ธ์
๋จ์ผ ์ด vs. ๋ค์ค ์ด
๋ ์ด์์ ๊ตฌ์กฐ๋ ๊ฐ๋ ์ฑ๊ณผ ๋ชจ๋ฐ์ผ ๊ฒฝํ์ ์ํฅ์ ๋ฏธ์นฉ๋๋ค.
๋จ์ผ ์ด ๋ ์ด์์:
- ๋ชจ๋ฐ์ผ์ ์ต์ (๋๋ถ๋ถ์ ์ด๋ฉ์ผ ์ด๋)
- ์ฝ๊ธฐ ์ฌ์
- ๋ช ํํ ์๊ฐ์ ๊ฒฝ๋ก
- ๋์์ธ ๋ฐ ์ฝ๋ฉ์ด ๋ ๊ฐ๋จํจ
- ๋๋ถ๋ถ์ ์ด๋ฉ์ผ์ ๊ถ์ฅ๋จ
๋ค์ค ์ด ๋ ์ด์์:
- ๋ ๋ง์ ์ฝํ ์ธ ๋ฅผ ํ์ํ ์ ์์
- ์ฌ๋ฌ ์คํ ๋ฆฌ๊ฐ ์๋ ๋ด์ค๋ ํฐ์ ์ข์
- ๋ฐ์ํ ๋์์ธ์ด ํ์ํจ
- ์ฌ๋ฐ๋ฅด๊ฒ ์ฝ๋ฉํ๊ธฐ๊ฐ ๋ ๋ณต์กํจ
- ๋ชจ๋ฐ์ผ์์ ํผ์กํ ์ํ์ด ์์
๋ชจ๋ฒ ์ฌ๋ก: ๋จ์ผ ์ด๋ก ์์ํ์ธ์. ์ฝํ ์ธ ๊ฐ ์ง์ ์ผ๋ก ํ์ํ๊ณ ๋ฐ์ํ ๋์์ธ์ ์ ๋๋ก ์คํํ ์ ์๋ ๊ฒฝ์ฐ์๋ง ๋ค์ค ์ด์ ์ฌ์ฉํ์ธ์.
์ฌ๋ฐฑ
๋น ๊ณต๊ฐ์ ๋์์ธ ์์์ด์ง ๋ญ๋น๋ ๊ณต๊ฐ์ด ์๋๋๋ค.
์ฌ๋ฐฑ์ ์ด์ :
- ๊ฐ๋ ์ฑ ํฅ์
- ์๊ฐ์ ์จ ์ด ๊ณต๊ฐ ์์ฑ
- ํต์ฌ ์์์ ์ฃผ์ ์ง์ค
- ์ด๋ฉ์ผ์ ๋ ์๋์ ์ผ๋ก ๋ง๋ฆ
- ์ธ์ง๋ ํ์ง ์ฆ๊ฐ
์ฌ๋ฐฑ์ ์ถ๊ฐํ ์์น:
- ํค๋๋ผ์ธ ์ฃผ๋ณ
- ์น์ ์ฌ์ด
- CTA ์ฃผ๋ณ
- ์ฌ๋ฐฑ ๋ฐ ํจ๋ฉ
- ํ ์คํธ์ ์ด๋ฏธ์ง ์ฌ์ด
์ด๋ฉ์ผ์ ํ์ดํฌ๊ทธ๋ํผ
ํ ์คํธ ์คํ์ผ๋ง์ ๊ฐ๋ ์ฑ๊ณผ ๋ธ๋๋ ์ธ์์ ์ํฅ์ ๋ฏธ์นฉ๋๋ค.
๊ธ๊ผด ์ ํ
์น ์์ ๊ธ๊ผด (์ด๋์๋ ๋ ๋๋ง๋จ):
- Arial, Helvetica (์ฐ์ธ๋ฆฌํ)
- Georgia, Times New Roman (์ธ๋ฆฌํ)
- Verdana, Tahoma (์ฐ์ธ๋ฆฌํ)
- Courier New (๊ณ ์ ํญ)
์น ๊ธ๊ผด (๋ ๋๋ง๋์ง ์์ ์ ์์):
- Google Fonts, ์ฌ์ฉ์ ์ ์ ๊ธ๊ผด
- ๋์ฒด ๊ธ๊ผด์ด ํ์ํจ
- ๋ชจ๋ ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ์์ ์ง์๋์ง ์์
- @font-face์ ๋์ฒด ๊ธ๊ผด๊ณผ ํจ๊ป ์ฌ์ฉ
๊ธ๊ผด ๊ถ์ฅ์ฌํญ:
- ํค๋๋ผ์ธ: ๋ ๊ตต๊ณ ํฐ ๊ธ๊ผด (24-32px)
- ๋ณธ๋ฌธ: ๊นจ๋ํ๊ณ ์ฝ๊ธฐ ์ฌ์ด ๊ธ๊ผด (14-16px)
- ์ต๋ 2๊ฐ์ ๊ธ๊ผด ํจ๋ฐ๋ฆฌ๋ก ์ ํ
- ๋์ฒด ๊ธ๊ผด์ด ์ง์ ๋์๋์ง ํ์ธ
๊ธ๊ผด ํฌ๊ธฐ
๊ถ์ฅ ํฌ๊ธฐ:
- ํค๋๋ผ์ธ: 22-32px
- ๋ถ์ ๋ชฉ: 18-22px
- ๋ณธ๋ฌธ ์นดํผ: 14-16px
- ์์ ํ ์คํธ: 12-14px (์ต์ ์ฝ๊ธฐ ๊ฐ๋ฅ)
- CTA: 14-18px
๋ชจ๋ฐ์ผ ๊ณ ๋ ค์ฌํญ:
- ๋ชจ๋ฐ์ผ์์ ๋ณธ๋ฌธ ํ ์คํธ ์ต์ 14px
- ๋งํฌ๋ฅผ ์ํ ๋ ํฐ ํฐ์น ๋์
- ์ค์ ๊ธฐ๊ธฐ์์ ๊ฐ๋ ์ฑ ํ ์คํธ
์ค ๊ธธ์ด ๋ฐ ๊ฐ๊ฒฉ
์ต์ ์ค ๊ธธ์ด: ์ค๋น 50-75์. ๋๋ฌด ๋์ผ๋ฉด ์ถ์ ํ๊ธฐ ์ด๋ ต๊ณ , ๋๋ฌด ์ข์ผ๋ฉด ์ฝ๊ธฐ๊ฐ ๋๊น.
์ค ๋์ด: ๊ธ๊ผด ํฌ๊ธฐ์ 1.4-1.6๋ฐฐ. ๊ฐ๋ ์ฑ์ ํฌ๊ฒ ํฅ์์ํต๋๋ค.
๋จ๋ฝ ๊ฐ๊ฒฉ: ๋จ๋ฝ ์ฌ์ด์ ๊ณต๊ฐ์ ์ถ๊ฐํ์ธ์. ๋ฐ์ง๋ ํ ์คํธ ๋ธ๋ก์ ์๋์ ์ผ๋ก ๋๊ปด์ง๋๋ค.
ํ ์คํธ ์คํ์ผ๋ง
์ ๋นํ ์ฌ์ฉ:
- ๊ตต๊ฒ ๊ฐ์กฐ์ฉ (๊ณผ์ฉํ์ง ๋ง์ธ์)
- ๊ธฐ์ธ์๊ผด ์ธ์ฉ ๋๋ ๋ฏธ๋ฌํ ๊ฐ์กฐ์ฉ
- ๋๋ฌธ์๋ ๋งค์ฐ ์งง์ ๊ตฌ๋ฌธ์๋ง
- ๋ฐ์ค์ ๋งํฌ์ฉ์ผ๋ก ์์ฝ
ํผํ๊ธฐ:
- ๋ณธ๋ฌธ ํ ์คํธ์ ์ฌ๋ฌ ์์
- ๊ณผ๋ํ ๊ตต๊ฒ ์ฒ๋ฆฌ
- ์ ์ฒด ๋๋ฌธ์ ๋จ๋ฝ
- ๋ณธ๋ฌธ์ ํ๋ คํ๊ฑฐ๋ ์ฅ์์ ์ธ ๊ธ๊ผด
์ด๋ฉ์ผ ๋์์ธ์ ์์
์ ๋ต์ ์ธ ์์ ์ฌ์ฉ์ ๋ฏธํ๊ณผ ๊ธฐ๋ฅ์ ๋ชจ๋ ํฅ์์ํต๋๋ค.
์์ ์ฌ๋ฆฌํ
ํ๋์: ์ ๋ขฐ, ์์ ์ฑ, ์ ๋ฌธ์ฑ ๋ น์: ์ฑ์ฅ, ๊ฑด๊ฐ, ์ฑ๊ณต, ๋ ๋นจ๊ฐ์: ๊ธด๊ธ์ฑ, ํฅ๋ถ, ์ด์ ์ฃผํฉ์: ์๋์ง, ์ด์ , ๋ฐ๋ปํจ ๋ณด๋ผ์: ์ฐฝ์์ฑ, ๋ญ์ ๋ฆฌ, ์งํ ๋ ธ๋์: ๋๊ด์ฃผ์, ์ฃผ์, ๊ฒฝ๊ณ
์์ ํ๋ ํธ ๊ตฌ์ถ
์ฃผ์ ์์: ๋ฉ์ธ ๋ธ๋๋ ์์. ํต์ฌ ์์์ ์ฌ์ฉ.
๋ณด์กฐ ์์: ๋ค์์ฑ์ ์ํ ๋ณด์ ์์.
๊ฐ์กฐ ์์: CTA ๋ฐ ์ค์ํ ์์๋ฅผ ์ํ ๊ณ ๋๋น ์์.
์ค๋ฆฝ ์์: ๋ฐฐ๊ฒฝ ๋ฐ ํ ์คํธ์ฉ ํ์ ๋ฐ ํฐ์.
์์ ์ ํ: 2-3๊ฐ์ ์ฃผ์ ์์๊ณผ ์ค๋ฆฝ ์์. ๋๋ฌด ๋ง์ ์์์ ํผ๋์ ์ผ๊ธฐํฉ๋๋ค.
์์ ๋๋น
์ ๊ทผ์ฑ ์๊ตฌ์ฌํญ: ํ ์คํธ๋ ๋ฐฐ๊ฒฝ์ ๋ํด ์ถฉ๋ถํ ๋๋น๋ฅผ ๊ฐ์ ธ์ผ ํฉ๋๋ค.
WCAG ๊ฐ์ด๋๋ผ์ธ:
- ์ผ๋ฐ ํ ์คํธ: 4.5:1 ๋๋น์จ ์ต์
- ํฐ ํ ์คํธ: 3:1 ๋๋น์จ ์ต์
- ๋๋น ํ์ธ ๋๊ตฌ ์ฌ์ฉ
์ผ๋ฐ์ ์ธ ์ค์:
- ํฐ์ ์์ ์ฐํ ํ์ ํ ์คํธ (์ฝ๊ธฐ ์ด๋ ค์)
- ์ด๋์ด ๋ฐฐ๊ฒฝ ์์ ์ด๋์ด ํ ์คํธ
- ์์ ๋ฐฐ๊ฒฝ ์์ ์์ ํ ์คํธ
- ๋ฎ์ ๋๋น์ CTA ๋ฒํผ
๋ธ๋๋ ์ผ๊ด์ฑ
๋ธ๋๋ ๋งค์นญ: ์ด๋ฉ์ผ ์์์ ์น์ฌ์ดํธ ๋ฐ ๋ธ๋๋ ๊ฐ์ด๋๋ผ์ธ๊ณผ ์ผ์นํด์ผ ํฉ๋๋ค.
์ธ์: ์ผ๊ด๋ ์์์ ๊ตฌ๋ ์๊ฐ ์ด๋ฉ์ผ์ ์ฆ์ ์ธ์ํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค.
์ ๋ฌธ์ ์ธ ์ธ๊ด: ์์ง๋ ฅ ์๋ ์์ ๊ตฌ์ฑ์ ๋ ์ธ๋ จ๋์ด ๋ณด์ ๋๋ค.
์ด๋ฉ์ผ์ ์ด๋ฏธ์ง
์ด๋ฏธ์ง๋ ์ด๋ฉ์ผ์ ํฅ์์ํค์ง๋ง ์ ์คํ ์ฒ๋ฆฌ๊ฐ ํ์ํฉ๋๋ค.
์ด๋ฏธ์ง ๋ชจ๋ฒ ์ฌ๋ก
ํ์ผ ํฌ๊ธฐ: ๊ฐ ์ด๋ฏธ์ง๋ฅผ 200KB ๋ฏธ๋ง์ผ๋ก ์ ์งํ์ธ์. ํฐ ์ด๋ฏธ์ง๋ ๋ก๋ฉ์ ๋๋ฆฌ๊ฒ ํ๊ณ ์ฐจ๋จ๋ ์ ์์ต๋๋ค.
ํ์ ์ ํ:
- JPEG: ์ฌ์ง, ๋ณต์กํ ์ด๋ฏธ์ง
- PNG: ๊ทธ๋ํฝ, ๋ก๊ณ , ํฌ๋ช ์ฑ ํ์
- GIF: ๊ฐ๋จํ ์ ๋๋ฉ์ด์ , ์ ํ๋ ์์
- SVG: ์ด๋ฉ์ผ์์ ๋๋ฆฌ ์ง์๋์ง ์์
ํฌ๊ธฐ:
- ๋๋น: ์ ์ฒด ๋๋น์ ๊ฒฝ์ฐ ์ต๋ 600px
- ๋ ํฐ๋: ์ ๋ช ํ ๋์คํ๋ ์ด๋ฅผ ์ํ 2๋ฐฐ ํด์๋ ๊ณ ๋ ค
- ๋ฐ์ํ: ๋ฐฑ๋ถ์จ ๋๋น ์ฌ์ฉ
๋์ฒด ํ ์คํธ
๋์ฒด ํ ์คํธ๋ ์ด๋ฏธ์ง๊ฐ ๋ก๋๋์ง ์์ ๋ ํ์๋ฉ๋๋ค (์ด๋ฉ์ผ์์ ์ผ๋ฐ์ ).
ํจ๊ณผ์ ์ธ ๋์ฒด ํ ์คํธ ์์ฑ:
- ์ด๋ฏธ์ง ๋ด์ฉ ์ค๋ช
- ์ด๋ฏธ์ง์ ํต์ฌ ์ ๋ณด ํฌํจ
- 100์ ๋ฏธ๋ง์ผ๋ก ์ ์ง
- ์ด๋ฏธ์ง ์์ด๋ ์๋ฏธ๊ฐ ์์ด์ผ ํจ
- ์ด๋ฏธ์ง๊ฐ ํด๋ฆญ ๊ฐ๋ฅํ ๊ฒฝ์ฐ CTA ํ ์คํธ ํฌํจ
์์:
- ์ข์: "50% ํ ์ธ ์ธ์ผ - ์ง๊ธ ์ผํํ๊ธฐ ๋ฒํผ"
- ๋์จ: "image1.jpg"
- ๋์จ: "" (๋น์ด ์์)
์ด๋ฏธ์ง ๋ ํ ์คํธ ๋น์จ
์ค์ํ ์ด์ : ์ด๋ฏธ์ง๊ฐ ๋ง์ ์ด๋ฉ์ผ์ ์คํธ ํํฐ๋ฅผ ์ ๋ฐํ ์ ์๊ณ ์ด๋ฏธ์ง๊ฐ ์ฐจ๋จ๋ ๋ ์คํจํฉ๋๋ค.
๊ถ์ฅ์ฌํญ:
- ํ ์คํธ 60%, ์ด๋ฏธ์ง 40%๋ฅผ ๋ชฉํ๋ก ํจ
- ์ด๋ฏธ์ง๋ง ์๋ ์ด๋ฉ์ผ์ ์ ๋ ๋ณด๋ด์ง ๋ง์ธ์
- ์ด๋ฏธ์ง ์์ด๋ ๋ฉ์์ง๊ฐ ๋ช ํํ์ง ํ์ธ
- ์ฃผ์ ํ ์คํธ๋ฅผ ์ด๋ฏธ์ง๊ฐ ์๋ HTML์ ํฌํจ
๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง
์ ์คํ๊ฒ ์ฌ์ฉ:
- ๋ชจ๋ ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ์์ ์ง์๋์ง ์์
- Outlook์ ์ ํ๋ ์ง์
- ํญ์ ๋์ฒด ๋ฐฐ๊ฒฝ ์์์ ๊ฐ์ ธ์ผ ํจ
- Outlook ํธํ์ฑ์ ์ํด VML ์ฌ์ฉ
CTA ๋ฒํผ ๋์์ธ
CTA๋ ๊ฐ์ฅ ์ค์ํ ๋์์ธ ์์์ ๋๋ค.
๋ฒํผ ๊ธฐ๋ณธ ์ฌํญ
ํฌ๊ธฐ: ์ฝ๊ฒ ํญํ ์ ์์ ๋งํผ ํผ (์ต์ 44x44px ํญ ๋์).
์์: ๊ณ ๋๋น, ์ฃผ๋ณ์์ ๋๋ณด์.
๋ชจ์: ์ฝ๊ฐ ๋ฅ๊ทผ ๋ชจ์๋ฆฌ๊ฐ ์๋ ์ง์ฌ๊ฐํ์ด ์ผ๋ฐ์ ์ผ๋ก ์ ์๋ํจ.
ํ ์คํธ: ํ๋ ์งํฅ์ , ๊ตฌ์ฒด์ , ์ ์ ํ ๋ 1์ธ์นญ.
๋ฒํผ ๋ชจ๋ฒ ์ฌ๋ก
๊ฐ์์ฑ:
- ๋์ ๋๊ฒ ๋ฐฐ์น
- ์ฌ๋ฐฑ์ผ๋ก ๋๋ฌ์ธ๊ธฐ
- ๋๋น๋๋ ์์ ์ฌ์ฉ
- ์ ํ๋ ๋ถ๋ถ ์๋์ ๋ฌป์ง ๋ง์ธ์
๋์์ธ ์์:
- ๊ทธ๋ฆผ์๋ ๊น์ด๋ฅผ ๋ํจ
- ํ ๋๋ฆฌ๋ ๊ฐ์ฅ์๋ฆฌ๋ฅผ ์ ์ํจ
- ํจ๋ฉ์ ์จ ์ด ๊ณต๊ฐ์ ์ ๊ณตํจ
- ์์ด์ฝ์ ์๊ฐ์ ํฅ๋ฏธ๋ฅผ ๋ํ ์ ์์
๋ชจ๋ฐ์ผ ์นํ์ :
- ๋ชจ๋ฐ์ผ์์ ์ ์ฒด ๋๋น
- ํฐ ํญ ๋์
- ๋ค๋ฅธ ํญ ๊ฐ๋ฅํ ์์์์ ๊ฐ๊ฒฉ
๋ฐฉํ ๋ฒํผ
Outlook์ ํฌํจํ์ฌ ์ด๋์๋ ์๋ํ๋ HTML ๋ฒํผ.
๊ธฐ๋ฒ: ๋ชจ๋ ํด๋ผ์ด์ธํธ์์ ๋ฒํผ์ผ๋ก ๋ ๋๋ง๋๋ HTML/CSS๋ฅผ ์ฌ์ฉํ๊ณ Outlook์ฉ VML ๋์ฒด๋ฅผ ์ฌ์ฉ.
์ด์ :
- ๋ชจ๋ ํด๋ผ์ด์ธํธ์์ ๋ฒํผ์ฒ๋ผ ๋ณด์
- ์ด๋ฏธ์ง๊ฐ ๊บผ์ ธ ์์ด๋ ํด๋ฆญ ๊ฐ๋ฅ
- ์ผ๊ด๋ ์ธ๊ด
- ์ด๋ฏธ์ง ๋ฒํผ๋ณด๋ค ๋ ์์ ์
๋ชจ๋ฐ์ผ ์ฐ์ ์ด๋ฉ์ผ ๋์์ธ
์ด๋ฉ์ผ์ 40% ์ด์์ด ๋ชจ๋ฐ์ผ ๊ธฐ๊ธฐ์์ ์ด๋ฆฝ๋๋ค.
๋ชจ๋ฐ์ผ ๋์์ธ ์์น
๋จ์ผ ์ด: ๋ค์ค ์ด ๋ ์ด์์์ ์์ ํ๋ฉด์์ ๊นจ์ง๋๋ค.
ํฐ ํ ์คํธ: ์ต์ 14px ๋ณธ๋ฌธ ํ ์คํธ, ๋ ํฐ ํค๋๋ผ์ธ.
ํฐ์น ์นํ์ : ๋ฒํผ ๋ฐ ๋งํฌ๋ ์ต์ 44x44px์ด๊ณ ๊ฐ๊ฒฉ์ด ์์ด์ผ ํจ.
์ค์บ ๊ฐ๋ฅ: ์งง์ ๋จ๋ฝ, ๋ช ํํ ๊ณ์ธต ๊ตฌ์กฐ.
๋น ๋ฅธ ๋ก๋ฉ: ์ต์ ํ๋ ์ด๋ฏธ์ง, ์ต์ํ์ ์ฝ๋.
๋ฐ์ํ vs. ํ์ฅ ๊ฐ๋ฅ
๋ฐ์ํ ๋์์ธ: ๋ฏธ๋์ด ์ฟผ๋ฆฌ๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ฉด ํฌ๊ธฐ์ ๋ฐ๋ผ ๋ ์ด์์์ด ๋ณ๊ฒฝ๋จ.
ํ์ฅ ๊ฐ๋ฅ ๋์์ธ: ๋ฏธ๋์ด ์ฟผ๋ฆฌ ์์ด ํฌ๊ธฐ ์ ๋ฐ์ ๊ฑธ์ณ ์๋ํ๋ ๋จ์ผ ๋์์ธ.
ํ์ด๋ธ๋ฆฌ๋: ๊ด๋ฒ์ํ ํธํ์ฑ์ ์ํ ์กฐํฉ ์ ๊ทผ ๋ฐฉ์.
๊ถ์ฅ์ฌํญ: ํ์ฅ๋๋ ๋ชจ๋ฐ์ผ ์ฐ์ ๋จ์ผ ์ด ๋์์ธ์ผ๋ก ์์ํ๊ณ , ์ง์๋๋ ๊ณณ์์ ๋ฐ์ํ ํฅ์์ ์ถ๊ฐํ์ธ์.
๋ชจ๋ฐ์ผ์์ ํ ์คํธ
๋ฐ๋์ ํ ์คํธํด์ผ ํ ๊ฒ:
- ์ค์ ๊ธฐ๊ธฐ (์๋ฎฌ๋ ์ดํฐ๋ง์ด ์๋)
- ์ฌ๋ฌ ํ๋ฉด ํฌ๊ธฐ
- ์ธ๋ก ๋ฐ ๊ฐ๋ก
- ์ด๋ฏธ์ง ์ผ๊ธฐ ๋ฐ ๋๊ธฐ
- ๋ค์ํ ์ด๋ฉ์ผ ์ฑ
์ด๋ฉ์ผ ๊ตฌ์กฐ ๋ฐ ํ ํ๋ฆฟ
์ผ๊ด๋ ๊ตฌ์กฐ๋ ์ธ์๊ณผ ํจ์จ์ฑ์ ํฅ์์ํต๋๋ค.
ํ์ค ์ด๋ฉ์ผ ๊ตฌ์กฐ
ํ๋ฆฌํค๋: ๋ฐ์ ํธ์งํจ ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ ๋ํ๋๋ ์จ๊ฒจ์ง ํ ์คํธ.
ํค๋: ๋ก๊ณ , ๋ด๋น๊ฒ์ด์ ๋งํฌ (์ ํ ์ฌํญ).
ํ์ด๋ก: ์ฃผ์ ์๊ฐ์ /ํค๋๋ผ์ธ ์์ญ.
๋ณธ๋ฌธ: ์ฃผ์ ์ฝํ ์ธ .
CTA: ์ฃผ์ ํ๋ ์ ๋.
๋ณด์กฐ ์ฝํ ์ธ : ์ถ๊ฐ ์ ์, ๋งํฌ (์ ํ ์ฌํญ).
ํธํฐ: ๊ตฌ๋ ์ทจ์, ์ฃผ์, ์์ ๋งํฌ.
ํ ํ๋ฆฟ ์ ํ
ํ๋ก๋ชจ์ ํ ํ๋ฆฟ:
- ๊ฐ๋ ฅํ ํ์ด๋ก ์ด๋ฏธ์ง
- ๋ช ํํ ์ ์ ํค๋๋ผ์ธ
- ์ง์ ์นดํผ
- ๋์ ๋๋ CTA
- ๊ฐ๋จํ ๊ตฌ์กฐ
๋ด์ค๋ ํฐ ํ ํ๋ฆฟ:
- ์ฌ๋ฌ ์ฝํ ์ธ ์น์
- ๋ชฉ์ฐจ (์ ํ ์ฌํญ)
- ๋ช ํํ ์น์ ๊ตฌ๋ถ
- ์ฌ๋ฌ CTA
- ๋ ๋ณต์กํ ๊ตฌ์กฐ
ํธ๋์ญ์ ํ ํ๋ฆฟ:
- ๊นจ๋ํ๊ณ ๊ฐ๋จํ ๋ ์ด์์
- ์ฃผ์ ์ ๋ณด ๊ฐ์กฐ
- ๋ช ํํ ๋ค์ ๋จ๊ณ
- ์ต์ํ์ ๋ง์ผํ
- ์ง์ค๋ ๊ตฌ์กฐ
์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ํ ํ๋ฆฟ ๋ง๋ค๊ธฐ
์ด์ :
- ์ผ๊ด๋ ๋ธ๋๋ฉ
- ๋ ๋น ๋ฅธ ์ ์
- ์ค๋ฅ ๊ฐ์
- ๋ ์ฌ์ด ํ ์คํธ
- ํ์ฅ ๊ฐ๋ฅํ ํ๋ก์ธ์ค
ํ์คํํ ํ ํ๋ฆฟ ์์:
- ํค๋/ํธํฐ ๋์์ธ
- ์์ ํ๋ ํธ
- ํ์ดํฌ๊ทธ๋ํผ
- ๋ฒํผ ์คํ์ผ
- ๊ฐ๊ฒฉ ์์คํ
๋คํฌ ๋ชจ๋ ๊ณ ๋ ค์ฌํญ
๋ง์ ์ฌ์ฉ์๊ฐ ๋คํฌ ๋ชจ๋์์ ์ด๋ฉ์ผ์ ๋ด ๋๋ค.
๋คํฌ ๋ชจ๋ ์๋ ๋ฐฉ์
๋ ๊ฐ์ง ์ ํ:
- ์ ์ฒด ์์ ๋ฐ์ : ๋ฐ์ ๊ฒ์ด ์ด๋์์ง๊ณ , ์ด๋์ด ๊ฒ์ด ๋ฐ์์ง
- ๋ถ๋ถ ๋ฐ์ : ๋ฐ์ ๋ฐฐ๊ฒฝ๋ง ๋ณ๊ฒฝ
์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ ๋ณํ: ๋ค๋ฅธ ํด๋ผ์ด์ธํธ๋ ๋คํฌ ๋ชจ๋๋ฅผ ๋ค๋ฅด๊ฒ ์ฒ๋ฆฌํฉ๋๋ค. ๋ชจ๋ ๊ณณ์์ ์๋ํ๋ ๋จ์ผ ์ ๊ทผ ๋ฐฉ์์ ์์ต๋๋ค.
๋คํฌ ๋ชจ๋ ๋์์ธ ํ
๋คํฌ ๋ชจ๋์์ ํ ์คํธ: ๋ฐ์ ๋ชจ๋์ ์ด๋์ด ๋ชจ๋ ๋ชจ๋์์ ์ด๋ฉ์ผ์ ๋ฏธ๋ฆฌ๋ณด์ธ์.
ํฌ๋ช ๋ฐฐ๊ฒฝ: ๋ก๊ณ ๊ฐ ์ด๋์ด ๋ฐฐ๊ฒฝ์์ ๋์๊ฒ ๋ณด์ด๋ฉด ํผํ์ธ์.
๋ก๊ณ ๋ฒ์ : ๋ฐ์ ๋ฐฐ๊ฒฝ๊ณผ ์ด๋์ด ๋ฐฐ๊ฒฝ ๋ชจ๋์์ ์๋ํ๋ ๋ก๊ณ ๋ฅผ ์ ๊ณตํ์ธ์.
์์ ์ ํ: ์์์ด ๋ ๋ชจ๋์์ ๋ชจ๋ ๋ณด์ด๊ณ ์ฝ์ ์ ์๋์ง ํ์ธํ์ธ์.
์์ ๊ฒ์ /ํฐ์ ํผํ๊ธฐ: ์ฝ๊ฐ ๋ฒ์ด๋ ๊ฒ์ ๊ณผ ํฐ์์ด ๋ ๋ชจ๋์์ ๋ ๋ถ๋๋ฝ์ต๋๋ค.
์ด๋ฏธ์ง ํ ๋๋ฆฌ: ํฐ์ ๋ฐฐ๊ฒฝ๊ณผ ์์ด๋ ์ด๋ฏธ์ง์ ๋ฏธ๋ฌํ ํ ๋๋ฆฌ๋ฅผ ์ถ๊ฐํ์ธ์.
์ด๋ฉ์ผ ๋์์ธ์ ์ ๊ทผ์ฑ
๋ชจ๋ ์ฌ๋์ด ์ฌ์ฉํ ์ ์๋ ์ด๋ฉ์ผ์ ๋ง๋์ธ์.
์ ๊ทผ์ฑ ๊ธฐ๋ณธ ์ฌํญ
์์ ๋๋น: ํ ์คํธ ๊ฐ๋ ์ฑ์ ์ํ ์ถฉ๋ถํ ๋๋น.
๊ธ๊ผด ํฌ๊ธฐ: ์ต์ ์ฝ๊ธฐ ๊ฐ๋ฅ ํฌ๊ธฐ (14px ๋ณธ๋ฌธ).
๋์ฒด ํ ์คํธ: ๋ชจ๋ ์ด๋ฏธ์ง์ ๋ํ ์ค๋ช ํ ์คํธ.
์๋ฏธ๋ก ์ ๊ตฌ์กฐ: ์ ์ ํ HTML ๊ณ์ธต ๊ตฌ์กฐ.
๋งํฌ ํ ์คํธ: ์ค๋ช ์ ์ธ ๋งํฌ ํ ์คํธ ("์ฌ๊ธฐ๋ฅผ ํด๋ฆญํ์ธ์" ์ฌ์ฉ ์ ํจ).
์คํฌ๋ฆฐ ๋ฆฌ๋ ๊ณ ๋ ค์ฌํญ
์ฝ๊ธฐ ์์: ์ฝํ ์ธ ๋ ์ ํ์ผ๋ก ์ฝ์ ๋ ์๋ฏธ๊ฐ ์์ด์ผ ํฉ๋๋ค.
ํ ์ด๋ธ ๊ตฌ์กฐ: ๋ ์ด์์์ ์ํ ํ ์ด๋ธ์ ๋๋ฌผ๊ฒ ์ฌ์ฉ; role="presentation" ์ถ๊ฐ.
์ ๋ชฉ ๊ณ์ธต ๊ตฌ์กฐ: ์ ์ ํ h1, h2, h3 ๊ตฌ์กฐ ์ฌ์ฉ.
๊ฑด๋๋ฐ๊ธฐ ๋งํฌ: ์ฃผ์ ์ฝํ ์ธ ๋ก ๊ฑด๋๋ธ ์ ์๋๋ก ํ์ฉ.
๋ชจ์ ๋ฐ ์ ๋๋ฉ์ด์
๋ชจ์ ์ค์ด๊ธฐ: ์ผ๋ถ ์ฌ์ฉ์๋ ์ ๋๋ฉ์ด์ ์ ๋ฏผ๊ฐํฉ๋๋ค.
GIF ๊ณ ๋ ค์ฌํญ: ์ ๋๋ฉ์ด์ ๋ฃจํ ์ ํ, ๊น๋ฐ์ ํผํ๊ธฐ.
ํ์ ์ฝํ ์ธ : ์ ๋๋ฉ์ด์ ์๋ง ์ค์ํ ์ ๋ณด๋ฅผ ๋ฃ์ง ๋ง์ธ์.
์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ ํธํ์ฑ
๋ค๋ฅธ ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ๋ HTML์ ๋ค๋ฅด๊ฒ ๋ ๋๋งํฉ๋๋ค.
์ฃผ์ ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ
๋ฐ์คํฌํฑ:
- Outlook (๋ ๋๋ง์ ๊ฐ์ฅ ๊น๋ค๋ก์)
- Apple Mail (์ข์ ์ต์ ์ง์)
- Thunderbird (์ข์ ์ง์)
์น๋ฉ์ผ:
- Gmail (์ผ๋ถ CSS ์ ๊ฑฐ)
- Yahoo Mail (๋ค์ํจ)
- Outlook.com (๊ฐ์ ์ค)
๋ชจ๋ฐ์ผ:
- iOS Mail (๋ฐ์ด๋ ์ง์)
- Gmail ์ฑ (๋ฒ์ ์ ๋ฐ๋ผ ๋ค๋ฆ)
- Samsung Mail (์ข์ ์ง์)
์ผ๋ฐ์ ์ธ ๋ ๋๋ง ๋ฌธ์
Outlook ๋ฌธ์ :
- CSS ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง ์์
- ์ ํ๋ CSS ์ง์
- ๋ค๋ฅธ ๋ ๋๋ง ์์ง
- ์ผ๋ถ ๊ธฐ๋ฅ์ ์ํด VML ํ์
Gmail ๋ฌธ์ :
- <style> ๋ธ๋ก ์ ๊ฑฐ (์ธ๋ผ์ธ CSS ์ฌ์ฉ)
- ์ซ์๊ฐ ์๋ ํด๋์ค ์ ๊ฑฐ
- ์ ํ๋ CSS ์ง์
ํธํ์ฑ์ ์ํ ์ฝ๋ฉ
์ธ๋ผ์ธ CSS: ๊ฐ์ฅ ์์ ์ ์ธ ์ ๊ทผ ๋ฐฉ์.
๋ ์ด์์์ฉ ํ ์ด๋ธ: Outlook์ ์ฌ์ ํ ํ์ํจ.
์น ์์ ๊ธ๊ผด: ๋์ฒด ๊ธ๊ผด ์ฌ์ฉ.
๊ด๋ฒ์ํ ํ ์คํธ: ์ด๋ฉ์ผ ํ ์คํธ ๋๊ตฌ ์ฌ์ฉ.
ํ ์คํธ ๋ฐ ํ์ง ๋ณด์ฆ
ํ ์คํธ ์์ด๋ ์ ๋ ๋ณด๋ด์ง ๋ง์ธ์.
ํ ์คํธ ์ฒดํฌ๋ฆฌ์คํธ
์ฝํ ์ธ :
- [ ] ์ฒ ์ ๋ฐ ๋ฌธ๋ฒ
- [ ] ๋งํฌ๊ฐ ์ฌ๋ฐ๋ฅด๊ฒ ์๋ํจ
- [ ] ๊ฐ์ธํ๊ฐ ๋ ๋๋ง๋จ
- [ ] ๋ ์ง ๋ฐ ์ธ๋ถ ์ ๋ณด๊ฐ ์ ํํจ
๋์์ธ:
- [ ] ์ด๋ฏธ์ง๊ฐ ์ ๋๋ก ๋ก๋๋จ
- [ ] ๋์ฒด ํ ์คํธ๊ฐ ์์
- [ ] ์์์ด ์ฌ๋ฐ๋ฆ
- [ ] ๊ธ๊ผด์ด ์ฌ๋ฐ๋ฅด๊ฒ ๋ ๋๋ง๋จ
- [ ] ๋ชจ๋ฐ์ผ ๋ ์ด์์์ด ์๋ํจ
๊ธฐ์ ์ :
- [ ] ๋งํฌ๊ฐ ์ ๋๋ก ์ถ์ ๋จ
- [ ] ๊ตฌ๋ ์ทจ์๊ฐ ์๋ํจ
- [ ] ๋ธ๋ผ์ฐ์ ์์ ๋ณด๊ธฐ๊ฐ ์๋ํจ
- [ ] ํ๋ฆฌํค๋๊ฐ ์ฌ๋ฐ๋ฅด๊ฒ ํ์๋จ
ํ ์คํธ ๋๊ตฌ
์ด๋ฉ์ผ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์๋น์ค: Litmus, Email on Acid
- ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ ์ ๋ฐ์ ๊ฑธ์ณ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
- ๋ ๋๋ง ๋ฌธ์ ํฌ์ฐฉ
- ์คํธ ์ ์ ํ์ธ
- ์ ๊ทผ์ฑ ํ์ธ
์๋ ํ ์คํธ:
- ์์ ์๊ฒ ํ ์คํธ ๋ณด๋ด๊ธฐ
- ์ฌ๋ฌ ๊ธฐ๊ธฐ์์ ๋ณด๊ธฐ
- ๋ค์ํ ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ ํ์ธ
- ์ด๋ฏธ์ง ๋นํ์ฑํ ์ํ์์ ํ ์คํธ
์ผ๋ฐ์ ์ธ ๋์์ธ ์ค์
์ด๋ฌํ ๋น๋ฒํ ์ค๋ฅ๋ฅผ ํผํ์ธ์.
์ค์ 1: ์ด๋ฏธ์ง๋ง ์๋ ์ด๋ฉ์ผ
๋ฌธ์ : ์ด๋ฏธ์ง๊ฐ ์ฐจ๋จ๋ ๋ ์๋ฌด๊ฒ๋ ํ์๋์ง ์์. ํด๊ฒฐ์ฑ : ์ด๋ฏธ์ง์ HTML ํ ์คํธ์ ๊ท ํ.
์ค์ 2: ์์ ํ ์คํธ
๋ฌธ์ : ๋ชจ๋ฐ์ผ์์ ์ฝ์ ์ ์์. ํด๊ฒฐ์ฑ : ์ต์ 14px ๋ณธ๋ฌธ ํ ์คํธ.
์ค์ 3: ๋ฌปํ CTA
๋ฌธ์ : ์ฌ์ฉ์๊ฐ ํ๋์ ์ฐพ์ง ๋ชปํจ. ํด๊ฒฐ์ฑ : ๋๋น๊ฐ ์๋ ๋์ ๋๋ ๋ฐฐ์น.
์ค์ 4: ๋ชจ๋ฐ์ผ ๊ณ ๋ ค ๋ถ์กฑ
๋ฌธ์ : ํด๋ํฐ์์ ๋ ์ด์์์ด ๊นจ์ง. ํด๊ฒฐ์ฑ : ๋ชจ๋ฐ์ผ ์ฐ์ ๋์์ธ ์ ๊ทผ ๋ฐฉ์.
์ค์ 5: ๋์ฒด ํ ์คํธ ๋๋ฝ
๋ฌธ์ : ์ด๋ฏธ์ง๊ฐ ๋ก๋๋์ง ์์ ๋ ๋งฅ๋ฝ์ด ์์. ํด๊ฒฐ์ฑ : ๋ชจ๋ ์ด๋ฏธ์ง์ ๋ํ ์ค๋ช ์ ์ธ ๋์ฒด ํ ์คํธ.
์ค์ 6: ๋์ ๋๋น
๋ฌธ์ : ํ ์คํธ๋ฅผ ์ฝ๊ธฐ ์ด๋ ค์. ํด๊ฒฐ์ฑ : WCAG ๋๋น ์๊ตฌ์ฌํญ ์ถฉ์กฑ.
๋์์ธ๊ณผ ์ ๋ฌ์ฑ
๋์์ธ ์ ํ์ ๋ฐ์ ํธ์งํจ ๋ฐฐ์น์ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค. ์ด๋ฉ์ผ ์ ๋ฌ์ฑ์ ๊ณ ๋ คํ์ฌ ๋์์ธํ์ธ์.
์คํธ ํํฐ ๊ณ ๋ ค์ฌํญ
์ด๋ฏธ์ง๊ฐ ๋ง์ ์ด๋ฉ์ผ: ์คํธ ํํฐ๋ฅผ ์ ๋ฐํ ์ ์์ต๋๋ค.
๊นจ์ง HTML: ์คํธ์ ๋ํ๋ผ ์ ์์ต๋๋ค.
ํ ์คํธ ๋๋ฝ: ์ด๋ฏธ์ง๋ง ์๋ ์ด๋ฉ์ผ์ ์์ฌ์ค๋ฌ์ ๋ณด์ ๋๋ค.
๊ณผ๋ํ ๋งํฌ: ๋๋ฌด ๋ง์ ๋งํฌ๋ ๊ฒฝ๊ณ ๋ฅผ ๋ฐ์์ํต๋๋ค.
๊นจ๋ํ ๋์์ธ, ๊นจ๋ํ ์ฝ๋
์ ๋ฌธ์ ์ธ ์ธ๊ด: ์คํธ ํํฐ๋ ์ฌ์ฉ์ ํ๋์์ ํ์ตํฉ๋๋ค. ์ ๋์์ธ๋ ์ด๋ฉ์ผ์ ๋ถ๋ง์ด ์ ์ต๋๋ค.
๊นจ๋ํ HTML: ์ฝ๋๋ฅผ ๊ฒ์ฆํ๊ณ ์ค๋ฅ๋ฅผ ํผํ์ธ์.
์ ์ ํ ๊ตฌ์กฐ: ์ด๋ฉ์ผ HTML ๋ชจ๋ฒ ์ฌ๋ก๋ฅผ ๋ฐ๋ฅด์ธ์.
๋ชฉ๋ก ํ์ง ์ฐ๊ฒฐ
์๋ฒฝํ ๋์์ธ๋ ์ด๋ฉ์ผ์ด ๋ฐ์ ํธ์งํจ์ ๋๋ฌํ์ง ์์ผ๋ฉด ์คํจํฉ๋๋ค. ์๋ฆ๋ต๊ฒ ๋์์ธ๋ ์ด๋ฉ์ผ์ด ์ค์ ๊ตฌ๋ ์์๊ฒ ๋๋ฌํ๋๋ก ๋ชฉ๋ก์ ๊ฒ์ฆํ์ธ์.
๋น ๋ฅธ ์ฐธ์กฐ
๋์์ธ ์ฒดํฌ๋ฆฌ์คํธ
๋ ์ด์์:
- [ ] ๋จ์ผ ์ด (๋๋ ์ ์ ํ๊ฒ ๋ฐ์ํ)
- [ ] ๋ช ํํ ์๊ฐ์ ๊ณ์ธต ๊ตฌ์กฐ
- [ ] ์ ์ ํ ์ฌ๋ฐฑ
- [ ] ๋ชจ๋ฐ์ผ ์นํ์ ๊ตฌ์กฐ
ํ์ดํฌ๊ทธ๋ํผ:
- [ ] ์ฝ๊ธฐ ๊ฐ๋ฅํ ๊ธ๊ผด ํฌ๊ธฐ (14px+ ๋ณธ๋ฌธ)
- [ ] ์ ์ ํ ์ค ๋์ด
- [ ] ์ ํ๋ ๊ธ๊ผด ํจ๋ฐ๋ฆฌ
- [ ] ์ถฉ๋ถํ ๋๋น
์ด๋ฏธ์ง:
- [ ] ์ต์ ํ๋ ํ์ผ ํฌ๊ธฐ
- [ ] ์ค๋ช ์ ์ธ ๋์ฒด ํ ์คํธ
- [ ] ์ข์ ํ ์คํธ ๋ ์ด๋ฏธ์ง ๋น์จ
- [ ] ์ด๋ฏธ์ง ์์ด ์๋
CTA:
- [ ] ๋์ ๋๋ ๋ฐฐ์น
- [ ] ๋์ ๋๋น
- [ ] ํฐ์น ์นํ์ ํฌ๊ธฐ
- [ ] ๋ช ํํ ํ๋ ํ ์คํธ
ํ ์คํธ:
- [ ] ์ฌ๋ฌ ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ
- [ ] ๋ชจ๋ฐ์ผ ๊ธฐ๊ธฐ
- [ ] ๋คํฌ ๋ชจ๋
- [ ] ์ด๋ฏธ์ง ๋นํ์ฑํ
๊ฒฐ๋ก
ํ๋ฅญํ ์ด๋ฉ์ผ ๋์์ธ์ ๋ฉ์์ง์ ๊ตฌ๋ ์์๊ฒ ๋์์ด ๋ฉ๋๋ค. ์๊ฐ์ ๊ณ์ธต ๊ตฌ์กฐ ์์น์ ๋ฐ๋ฅด๊ณ , ๋ชจ๋ฐ์ผ์ ์ต์ ํํ๊ณ , ์ ๊ทผ์ฑ์ ๋ณด์ฅํ๊ณ , ์ฒ ์ ํ ํ ์คํธํจ์ผ๋ก์จ ์ฌ๋๋ค์ด ์ฝ๊ณ ํ๋ํ๊ณ ์ถ์ดํ๋ ์ด๋ฉ์ผ์ ๋ง๋ญ๋๋ค.
๋ค์ ํต์ฌ ์์น์ ๊ธฐ์ตํ์ธ์:
- ๋ชจ๋ฐ์ผ ์ฐ์ : ๊ฐ์ฅ ์์ ํ๋ฉด์ ๋จผ์ ๋์์ธํ์ธ์
- ๋จ์ํจ์ด ์น๋ฆฌ: ๋ช ํํจ์ด ์๋ฆฌํจ์ ์ด๊น
- ๊ณ์ธต ๊ตฌ์กฐ๊ฐ ์ค์: ์ค์ํ ๊ฒ์ผ๋ก ์์ ์ ์๋ดํ์ธ์
- ๋ชจ๋ ๊ฒ์ ํ ์คํธ: ๋์์ธ์์ ์ข์ ๋ณด์ด๋ ๊ฒ์ด ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ์์ ๊นจ์ง ์ ์์
- ์ ๊ทผ์ฑ ํฌํจ: ๋ชจ๋ ์ฌ์ฉ์๋ฅผ ์ํ ๋์์ธ
๋ฐ์ ํธ์งํจ์ ๋๋ฌํ์ง ์๋ ์๋ฆ๋ค์ด ์ด๋ฉ์ผ์ ๊ฒฐ๊ณผ๋ฅผ ์์ฑํ์ง ์์ต๋๋ค. ์ต๋ ํจ๊ณผ๋ฅผ ์ํด ํ๋ฅญํ ๋์์ธ๊ณผ ๊ฒ์ฆ๋ ์ด๋ฉ์ผ ๋ชฉ๋ก์ ๊ฒฐํฉํ์ธ์.
์ ๋์์ธ๋ ์ด๋ฉ์ผ์ด ์ค์ ๊ตฌ๋ ์์๊ฒ ๋๋ฌํ๋์ง ํ์ธํ ์ค๋น๊ฐ ๋์ จ๋์? BillionVerify๋ก ์์ํ์ธ์ ๋ชฉ๋ก์ ํ์ธํ๊ณ ์ด๋ฉ์ผ ๋์์ธ ๋ ธ๋ ฅ์ ROI๋ฅผ ๊ทน๋ํํ์ธ์.