# 스윙투앱 푸시앱

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F3KnsaJokt37QIFgzJLEO%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=dc49bd45-904e-43a9-8a5f-dc8da06c6fc6" alt=""><figcaption></figcaption></figure>

## **1. 스윙투앱 푸시앱(Push App) 소개**

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FyDTKtU6t6zsRDCtSg0n7%2F%ED%91%B8%EC%8B%9C%EC%95%B1%EC%86%8C%EA%B0%9C800.jpg?alt=media&#x26;token=aef81e46-9d2c-40b5-840c-0fa271ec4d8a" alt=""><figcaption></figcaption></figure>

모바일 웹사이트를 앱에 적용해서 제작하능 웹앱 제작 플랫폼입니다.

홈페이지 URL 링크만 입력하면 앱에 연동되며 모바일웹과 동일한 웹앱을 제작할 수 있습니다.

**✔ 웹사이트를 넘어서, 푸시로 고객과 연결되는 진짜 앱**

**스윙투앱 푸시앱**은 기존 웹사이트를 앱으로 전환할 뿐만 아니라, **푸시 알림 기능과 앱 전용 UI**를 통해 고객과의 실시간 커뮤니케이션까지 가능하게 하는 **진정한 앱 솔루션**입니다.

홈페이지가 있는 누구나, **코딩 없이 앱 + 푸시 마케팅**을 시작할 수 있습니다.

푸시 앱은 푸시 알림 기능을 이용할 수 있기 때문에 앱을 설치한 사용자들에게 푸시 알림을 보낼 수 있습니다.

푸시 기능을 이용할 수 있으며 사용자들에게 이벤트, 광고, 홍보 메시지를 보낼 수 있습니다.

***

## **2.푸시앱을 이용하는 이유**

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FVwu0O8kkvhrHvCVDI8F0%2F%ED%91%B8%EC%8B%9C%EC%95%B12.png?alt=media&#x26;token=7e3a5564-2766-4159-9ce4-86e268917abb" alt=""><figcaption></figcaption></figure></div>

#### 1. **모바일 환경에 최적화된 사용자 경험**

* 사용자들은 이제 대부분의 웹사이트를 **스마트폰으로 접속**합니다.
* 하지만 모바일 브라우저에서의 사용은 번거로움이 많습니다.
  * 주소를 매번 입력해야 함
  * 푸시 알림 불가
  * 앱처럼 직관적이지 않음
* **웹앱으로 전환하면** 기존 웹사이트를 앱처럼 실행할 수 있어, **더 편리하고 직관적인 UX 제공**이 가능합니다.

#### 2. **브랜드 노출 효과 및 고객 신뢰도 상승**

* 앱스토어(Play Store, App Store)에 앱을 등록하면, 사용자는 브랜드를 **공식 앱으로 인식**합니다.
* 이는 기업이나 서비스의 **전문성과 신뢰도 상승**으로 이어집니다.
* 홈페이지만 있는 경우보다 **브랜드 충성도와 노출 빈도가 증가**합니다.

#### 3. **홈 화면 바로가기 & 반복 방문 유도**

* 앱으로 설치 시 **홈 화면에 아이콘이 생기므로 접근성이 뛰어남**
* 자주 방문하는 고객은 앱 실행만으로 서비스 접근 가능 → **재방문율 증가**

#### 4. **개발 비용과 유지관리 부담 없이 앱화**

* 기존 웹사이트를 기반으로 하기 때문에, 앱 콘텐츠를 따로 관리할 필요가 없습니다.
* 수정 시 웹만 고치면 앱에도 **자동 반영**되므로 **운영 효율성이 뛰어납니다.**

#### 5. **경쟁사 대비 차별화**

* 동일 업종 내 경쟁사가 웹사이트만 운영하고 있다면,
* 우리는 앱까지 제공하면서 **모바일 시장에서 차별화된 서비스 제공** 가능

#### 6. **푸시 알림을 통한 직접 마케팅**

* 웹사이트는 고객에게 **알림을 보내는 기능이 제한적**입니다.
* 하지만 웹앱은 푸시 알림을 통해 고객에게 직접 메시지를 보낼 수 있습니다.
  * 이벤트 안내
  * 쿠폰 발송
  * 공지사항 등
