디자인요소

워드프레스 데모사이트 김타쿠닷컴에서 사용하는 h태그, 테이블 모양, 버튼표시, 자주하는 질문 등의 웹페이지 디자인 요소를 한눈에 볼 수 있습니다.

또한 웹마케팅을 위한 컨텐츠 하단에 메일 문의폼 및 콜투액션(Call To Action, CTA)을 일부 페이지 또는 전체 사이트에 삽입할 수 있습니다.

H1태그 대타이틀

큰글자 샘플

H2태그 타이틀

이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다.

H3태그 타이틀

이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다.

H4태그 타이틀

이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다.

H5태그 타이틀

이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다.

H6태그 타이틀

이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다.

  • 리스트입니다.
  • 리스트입니다.
  1. 번호 리스트입니다.
  2. 번호 리스트입니다.

테이블 표

thead th thead th
th 표항목 td 테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용
th 표항목 td 테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용

외곽선 테이블 표

thead th thead th
th 표항목 td 테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용
th 표항목 td 테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용

자주하는 질문 FAQ

dt 정의리스트
dl 정의리스트 내용
질문1
답변답변답변답변답변답변
질문2
답변답변답변답변답변답변
메일문의
궁금한 점은 문의 주세요.
납품 및 입금
납품 완료 후 입금 부탁합니다.

버튼샘플

Large button Large button

Default button Default button

Small button Small button

Extra small button Extra small button

Large button Large button

문의폼 및 콜투액션(Call To Action)박스 표시

web-design-responsive

컨텐츠 하단에 문의폼과 콜투액션 CTA(Call To Action) 박스를 표시할 수 있습니다.

일부 페이지에 개별 설정하거나 사이트 전체에 일괄 삽입할 수도 있습니다.

콜투액션(Call To Action)이란?

행동환기 또는 행동촉발신호. 잠재 고객에게 어떤 특정한 행위를 하도록 신호를 보내는 행위. 예로 랜딩 페이지의 버튼이나 배너, 가입을 권유하는 이벤트 팝업등을 들 수 있다.

닉 배비치의 디자인 포인트

사용자가 이해하기 쉬운 앱을 만들기 위해서는 하나의 화면에서 할 수 있는 작업을 ‘꼭 할 일’ 하나로만 좁히는 것이다.

복수의 CTA(Call to Action, 소비자가 어떤 행동을 하도록 유도하거나 요청하는 메시지)를 사용하지 않는 것이 중요하다. (닉 배비치는 러시아의 유명 소프트웨어 개발자이자 블로거이다)