> 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="/files/0SRvpWlSq5fd8Y7ZVZmf" 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="/files/fPIC34LfvL0lLZ2WQtLO" 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="/files/7TNNXU6lZdP1dB9FYHWD" 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="/files/Q1gT3KFdYVBtqTwzdADv" alt="" width="250"><figcaption></figcaption></figure></div>

{% endstep %}
{% endstepper %}

***

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

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

<div><figure><img src="/files/qlBbkR4Z65bK8elvIGE1" alt=""><figcaption><p>메이크뷰 샘플 페이지</p></figcaption></figure> <figure><img src="/files/fbFKyHXZIueTlzhQ69xR" alt=""><figcaption><p>워커힐 스프링 페스티벌</p></figcaption></figure> <figure><img src="/files/FspwCfbgx9ObclzTIu5h" alt=""><figcaption><p>쿠키런:킹덤 X 캐스퍼</p></figcaption></figure> <figure><img src="/files/5jRDjwhRWHpx2qQMTEvW" alt=""><figcaption><p>서울청년정책네트워크</p></figcaption></figure></div>
{% endtab %}

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

<div><figure><img src="/files/d6AfWtm2VSNLYA8hvHXW" alt=""><figcaption><p>기본 제공 페이지</p></figcaption></figure> <figure><img src="/files/gVhGm40DuoJNrH2K6kKj" alt=""><figcaption><p>워커힐 스프링 페스티벌</p></figcaption></figure> <figure><img src="/files/8ZhDhu53KVljpsWR2BDv" alt=""><figcaption><p>쿠키런:킹덤 X 캐스퍼</p></figcaption></figure> <figure><img src="/files/4aczP0Qg7MndiK0RESL3" alt=""><figcaption><p>서울청년정책네트워크</p></figcaption></figure></div>
{% endtab %}

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

<div><figure><img src="/files/i0MXE6Zvht3GOioLzfKg" alt="" width="250"><figcaption><p>메이크뷰 샘플 페이지</p></figcaption></figure> <figure><img src="/files/DUjOYjXSoAdoiCzeMt5F" alt="" width="250"><figcaption><p>쿠키런:킹덤 X 캐스퍼</p></figcaption></figure> <figure><img src="/files/Zqmj20GBcicYRSJYIH6P" alt="" width="250"><figcaption><p>롯데월드 마루의 행운 편지 찾기</p></figcaption></figure></div>
{% endtab %}

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

<div><figure><img src="/files/5U9o5BVYKaqsOYrEsgjF" alt=""><figcaption><p>메이크뷰 샘플 페이지</p></figcaption></figure> <figure><img src="/files/VeTzASh8OKIdhq5BQgdc" alt=""><figcaption><p>오감자 페스타</p></figcaption></figure> <figure><img src="/files/MRF2YUdTCXdA6LgnEdY2" alt=""><figcaption><p>롯데월드 탄소중립 실천 미션</p></figcaption></figure></div>

{% endtab %}

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

<div><figure><img src="/files/7GD0IhkRCQ7hDf25ofoh" alt=""><figcaption><p>메이크뷰 샘플 페이지</p></figcaption></figure> <figure><img src="/files/BkTrLACA0mOivystYUB8" alt=""><figcaption><p>워커힐 스프링 페스티벌</p></figcaption></figure> <figure><img src="/files/gFPAWTTixObOP5ohcpJf" alt=""><figcaption><p>쿠키런:킹덤 X 캐스퍼</p></figcaption></figure> <figure><img src="/files/QMOM9TSfwhmDxbOWDUj5" alt=""><figcaption><p>서울청년정책네트워크</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}