* 이메일, 문자보다 **도달률과 반응률이 높습니다.**

{% hint style="success" %}
**푸시 발송(알림 메시지)을 통해 사용자들의 앱 방문을 유도하고 홍보를 할 수 있습니다.**

+앱 설치를 통한 사용자 이탈 감소

+재방문율 증대

+앱을 통한 사이트 유입의 접근성 증가

+앱 관리의 편리함과 간편함을 이용할 수 있습니다.
{% endhint %}

***



## **3.스윙투앱 푸시앱의 주요 특징**

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fk8kpryviJCYXL9IMzt4H%2F%ED%91%B8%EC%8B%9C%EC%95%B13.png?alt=media&#x26;token=3f7ae979-f1cc-4edf-8399-4d840f11ba5c" alt=""><figcaption></figcaption></figure></div>

#### ✅**1. 모바일 웹사이트 그대로 앱으로 제작**

* 기존 웹사이트를 그대로 감싸는 방식(WebView)으로 웹앱 제작
* 별도 개발 없이 **웹 콘텐츠가 앱에서 그대로 작동**

#### ✅**2. 개발 지식 없이 앱 제작 가능**

* 프로그래밍 지식이 없어도 앱 제작 가능
* 홈페이지 주소만 입력하면 **10분 안에 앱 생성**

#### ✅**3. iOS & Android 동시 지원**

* 안드로이드, 아이폰 모두 앱 제작 가능
* 각각의 스토어에 맞춰 자동 최적화

#### ✅**4. 스토어 등록 지원**

* 앱스토어, 플레이스토어에 직접 등록하거나 스윙투앱의 **스토어 등록 대행 서비스 이용 가능**

#### ✅**5. 기기별 최적화**

* 다양한 기기 및 해상도에 맞춘 **반응형 앱 구조**
* 화면 확대/축소, 회전 등도 앱에서 제어 가능

#### ✅**6. 웹사이트 자동 연동 유지(콘텐츠 자동 연동)**

* 웹사이트 수정 시 앱도 자동 업데이트
* 앱 콘텐츠를 따로 관리할 필요 없음
* 별도 앱 업데이트 없이 실시간 콘텐츠 반영 가능

#### ✅**7. 광고 및 분석 도구 연동**

* 구글 애널리틱스, 페이스북 픽셀, 애드몹 등 연동 가능
* 마케팅 분석과 수익화까지 가능

#### ✅8. **푸시 알림 기능 지원**

* 앱 사용자에게 **무제한으로 푸시 메시지 발송 가능**
* 실시간 공지, 이벤트 안내, 마케팅 메시지 등 다양한 용도로 활용 가능
* 안드로이드 & iOS 모두 지원

#### ✅ 9. **사용자 맞춤 알림 설정**

* 앱 사용자 그룹별로 **푸시 메시지 타겟팅** 가능
* 특정 시간대에 예약 발송 가능
* 이미지 포함 푸시, 링크 연결 푸시도 지원

#### ✅ 10. **툴바 & 하단 네비게이션 기능 포함**

* 웹앱에는 없는 앱 전용 **툴바/하단바 제공**
* 홈, 뒤로가기, 새로고침, 푸시 메시지함 등 앱 UX 강화

#### ✅ 11. **푸시 메시지함 기능**

* 사용자가 수신한 푸시 메시지를 앱 내에서 확인할 수 있는 전용 메뉴 제공
* 중요한 메시지를 다시 열람 가능 (알림 로그 저장)

#### ✅ 12. **광고 없는 깔끔한 앱 제공**

* 무료 버전과 달리 푸시앱은 **스윙투앱 광고가 표시되지 않음**
* 브랜드 이미지를 해치지 않는 **프리미엄 앱 환경 제공**

#### ✅ 13. **스토어 등록 최적화**

* Google Play, App Store 등록을 위한 설정 최적화
* 스토어에서 푸시 기능 포함 앱으로 구분되어 기능성 인식↑

***

## **4.푸시앱 기능 소개**

