> For the complete documentation index, see [llms.txt](https://makevu.gitbook.io/qr-stamp-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://makevu.gitbook.io/qr-stamp-guide/onboarding/custom-design.md).

# 디자인 요청과 제작

페이지별 구성 요소와 필요한 자료에 대한 가이드라인을 상세히 안내드립니다.

### **이벤트 페이지 구성**

이벤트 페이지 구성은 아래와 같으며, 인증 페이지와 룰렛 페이지는 선택 사항입니다.

<figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FnMQOuxKwxxiFgN8TLD07%2F%E1%84%8B%E1%85%B5%E1%84%87%E1%85%A6%E1%86%AB%E1%84%90%E1%85%B3-%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A9%E1%84%8B%E1%85%AE.jpg?alt=media&amp;token=a13584ae-8326-460b-8192-9447c82dd6a8" alt=""><figcaption></figcaption></figure>

***

### **페이지 제작 방식**

#### <mark style="color:blue;">**1. 고객사가 직접 제작**</mark>

* **시작**, **리워드** 페이지 이미지를 메이크뷰에 전달. 이미지 파일 가능하나 가능한 원본파일 전달
* **인증, 스탬프, 룰렛, 설문** 페이지 수정 요청시 비용 발생. 원본 파일 전달 필수

#### <mark style="color:blue;">**2. 메이크뷰에서 페이지 디자인**</mark>

* **요구사항 및 레퍼런스를 메이크뷰에 전달**
* 모든 페이지 100% 커스텀 디자인 가능

***

### **페이지 디자인을 위한 체크리스트**

{% hint style="info" %}
모든 구성을 반드시 갖추지 않아도 됩니다. 노출해야 할 정보를 전달해 주시면 충분히 조율하여 작업을 진행할 수 있으니 참고해 주세요.
{% endhint %}

{% stepper %}
{% step %}

### **필수 항목**

* 행사명
* 행사 기간
* 스탬프 개수
* 리워드 신청 조건
* 리워드 지급 방식
  * **현장 지급:** 리워드 지급 장소
  * **자동 발송:** 문자 내용, 기프티콘 종류 등
    {% endstep %}

{% step %}

### **시작 페이지**

<mark style="color:blue;">**디자인 전달**</mark>

* **배경 이미지**
  * 가로 640px 이상의 JPG 또는 PNG 파일. 가능하면 원본 파일로 전달

<mark style="color:blue;">**디자인 의뢰**</mark>

* **디자인 요청 사항 및 레퍼런스**
* **로고 이미지**
  * **이미지 파일:** 가로 600px 이상의, 배경이 투명한 PNG 파일
  * **벡터 파일:** AI 파일
* **소스 이미지** (포스터 등)
  * **이미지 파일:** 가로 640px 이상의, JPG 또는 PNG 파일
  * **벡터 파일:** AI 파일
* **유의 사항 및 안내 사항**
  {% endstep %}

{% step %}

### **인증 페이지**

<mark style="color:blue;">**기본**</mark>

* **인증 방식 선택**
  * 휴대폰번호 인증
  * 이메일 인증
  * 휴대폰번호/이메일 중 사용자가 선택
* **추가 정보 수집 여부** (비용 발생)
  * 나이, 성별 등 문항 추가

<mark style="color:blue;">**디자인 의뢰**</mark>

* **디자인 요청 사항 및 레퍼런스**
  {% endstep %}

{% step %}

### **스탬프 페이지**

<div align="left"><figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2F9wL1pyCWh2OaAvVqQd68%2F%E1%84%89%E1%85%B3%E1%84%90%E1%85%A2%E1%86%B7%E1%84%91%E1%85%B3-%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5.png?alt=media&amp;token=cce5f924-931b-4b4f-ba6f-bf6f17cebbae" alt="" width="250"><figcaption></figcaption></figure></div>

<mark style="color:blue;">**디자인 전달**</mark>

* **각 스탬프별 이름**
* **스탬프 디자인 변경 시**
  * **제작된 이미지 전달:** 텍스트를 제외한 스탬프 이미지
    * 이미지 파일: 200\*200px 이상의 정방형(1:1), 배경이 투명한 PNG 파일
    * 벡터 파일: AI 파일&#x20;

<mark style="color:blue;">**디자인 의뢰**</mark>

* **디자인 요청 사항 및 레퍼런스**
* **각 스탬프별 이름**
  {% endstep %}

{% step %}

### **룰렛 페이지**

<mark style="color:blue;">**기본**</mark>

* **버튼 텍스트** (ex. 룰렛 돌리기)
* **리워드 별 당첨 확률 및 최대 당첨 개수**
* **룰렛 내 리워드 이미지**

  * 가로 200px 이상의, 배경이 투명한 PNG 파일

  <div align="left"><figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FnkFkiG7ZW7x8FAOVJlYt%2F%E1%84%85%E1%85%AE%E1%86%AF%E1%84%85%E1%85%A6%E1%86%BA%E1%84%91%E1%85%A1%E1%86%AB-%E1%84%89%E1%85%A1%E1%86%BC%E1%84%91%E1%85%AE%E1%86%B7-%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5.png?alt=media&amp;token=0af59195-a0dd-4169-8924-f4c5a944917f" alt="" width="250"><figcaption></figcaption></figure></div>

<mark style="color:blue;">**디자인 의뢰**</mark>

* **디자인 요청 사항 및 레퍼런스**
* **리워드 별 당첨 확률 및 최대 당첨 개수**
  {% endstep %}

{% step %}

### **리워드 페이지**

<mark style="color:blue;">**디자인 전달**</mark>

* **배경 이미지**
  * 가로 640px 이상의 JPG 또는 PNG 파일. 가능하면 원본 파일로 전달

<mark style="color:blue;">**디자인 의뢰**</mark>

* **디자인 요청 사항 및 레퍼런스**
* **유의 사항 및 안내 사항**
* **각 리워드 이미지**

  * 가로 600px 이상의 JPG 또는 PNG 파일

  <div align="left"><figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FqevBVB8k4FVRrXISUPTK%2F%E1%84%85%E1%85%B5%E1%84%8B%E1%85%AF%E1%84%83%E1%85%B3-%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5.png?alt=media&amp;token=d5c1133a-e9ea-4d23-b57e-161e3ab5ac2e" alt="" width="250"><figcaption></figcaption></figure></div>

{% endstep %}
{% endstepper %}

***

### **참고하면 좋을 제작 사례**

{% tabs %}
{% tab title="시작 페이지" %}

<div><figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2F2uRiulgOA2yTT6hyYMOs%2F01-%EC%8B%9C%EC%9E%91-%EB%A9%94%EC%9D%B4%ED%81%AC%EB%B7%B0.png?alt=media&amp;token=c596367c-b0d8-4d56-834c-22aa53428fa2" alt=""><figcaption><p>메이크뷰 샘플 페이지</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FGDH0Ce4nwWCaKnvo8C4e%2F01-%EC%8B%9C%EC%9E%91-%EC%9B%8C%EC%BB%A4%ED%9E%90.png?alt=media&amp;token=11d3bd12-0053-4f46-b100-80dfbf7cec79" alt=""><figcaption><p>워커힐 스프링 페스티벌</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FSaCS281WD3eS8FXdJKeX%2F01-%EC%8B%9C%EC%9E%91-%EC%BF%A0%ED%82%A4%EB%9F%B0.png?alt=media&amp;token=5c4e68bb-b0fe-424d-97a6-83e8133cb928" alt=""><figcaption><p>쿠키런:킹덤 X 캐스퍼</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FDo4Ik05t0eG7L29yKSmQ%2F01-%EC%8B%9C%EC%9E%91-%EC%B2%AD%EC%A0%95%EB%84%B7.png?alt=media&amp;token=499ab1f0-fc9a-4691-8412-24cb2225290d" alt=""><figcaption><p>서울청년정책네트워크</p></figcaption></figure></div>
{% endtab %}

{% tab title="스탬프 페이지" %}

<div><figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2F6tpB1Uq4AOKnbzOsPzf6%2F02-%EC%8A%A4%ED%83%AC%ED%94%84-%EB%A9%94%EC%9D%B4%ED%81%AC%EB%B7%B0.png?alt=media&amp;token=bde83786-c29e-4ede-a618-afc94c309d84" alt=""><figcaption><p>기본 제공 페이지</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FDxfiNmfMEpWXmXwCpLsF%2F02-%EC%8A%A4%ED%83%AC%ED%94%84-%EC%9B%8C%EC%BB%A4%ED%9E%90.png?alt=media&amp;token=98d17f4a-943d-430d-b742-7183a6cc8896" alt=""><figcaption><p>워커힐 스프링 페스티벌</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FKMf4kQvr8e0AqMy1lJuP%2F02-%EC%8A%A4%ED%83%AC%ED%94%84-%EC%BF%A0%ED%82%A4%EB%9F%B0.png?alt=media&amp;token=137f3ad4-e2fa-40ed-a4d0-c53698c1b241" alt=""><figcaption><p>쿠키런:킹덤 X 캐스퍼</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FR56wgzYkiOEY15FPCxOR%2F02-%EC%8A%A4%ED%83%AC%ED%94%84-%EC%B2%AD%EC%A0%95%EB%84%B7.png?alt=media&amp;token=826fcedd-e58f-4eb9-96d9-264e7692de78" alt=""><figcaption><p>서울청년정책네트워크</p></figcaption></figure></div>
{% endtab %}

{% tab title="룰렛 페이지" %}

<div><figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2Fxl9Mfokr4Y2EB0MrjM4c%2F04-%EB%A3%B0%EB%A0%9B-%EB%A9%94%EC%9D%B4%ED%81%AC%EB%B7%B0.png?alt=media&amp;token=e4af6fbc-58bb-44c2-9571-4dc9fa8e004d" alt="" width="250"><figcaption><p>메이크뷰 샘플 페이지</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FNR7KnPIDAPyAcTWhpuqN%2F04-%EB%A3%B0%EB%A0%9B-%EC%BF%A0%ED%82%A4%EB%9F%B0.png?alt=media&amp;token=25a115d9-4c66-4e3a-9769-0ec65f9c771a" alt="" width="250"><figcaption><p>쿠키런:킹덤 X 캐스퍼</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FnW4jcWmnLNwFHATrnu88%2Fimage%20(1).png?alt=media&amp;token=04252c9a-ecba-4851-a7ad-0c3f7828942f" alt="" width="250"><figcaption><p>롯데월드 마루의 행운 편지 찾기</p></figcaption></figure></div>
{% endtab %}

{% tab title="설문 페이지" %}

<div><figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FNqH3sZU4PjJTCii89DLd%2F%E1%84%86%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8F%E1%85%B3%E1%84%87%E1%85%B2.png?alt=media&amp;token=6073ef79-28fe-4954-ae6e-814bb63dae57" alt=""><figcaption><p>메이크뷰 샘플 페이지</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FQzyXRf7L130FvFnxZ4ER%2F%E1%84%8B%E1%85%A9%E1%84%80%E1%85%A1%E1%86%B7%E1%84%8C%E1%85%A1.png?alt=media&amp;token=a3399df6-2dae-4915-b832-f636ce1d058e" alt=""><figcaption><p>오감자 페스타</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FwLJjISFPqNFRUm02kfOr%2F%E1%84%85%E1%85%A9%E1%86%BA%E1%84%83%E1%85%A6.png?alt=media&amp;token=ad2c5bed-cdaf-4644-80bc-c709e5818541" alt=""><figcaption><p>롯데월드 탄소중립 실천 미션</p></figcaption></figure></div>

{% endtab %}

{% tab title="리워드 페이지" %}

<div><figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FEhm2YHBVRjIRtQKCW7r7%2F03-%EB%A6%AC%EC%9B%8C%EB%93%9C-%EB%A9%94%EC%9D%B4%ED%81%AC%EB%B7%B0.png?alt=media&amp;token=2249a7c6-a274-4858-b049-17d3db9217bc" alt=""><figcaption><p>메이크뷰 샘플 페이지</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2F8h7PsbQS62MYc5ClcFjf%2F03-%EB%A6%AC%EC%9B%8C%EB%93%9C-%EC%9B%8C%EC%BB%A4%ED%9E%90.png?alt=media&amp;token=fafc8450-213f-4770-8233-de2d94487f18" alt=""><figcaption><p>워커힐 스프링 페스티벌</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2F640EUDAIUQf0IFKEjd00%2F03-%EB%A6%AC%EC%9B%8C%EB%93%9C-%EC%BF%A0%ED%82%A4%EB%9F%B0.png?alt=media&amp;token=7840c795-b06b-4871-b39d-f9208ae3b726" alt=""><figcaption><p>쿠키런:킹덤 X 캐스퍼</p></figcaption></figure> <figure><img src="https://89389599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUOKHWwoMCHCpvUUcuO6l%2Fuploads%2FbovH6P82DXIw1uC3Jo1T%2F03-%EB%A6%AC%EC%9B%8C%EB%93%9C-%EC%B2%AD%EC%A0%95%EB%84%B7.png?alt=media&amp;token=e706fe83-44f8-4551-92cf-510558372719" alt=""><figcaption><p>서울청년정책네트워크</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}