### <mark style="color:blue;">1)푸시 알림</mark>&#x20;

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FSeQSjqQKansWAMjuUiaI%2F%ED%91%B8%EC%8B%9C%EB%B0%9C%EC%86%A1.png?alt=media&#x26;token=efb40082-0015-4235-8b1a-942038359b7c" alt="" width="375"><figcaption></figcaption></figure></div>

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FOG8PrqmJTBHafimxPYSP%2F%ED%91%B8%EC%8B%9C%EC%95%8C%EB%A6%BC2.jpg?alt=media&#x26;token=4f1edb1e-2321-48d1-99de-a2d86b409f00" alt=""><figcaption></figcaption></figure>

푸시앱의 가장 강력하고, 사용도가 높은 기능인 '푸시' 알림 발송 기능을 이용할 수 있습니다.

앱을 설치한 사용자들에게 푸시 알림을 전송할 수 있구요.

앱이 설치된 핸드폰으로 푸시 알림이 들어오며, 사용자는 푸시를 선택하여 연결된 페이지를 확인할 수 있습니다.&#x20;

사용자의 참여도와 관심을 높이기 위해 실시간으로 정보나 이벤트를 전달하는 기능입니다.&#x20;

목표 사용자와의 소통을 강화하여 앱 이용률을 향상시킵니다.

{% hint style="info" %} <mark style="color:blue;">**푸시 기능 활용**</mark>

**언론사/뉴스 앱은,**

&#x20;주요 뉴스 및 기사를 실시간으로사용자들에게 신속하고 정확하게 전달할 수 있습니다.

**쇼핑몰 앱은,**&#x20;

매일 업데이트 되는 신상 의류 소식을 빠르게 전달할 수 있습니다.

**커뮤니티 앱은,**&#x20;

사용자들의 소통, 정보 알림을 발송하여 앱 참여를 유도할 수 있습니다.

그 외에도 각종 정보 및 공지를 보다 빠르게 전달할 수 있는 측면에서 푸시 기능의 쓰임이 더욱 많아지고 있습니다.&#x20;
{% endhint %}

{% hint style="success" %} <mark style="color:green;">**푸시 알림의 장점**</mark>

1\)앱 설치를 통한 사용자 이탈 감소

2\)모바일 기기 사용자들의 방문율 증대

3\)앱을 통한 사이트 유입의 접근성 증가

4\)프로모션, 홍보의 최대 효율(비용 없이 진행되는 고효율 마케팅 수단)

5\)앱 관리의 편리성 : 푸시 API 연동시 원하는 액션에 푸시 발송 가능
{% endhint %}

### <mark style="color:blue;">2)툴바</mark>&#x20;

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FA6ROtzHJjtxoJtPhtn8e%2F%ED%91%B8%EC%8B%9C%ED%88%B4%EB%B0%94.png?alt=media&#x26;token=b7bc23e2-96ee-42be-a6c0-91c1f52eaa5b" alt="" width="375"><figcaption></figcaption></figure></div>

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FXFE5QNCoBeiZkPj0DhXu%2F%ED%91%B8%EC%8B%9C%ED%88%B4%EB%B0%94%EA%B8%B0%EB%8A%A5%EC%86%8C%EA%B0%9C.jpg?alt=media&#x26;token=fdc5a3bd-1a02-4e1f-836b-b30d22a6542e" alt=""><figcaption></figcaption></figure>

앱 화면 하단에 툴바 영역이 생성되어 사용자가 하단 메뉴 구성을 할 수 있으며, 원하는 링크를 넣을 수도 있습니다.&#x20;

{% hint style="success" %}
툴바에서 제공되는 기능

페이지: 북마크 리스트, 메뉴, 알림목록, 설정

기능: 웹뷰 뒤로 이동, 앞으로 이동, 북마크, 홈으로 이동, 새로고침, 공유하기
{% endhint %}

### <mark style="color:blue;">3)앱 광고-애드몹</mark>&#x20;

#### &#x20;<mark style="color:blue;">\*푸시앱, 웹뷰앱 공통 기능</mark>

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F92AQWvt3gMeF3aIAdKCc%2F%EC%95%A0%EB%93%9C%EB%AA%B9-%EA%B4%91%EA%B3%A0.png?alt=media&#x26;token=71325f7b-50cf-4da5-a69b-69ae444a62ca" alt="" width="375"><figcaption></figcaption></figure></div>

앱 내에서 광고를 통한 수익화를 가능하게 하는 기능입니다.&#x20;

사용자 대상으로 타겟팅된 광고를 효과적으로 전달하여 수익을 창출합니다.

\*푸시앱 뿐만 아니라 웹뷰앱에서도 공통 제공하는 기능입니다.&#x20;

### <mark style="color:blue;">4)메뉴 편집 기능</mark>

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F9LObBfD29pP2NfhSgKAp%2F%EB%A9%94%EB%89%B4%ED%8E%B8%EC%A7%91.png?alt=media&#x26;token=263b02ea-048e-4aa4-b757-38a35172f083" alt="" width="375"><figcaption></figcaption></figure></div>

앱의 구조와 네비게이션을 사용자 친화적으로 조정하는 기능입니다.&#x20;

유동적인 메뉴 편집을 통해 사용자의 경험을 최적화합니다.

### <mark style="color:blue;">**5)북마크 기능**</mark>

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FIo4grXIWHJRbJbXIV7Ho%2F%EB%B6%81%EB%A7%88%ED%81%AC.png?alt=media&#x26;token=693a6c3d-30b5-4f5e-a92e-43cef6dd5ca5" alt="" width="375"><figcaption></figcaption></figure></div>

푸시 툴바 기능 중 하나로,&#x20;

사용자가 웹페이지 중 다시 보고 싶은 페이지를 저장할 수 있는 북마크 기능을 제공합니다.&#x20;

### <mark style="color:blue;">6)푸시발송 히스토리</mark>

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fb228yjlpl5gfBLaSBKGb%2F%ED%91%B8%EC%8B%9C%EC%95%8C%EB%A6%BC.png?alt=media&#x26;token=b6b4d4f2-1e17-4619-8f85-d3fd3416e346" alt="" width="375"><figcaption></figcaption></figure></div>

푸시 알림 내역 확인 가능

푸시 발송 이력 화면을 제공하여, 사용자들은 지난 푸시 알림이력을 확인할 수 있습니다.

### <mark style="color:blue;">7)실시간 업데이트 기능</mark>

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F1ZgdgeZnYTO2q0MAXfI5%2F%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8.png?alt=media&#x26;token=a98dca31-063e-435d-8439-0e6fd656c3a7" alt="" width="375"><figcaption></figcaption></figure></div>

앱의 새로운 버전이나 기능을 손쉽게 제공하는 기능입니다.&#x20;

사용자에게 항상 최신의 앱 경험을 제공하며, 보안 및 성능 개선을 지속적으로 진행합니다.

### <mark style="color:blue;">8)API 도구+푸시 API연동</mark>&#x20;

Javascript Front API 와 Back-end API 를 통해서 네이티브 도구를 웹에서 직접 컨트롤하고 다양한 기능을 제공할 수 있습니다.

### <mark style="color:blue;">**9)회원 연동**</mark>&#x20;

홈페이지(웹사이트) 회원을 연동하여, 앱에서 정보를 관리할 수 있습니다.&#x20;

회원별 맞춤 푸시 발송 역시 가능합니다.&#x20;

***

## **5.푸시앱 제작방법**

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fyu0SflXuRuIVk2lrn9J9%2F%ED%91%B8%EC%8B%9C%EC%95%B1-%EC%A0%9C%EC%9E%91%EB%B0%A9%EB%B2%95.png?alt=media&#x26;token=06c7cebb-972b-410c-abfb-f933fca6457c" alt=""><figcaption></figcaption></figure></div>

**STEP1기본정보**

1\) 앱 아이디 입력&#x20;

2\) 앱 이름 입력

3\) 앱 아이콘 이미지 (1024px\*1024px)

4\) 앱 대기화면 이미지 등록 (2282px\*2282px)

5\) \[저장]버튼 선택

**STEP2 디자인**

1.프로토타입 선택 : 푸시전용으로 선택

2.기본 옵션: 툴바 사용 여부, 툴바 숨김 여부 선택

3.고급 옵션: 툴바 배경색상, 메뉴 리스크 배경 색상, 메뉴 리스트 텍스트 색상 설정

\*기본옵션과 고급옵션 아무것도 수정하지 않을 경우 기본 셋팅된 스타일로 제작됩니다.

4\)저장 버튼 선택

**STEP3 페이지**

1\)웹사이트 주소 입력

2\)주소설정 : 최초실행 주소 설정 여부 선택

\*최초 실행 주소란 앱에 연결한 웹사이트 외에 앱을 설치하고 처음에만 보여지는 별도 웹페이지를 적용할 수 있습니다.

3\)저장 버튼 선택

**STEP4 앱제작하기**

1\)앱제작하기 버튼 선택

2\)앱제작 팝업창에서 \[제작하기] 버튼을 선택해주세요.

업데이트 표시 옵션은 어떤 것을 선택해도 상관없습니다.

최초 제작시에는 업데이트 창이 뜨지 않기 때문에 어떤 것을 선택해도 무관합니다.&#x20;

***

## **6.푸시앱 가격정책**

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FzdsK1WmVd2MJFZ8tOQ7q%2F%5B2024%5D%ED%91%B8%EC%8B%9C%EC%95%B1%EA%B0%80%EA%B2%A9%EC%A0%95%EC%B1%85.jpg?alt=media&#x26;token=e0419e12-1d56-455e-aa90-ec5492d75121" alt=""><figcaption></figcaption></figure></div>

무제한 상품은 총 3가지이며, 출시하고자 하는 플랫폼에 따라 상품 구매가 가능해요

<mark style="color:red;">**\*업로드 티켓 금액 포함**</mark>

**(1)앱스토어, 플레이스토어 모두 출시한다면**

→ 푸시전용 무제한 유료앱(아이폰+안드로이드)550,000원+플레이스토어 업로드티켓20,000원+앱스토어 업로드티켓20,000원 = 590,000원

**(2)플레이스토어만 출시한다면**

→ 푸시전용 무제한 유료앱(안드로이드)250,000원+플레이스토어 업로드티켓20,000원=270,000원

**(3)앱스토어만 출시한다면**

→ 푸시전용 무제한 유료앱(아이폰)350,000원+앱스토어 업로드티켓20,000원=370,000원

{% hint style="info" %}
앱을 장기간 운영할 예정이며, 이용기간 제한 없이 운영하신다면 ‘푸시전용 무제한 유료앱’ 상품을 구매하시기를 권장드립니다.

플레이스토어, 앱스토어 출시 여부에 따라 각각의 플랫폼별 상품 구매가 가능하오니 합리적으로 이용할 수 있습니다.
{% endhint %}

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F3KnsaJokt37QIFgzJLEO%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=dc49bd45-904e-43a9-8a5f-dc8da06c6fc6" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**💡 웹뷰앱과 푸시앱의 차이?**

웹뷰앱, 푸시앱 모두 모바일웹(URL)링크를 걸어서 제작하는 웹앱으로 제작 플랫폼은 동일합니다.

그러나 푸시앱은 푸시발송(푸시메시지) 기능을 이용할 수 있다는 점에서 웹뷰앱과 달라요!

-웹뷰앱은 웹링크를 앱에 거는 것 외에 다른 앱기능들은 모두 사용하지 않구요.

-푸시앱은 웹뷰앱 +푸시 알림, 툴바, 메뉴추가, API연동, 업데이트 등 다수 앱기능이 추가된 앱입니다.

따라서 웹앱의 사용 목적에 따라 다른 앱 기능은 전혀 필요가 없다면 -> 웹뷰앱이 적합하며,

푸시 발송, API연동, 회원 연동 등 앱에서 다양한 마케팅 및 홍보 활동을 진행한다면 ->푸시앱으로 이용하는 것이 적합 합니다.&#x20;
{% endhint %}

{% hint style="success" %}
**푸시앱 제작 및 스토어 출시 과정을 한 눈에 보고 싶다면?**

스윙투앱 푸시앱 제작방법은 아래 매뉴얼을 보시면 보다 상세하게 확인 가능합니다.

[**푸시앱 제작 전체 매뉴얼**](https://help-7.gitbook.io/undefined/manual/v3/webapp/push)
{% endhint %}

{% hint style="success" %}
**푸시앱을 스토어에 출시한다면 ‘푸시 무제한 유료앱’을 구매해서 출시할 수 있어요.**

상품 상세 내용을 확인해주세요!

[**푸시 무제한 유료앱 이용권 보러가기**](https://help-7.gitbook.io/undefined/manual/appmanage/pay/push-unlimited)
{% endhint %}