modoo [모두] 제작교육(1)

와 함께하는

모바일웹 제작 및 마케팅 교육

목차

1.모바일 마케팅의 시작

1.1 눈 돌릴 곳이 필요하다.

1.2 몽상가는 이익을 내지 못한다.

2.실전에서 필요한 modoo![모두] 다루기

2-1. modoo![모두] 서비스의 이해

2-2. modoo![모두] 다루기

2-3. modoo![모두]로 제작하기

3.스킬업! modoo![모두] 활용하기

3-1. 고객을 자극하는 할인 이벤트 만들기

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기

4. modoo![모두] 운영하기

4-1. 비즈니스 최적화를 위한 게시글 관리와 무료 통계 분석

4-2. 온, 오프라인에서 modoo![모두] 활용법

4-3. modoo![모두] QR코드 활용

4-4. 네이버 실시간 예약부터 결제까지!

1. 모바일 마케팅의 시작

4


휴대전화. 거역할 수 없는 시간 또는 공간의 침입자

2014년 모바일 인터넷 이용 실태’를 보면 만 6세 이상 인구의 86.7%가 이동 중인 교통수단 안, 70.5%가 길거리, 공원 등 실외장소 등에서

모바일 인터넷을 사용한다.

- 마셜 매클루언Marshall McLuhan

2014년 모바일 인터넷 이용 실태 조사 중 모바일 인터넷 이용 장소(출처: KISA)

이동 중 혹은 무료한 시간

5


네트워크의 중심이 PC에서 MOBILE로….

모바일을 통한 웹 이용은 PC 웹 이용과는 달리 ‘휴일’이 없음.

단순 이용증가추세가 아닌, 기존보다 더 많은 웹 이용시간을 보임.

6


휴대전화. 거역할 수 없는 시간 또는 공간의 침입자

아기를 돌보느냐 인터넷 쇼핑은 꿈도 못 꾸던 엄마들이 모바일 쇼핑의 귀한 손님이 되고 있다.

즉, PC 검색에서 후순위에 있던 검색어들이 모바일에서 상위로 올라온 것.

- 마셜 매클루언Marshall McLuhan

20%

7%

13%

7%

11%

4%

12%

27%

15%

5%

22%

4%

11%

4%

12%

27%

의류/패션 화장품 디지털/가전 출산/육아 식품 레포츠 가구생활 여행/서비스

상품군 별 거래 비중

모바일 PC

티셔츠

1초에 2.3개

기저귀

1초에 96.3개

▲ 상품군 별 거래 비중 (출처: 통계청 온라인 쇼핑 동향 조사 및 네이버 비즈니스 컨퍼런스 2014 자료)

7

1.2 몽상가는 이익을 내지 못한다

모바일 웹 사이트가 없다면 소비자들을 만날 기회가 낮아진다.

48%

검색

브랜드 사이트

33%

브랜드 앱

26%

상품 구매를 위한 모바일 사용 행태

검색 브랜드 사이트 브랜드 앱

(출처: 생초보를 위한 모바일 홈페이지 만들기 )

검색으로 연결되는 사이트는 모바일 홈페이지.

포탈에서도 모바일 유입률이 높아서 검색 결과가 모바일 홈페이지인 사이트를 우선으로 둘 수밖에 없다.

2. 실전에서 필요한

다루기

9

2-1. modoo![모두] 서비스의 이해 - moodo![모두] 란?

PC / Mobile

도메인 구매

호스팅 상품 구매

사이트 구축

검색엔진 등록

Mobile

[모두]

무료 지원

modoo![모두] 란?

누구나 쉽게 모바일 홈페이지를

제작/수정할 수 있는 제작관리 프로그램

입니다.

온라인에서 고객과 만나기 위해서는 일정한 프로세스가 필요합니다.

modoo![모두]는 보다 쉽게 모바일 검색사용자를 만나실 수 있도록 지원하는 서비스로 콘텐츠만 채우면 모바일 웹이 완성되는 빌더입니다.

비용 발생(유료)

10


modoo![모두]

www.modoo.at 접속

① 네이버에 [modoo!] 검색이나 주소창에 www.modoo.at를 입력하여 접속합니다.

② [로그인] 버튼을 클릭합니다.

③ 로그인창에 네이버 아이디/비밀번호를 입력하여 로그인합니다.

프로세스

1

X

modoo![모두] 서비스는 누구나 회원 가입만 하면 무료로 서비스를 사용할 수 있습니다.

가입단계: 네이버 아이디 로그인 사용동의 > 약관 동의 > 가입완료

!중요: modoo![모두] 제작 시 인터넷 브라우저는 가급적 크롬 브라우저를 활용합니다.

3

2

http://www.modoo.at/

http://www.modoo.at/

11


modoo![모두] 회원정보변경

네이버 아이디를 활용하여 내 정보 및 각종 설정기능으로 회원유형에 따라 혜택을 받으실 수 있습니다.

① ‘내 정보> 회원정보변경’에서 휴대폰번호 와 주소를 입력하여 저장합니다.

*휴대폰 번호 및 주소를 입력하시면 게시판 새글/답글 무료 알림을 받을 수 있습니다.

프로세스

1

12


① 개인사업자나 법인/기관 일 경우 회원유형으로 변경합니다.

*사업자 변경 시 중소상공인을 위한 다양한 지원이 준비되어 있습니다.

프로세스

1



13


① 사업자 회원유형으로 변경 시 추가정보 입력 및 사업자등록증 사본 파일을 첨부하여 저장합니다.

*사업자 변경 시 중소상공인을 위한 다양한 지원이 준비되어 있습니다.

프로세스

1



14


① ‘내 정보>알림설정’ 에서 휴대폰 및 이메일로 수신받을 정보를 선택합니다

프로세스

1

modoo![모두] 알림 설정


15


① ‘내 정보> 메일 수신 내역’에서 moodo![모두] 서비스에 발송한 이메일 내용을 확인할 수 있습니다.

프로세스

modoo![모두] 메일 수신 내역


1

16

2-2. modoo![모두] 다루기 - 사이트 등록하기

modoo![모두] 제작을 시작하기 위해서 로그인 후 [사이트관리] 버튼을 클릭하여 사이트관리자 페이지로 접속합니다.

modoo![모두] 사이트를 생성, 편집하실 수 있습니다.

① [내 모두! 만들기] 버튼이나 상단 우측 [사이트관리]를 클릭하여 사이트관리자 페이지로 접속합니다.

② 사이트관리자 페이지에서 사이트 등록하기 / 사이트 추가하기 버튼을 클릭합니다.

*modoo![모두]는 가입계정 한 개로 10개 사이트를 제작/ 노출 시킬 수 있고, 사업자유형으로 등록 시 20개 사이트를 제작/ 노출 시킬 수 있습니다.

프로세스

1

2

17


모바일 사이트의 콘텐츠를 구성하는 단계로, 특성에 맞추어 세 가지 영역을 설정합니다.

① 사이트 구성 영역: 사이트정보 및 메뉴 내부의 페이지 개수를 결정하는 영역.

② 페이지 디자인 영역: 메뉴 내부에 들어가는 페이지를 구성요소 추가로 제작.

③ 사이트 노출 영역: 실제 적용하기 전 미리 확인하고, 페이지별 노출 여부를 결정할 수 있는 영역.

* 구성요소 추가: 구성하고자 하는 메뉴의 성격에 따라 페이지 내에 삽입할 수 있는 텍스트, 이미지, 지도, 기능버튼 등의 요소.

용어설명

① 사이트 구성 영역

② 페이지 디자인 영역

■ 추천템플릿 설정

■ 사이트정보 관리

■ 메뉴 추가/변경/삭제

■ 페이지 추가/변경/삭제

■ 구성요소 추가

③ 사이트 노출 영역

■ 페이지 노출/노출 안 함

■ 페이지명 / 주소복사

■ 변경내용확인

■ 성인인증

■ 미리보기+테마설정

- 사이트 관리 영역별 기능

18


① 사이트관리 페이지에서 [미리보기+테마설정] 아이콘을 클릭합니다.

② 노출 유형 선택에서 ‘기본형 / 세로형 / 카드형’ 옵션 선택하여 레이아웃을 결정합니다.

*이용 중에도 사이트 유형은 언제든지 변경할 수 있습니다.

프로세스

1

- 노출유형 선택

기본형 세로형 카드형

노출유형을 선택합니다.

modoo![모두] 서비스 노출 유형은 기본형, 세로형, 카드형을 제공합니다.

2

19


디자인에 사용할 테마 색상을 선택합니다.

선택된 색상에 따라 버튼의 색상, 강조 문구의 색상 등이 달라집니다.

① 여러 가지 컬러 중 마음에 드는 컬러를 골라서 V체크합니다.

② 원하는 이미지를 등록할 때는 [이미지 등록] 텍스트를 눌러 내 PC에 등록된 이미지를 넣어주세요.

③ 제공되는 임시주소로 제작 중인 모바일 사이트를 미리 볼 수 있습니다.

*[미리보기+테마설정]에서 제공되는 임시주소는 1시간 동안 유효합니다.

프로세스

- 미리보기 + 테마 설정

1

2

3

20


modoo![모두] 사이트 정보에서 기본정보를 입력합니다.

① 사이트의 대표이미지를 선택해 주세요.

② 사이트를 가장 잘 알릴 수 있는 사이트명을 입력하세요.

③ 사이트명 하단에 노출될 사이트 설명을 입력하세요.

④ 사이트를 공유할 매체와 공유 시 안내 문구를 입력해 주세요.

⑤ 사이트 필수 정보를 저장합니다.

프로세스

- 정보관리 입력

5

1

2

3

4

21


modoo![모두] 편집 전 정보관리에서 기본정보를 입력합니다.

① 예약 및 문의 수단을 설정해 주세요. 모바일 사이트 우측 최상단 전환요소에 나타나게 됩니다.

② 사이트 하단에 노출되는 회사 정보를 입력해주세요.

③ 사이트 연결 정보를 저장합니다.

프로세스

1

2


3

22


modoo![모두] 편집 전 정보관리에서 기본정보를 입력합니다.

① modoo! 주소 입력란에 모바일 사이트를 나타낼 수 있는 이름으로 modoo! 사이트 주소를 입력합니다. ‘http://회원 입력 주소.modoo.at’으로 결정됩니다.

② 네이버 사이트검색에 연동될 분류 정보를 선택하여 주세요. 업종 분류는 검색 결과에 영향을 줄 수 있으므로 신중하게 선택해 주세요.

③ 지역 검색에 활용될 업체의 주소를 입력해 주세요.

④ 위의 입력된 정보로 [네이버 무료 검색 등록하기]를 누르면 네이버 검색 결과에 내 홈페이지와 업체를 노출할 수 있습니다

⑤ URL 및 무료 검색등록을 저장하세요.

프로세스


1

2

3

4

5

생활, 건강/음식, 요리/음식점/스파게티

음식점/양식/이탈리아음식/스파게티,파스타전문

경기도 성남시 분당구 삼평동

672 모두 스파게티

23

사이트

노출하기

구성요소를

추가하여

페이지 만들기

메뉴, 페이지

구성하기

추천 템플릿

/ 직접구성

선택하기

2-3. modoo![모두]로 제작하기 - 모바일 홈페이지 제작단계

24


① 메뉴 추가: 메뉴를 삽입하고자 하는 위치를 클릭하고 [메뉴 추가] 버튼 클릭.

② 메뉴 수정: 메뉴를 클릭하고

③ 메뉴명 입력: 메뉴의 이름을 텍스트 박스에 넣어주세요.

④ 동일한 방법으로 구상한 메뉴를 추가.

프로세스

노출되는 위치

2

3 4

- 사이트 만들기 예시: 메뉴추가 하기

1

25


추가한 메뉴의 순서를 변경할 땐 수정을 원하는 메뉴를 마우스 왼쪽을 클릭한 상태에서 좌, 우로 이동합니다.

활용 TIP

- 사이트 만들기 예시: 메뉴이동 하기

?

마우스 좌측 버튼 클릭 상태로 좌/우로 움직여 원하는 위치로 이동시킴

!

26

2-3. modoo![모두]로 제작하기 - 사이트 만들기 예시: 메뉴삭제 하기

① 삭제할 메뉴를 클릭합니다.

② 클릭 시 나오는 작은 창에 [메뉴삭제] 버튼을 클릭하여 삭제.

프로세스

2

1

27


① [+페이지 추가] 버튼을 클릭합니다.

② 페이지 추가 창에서 원하는 페이지을 선택합니다. (예시페이지의 경우 ‘빈 페이지' 템플릿을 사용했습니다.)

③ 페이지 추가 버튼을 클릭하여 페이지 생성.

프로세스

- 사이트 만들기 예시: 페이지 추가 하기

노출되는 위치

1 2

3

빈 페이지

게시판 페이지

템플릿 페이지

구성요소가 맞춰진 형태의 템플릿 페이지

게시판 페이지

게시물을 등록하거나 문의 접수를 할 수 있는 페이지

빈 페이지

구성요소를 추가하여 직접 구성하는 페이지

템플릿 페이지

28

2-3. modoo![모두]로 제작하기 - 사이트 만들기 예시: 페이지이동 하기

?

추가한 메뉴의 순서를 변경할 땐 수정을 원하는 메뉴를 마우스 왼쪽을 클릭한 상태에서 좌, 우로 이동합니다.

활용 TIP

마우스 좌측 버튼 클릭 상태로 좌/우로 움직여 원하는 위치로 이동시킴

!

29


① [+페이지 추가] 버튼을 클릭합니다.

② 페이지 추가 창에서 페이지를 선택합니다.

③ [페이지 추가] 버튼을 클릭하여 페이지를 추가합니다.

④ 추가된 페이지를 원하는 메뉴의 페이지 옆으로 이동하여 위치합니다.

프로세스

- 사이트 만들기 예시: 서브 페이지 추가 하기

한 개의 메뉴에 페이지 내용이 두 페이지 이상 구상해야 할 경우 서브 페이지를 추가합니다.

30


① 페이지명: 구성요소 중 버튼기능의 [페이지이동] 타입 속성에서 선택 시 노출되는 이름입니다. (페이지 추가 시 페이지명을 알맞게 변경합니다.)

② 속성: 선택한 페이지를 웹상에 '노출/노출 안 함'으로 '공개 및 비공개'형태로 운영할 수 있습니다. (페이지 백업, 이벤트 등 활용)

③ 성인인증: 선택한 페이지에 성인인증을 체크하면 웹상에서 접속할 때 성인인증을 완료해야 접속할 수 있습니다.

활용 TIP

- 사이트 만들기 예시: 페이지명 / 속성 / 성인인증 변경하기

1

2

3

31


① 페이지복사: 선택한 페이지를 복사합니다.

② 페이지삭제: 선택한 페이지를 삭제합니다.

- 사이트 만들기 예시: 페이지삭제 / 복사하기

프로세스

1 2

32

- 사이트 만들기 예시: 텍스트 오버레이 이미지 추가하기

① 제작할 페이지를 선택합니다.

② 구성요소 추가에서 ‘단수이미지> 텍스트 오버레이 이미지’를 선택합니다.

③ 우측화면에 [+이미지 추가] 버튼을 클릭합니다.

프로세스

1

2

3

적용 페이지


33

- 사이트 만들기 예시: 이미지 추가하기

① 이미지 업로드 창에서 우측 상단 [+PC 사진 추가]를 클릭하고 내 PC에 저장된 이미지를 추가합니다.

② 이미지 업로드 창에 들어온 이미지를 로 크기와 위치를 맞춥니다.

③ 원하는 크기와 위치로 맞춰지면 [이미지 등록] 버튼을 클릭하여 완료합니다.

프로세스

1


이미지 위치를 변경합니다.

이미지 크기를 변경합니다.

2

3

34

- 사이트 만들기 예시: 이미지 위에 텍스트 추가하기

① 이미지 위에 노출되는 ‘타이틀/설명 텍스트’를 입력합니다.

② 추가 속성에 ‘타이틀 크기/타이틀 상자/배경 투명도’를 원하는 데로 선택합니다.

프로세스

1

2


35

- 사이트 만들기 예시: 버튼 추가하기(타일형)

① 구성요소 추가에서 '버튼> 타일형'을 클릭합니다.

② 타일형 버튼은 3개만 사용할 수 있습니다.

③ 버튼을 눌렀을 때 실행되는 타입을 선택합니다.

④ 버튼에 나타나는 이름과 아이콘을 지정합니다.

프로세스

적용 페이지

1

2

3


4

36

① 타입: 버튼을 눌렀을 때 실행되는 상태를 선택할 수 있습니다. (페이지 이동, 전화, 문자, 이메일, 외부링크, 맨 위로)

② 이름: 버튼에 보이는 이름을 입력할 수 있습니다.

③ 속성: 선택한 타입별로 실행, 이동, 연결 등의 내용을 입력할 수 있습니다.

*맨 위로 타입은 클릭 시 페이지 최상단으로 이동합니다.

버튼 구성요소

없음

2-3. modoo![모두]로 제작하기 - 사이트 만들기 예시: 버튼 추가하기(타일형)

1 2

3

37

- 사이트 만들기 예시: 버튼 추가하기(리스트형)

적용 페이지

1

2

3


① 구성요소 추가에 '버튼> 리스트형'을 클릭합니다.

② 버튼에 나타나는 타입, 이름, 속성, 아이콘을 지정합니다.(타일형과 동일)

③ [+새 버튼] 추가 버튼은 최대 2개까지 추가할 수 있습니다.

프로세스

38

- 사이트 만들기 예시: 버튼 추가하기(리스트형)

① 리스트형 버튼은 테마, 아이콘 유무를 변경할 수 있습니다.

리스트형 버튼 활용

1


39

- 사이트 만들기 예시: 단수 이미지 추가하기

① 구성요소 추가에 '단수이미지> 이미지'를 클릭합니다.

② 화면 우측 상단에 [+이미지 추가] 버튼을 클릭합니다.

③ 이미지 업로드 창 우측 상단 [+PC 사진 추가] 버튼을 클릭하여 원하는 이미지를 선택합니다.

④ 이미지 업로드 창에서 이미지의 위치, 크기를 변경하여 [이미지 등록] 버튼을 클릭하여 완료합니다.

프로세스

적용 페이지

1

2

3

4


40

- 사이트 만들기 예시: 구분선 추가하기

① 구성요소 추가에 '구분선>공백'을 클릭합니다.

② 공백/ 실선/ 점선 타입 중 원하는 타입을 선택합니다.

프로세스

적용 페이지

1

2


41

- 사이트 만들기 예시: 텍스트 추가하기

① 구성요소 추가에 '텍스트> 타이틀텍스트'를 클릭합니다.

② 구성요소 추가에 '텍스트> 본문형 텍스트'를 클릭합니다.

*각 텍스트 구성의 내용과 정렬, 색상을 입력 및 선택합니다.

프로세스

적용 페이지

1

2


42

- 사이트 만들기 예시: 텍스트 추가하기

적용 페이지

1

2


① 구성요소 추가에 '텍스트> 타이틀텍스트'를 클릭합니다.

② 구성요소 추가에 '텍스트> 본문형 텍스트'를 클릭합니다.

*각 텍스트 구성의 내용과 정렬, 색상을 입력 및 선택합니다.

프로세스

43

- 사이트 만들기 예시: 표 추가하기

① 구성요소 추가에서 '표'를 클릭합니다.

② 우측화면에 '표 추가하기> [추가]' 버튼을 클릭합니다.

③ 표 업로드 창에서 행과 열 개수를 선택한 후 내용을 입력합니다.

④ [등록] 버튼을 눌러 표를 넣습니다.

* 모바일 홈페이지에서 표를 클릭하면 확대하여 볼 수 있습니다.

프로세스

적용 페이지 1

2 3

4


44

- 사이트 만들기 예시: 목록형 텍스트 추가하기

① 구성요소 추가에 '텍스트> 목록형 텍스트'를 클릭합니다.

② 타입, 유형, 정렬을 선택합니다.

③ 내용을 입력합니다.

④ 목록을 추가할 경우 [+리스트 추가] 버튼을 클릭하여 같은 방법으로 입력합니다.

프로세스

적용 페이지

1

2

3

4


45

- 사이트 만들기 예시: 전환형 이미지 추가하기

① 구성요소 추가에 '전환형 이미지'를 클릭합니다.

② 우측화면에 [+이미지 추가] 버튼을 클릭합니다.

프로세스

적용 페이지

1

2


46


① 갤러리 업로드 창에서 [+PC 사진 추가] 버튼을 클릭하여 원하는 이미지를 선택합니다. (이미지를 2장 이상 추가하세요.)

② 갤러리 업로드 창에 불러온 이미지는 왼쪽 작은 썸네일 이미지를 클릭하면 우측에 큰 이미지 창에 활성화됩니다. 큰 이미지에서 '크기, 위치'를 변경하세요.

③ [이미지 등록] 버튼을 클릭합니다.

④ 우측화면에 '▶' 버튼을 클릭하여 미리 보기를 합니다.

⑤ 움직이는 이미지의 순서를 변경하거나 삭제할 수 있습니다.

프로세스

1

3

2

4

5


47


① 전환형 이미지의 '전환형태, 썸네일(작은 이미지) 사용 여부, 전환간격, 타이틀'을 선택 및 변경할 수 있습니다.

* 썸네일(작은 이미지)의 [더보기] 버튼을 클릭하면 이미지를 확대하여 볼 수 있습니다.

프로세스

1


48

- 사이트 만들기 예시: 지도 추가하기

① 구성요소 추가에 '지도'를 클릭합니다.

② 우측 화면에서 [위치선택] 버튼을 클릭합니다.

③ 지도 업로드 창에서 '상호 및 주소'를 검색하여 검색결과를 선택합니다.

④ 우측 지도에서 [+ -] 아이콘으로 지도를 확대, 축소하여 위치를 조정합니다.

⑤ [지도 등록] 버튼을 클릭하여 완료합니다.

프로세스

1

2

3

4

5


49

- 사이트 만들기 예시: 지도 추가하기

모바일 상에서 지도를 눌렀을 때 네이버 지도 웹페이지 및 네이버 지도 애플리케이션으로 이동하여 상세서비스를 이용할 수 있습니다.

지도 활용

적용 페이지


50

- 사이트 만들기 예시: 동영상 추가하기

① 구성요소 추가에 '동영상> 동영상 태그'를 클릭합니다.

② 우측화면에 네이버 영상 및 유튜브 영상의 주소를 붙여넣기 후 [등록] 버튼을 눌러 추가합니다.

# 네이버와 유튜브 동영상의 태그를 넣는 방법은 다음 페이지를 참고하세요.

프로세스

적용 페이지 1

2


51

- 사이트 만들기 예시: 동영상 태그 복사하기

① 링크시킬 영상의 소스복사(네이버), 공유(유튜브)를 클릭합니다.

② URL 주소를 복사하여 동영상 태그란에 [붙여넣기] 후 [등록] 버튼을 클릭합니다.

동영상 주소 가져오기

1

3

2

1

2


52

2-3. modoo![모두]로 제작하기 - 저장 및 사이트 적용

프로세스

1 2

① 하단에 [저장] 버튼을 클릭하여 에디터에서 편집한 템플릿을 저장합니다.

② 운영 중인 사이트 수정이 아닌 신규제작이라면 [사이트 적용] 버튼을 클릭하여 모바일환경 및 PC 모니터에서 확인하며 제작할 수 있습니다.

3. 스킬업! 활용하기

54

3-1. 고객을 자극하는 할인 이벤트 만들기 - 할인 이벤트 예시

출처: 찍스 모바일 사이트 출처: 신세계백화점 모바일 사이트

55

3-1. 고객을 자극하는 할인 이벤트 만들기 - 미리 보기

56

3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 추가

① ‘modoo! 홈> 사이트 관리> 관리시스템> [+사이트 추가]’ 버튼을 클릭하여 모바일 홈페이지 제작을 시작합니다.

1

프로세스

사이트 추가: 새로운 사이트를 생성합니다.

가입계정 한 개로 10개 사이트를 제작/ 노출 시킬 수 있고, 개인사업자는 20개 사이트를 제작/ 노출 시킬 수 있습니다.

57

3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 정보 입력> 사이트 필수정보


② 사이트를 가장 잘 알릴 수 있는 사이트명을 입력하세요


④ 사이트를 공유할 매체와 공유 시 안내 문구를 입력해 주세요


프로세스

사이트 정보: modoo![모두] 편집 전 [사이트 정보]를 눌러 기본 정보를 입력합니다.

1

2

3

4

모두 파스타

이탈리안 레스토랑 모두 파스타입니다.

모두 파스타: 주말 저녁40% 할인

5

58

3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 정보 입력> 사이트 연결 정보





프로세스

1

2

강현진

3

02-1544-1111

59

3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 정보 입력> URL 및 무료 검색등록


1

2

3

4

5




672 모두 스파게티






프로세스

60

3-1. 고객을 자극하는 할인 이벤트 만들기 - 메뉴 추가 및 수정

메뉴 / 카드 추가: 기존 메뉴의 이름을 변경하고 메뉴 추가를 눌러 새로운 메뉴를 생성합니다.




프로세스

1

2

모두 파스타 3

61

3-1. 고객을 자극하는 할인 이벤트 만들기 - 페이지 추가하기

페이지 추가: modoo![모두]의 모바일 홈페이지 페이지를 추가할 수 있습니다.

① [+ 페이지 추가] 버튼 클릭

② ‘갤러리 C’ 페이지를 선택하세요.

③ 하단의 [v 페이지 추가] 버튼을 클릭하여 페이지를 추가합니다.

프로세스

1 회색 바탕 이미지

테두리에 그림지가 있는 것은 버튼

한 줄로 되어 있는 것은 텍스트

2

3

62

3-1. 고객을 자극하는 할인 이벤트 만들기

① 빈 카드를 클릭해 활성화합니다.

② ‘구성요소 추가> 텍스트> 타이틀 텍스트’를 선택합니다.

③ 텍스트 입력창에 ‘푸드 스페셜’라고 입력합니다.

④ 하단 간격 ‘있음’을 선택하여 텍스트와 다음에 들어갈 이미지 사이의 여백을 확보합니다.

프로세스

1

2 3

모두 파스타: 텍스트와 단수 이미지를 활용합니다.

4

- 이미지와 텍스트 추가

63

3-1. 고객을 자극하는 할인 이벤트 만들기 - 이미지와 텍스트 추가


① ‘구성요소 추가> 단수 이미지> 텍스트 오버레이 이미지’를 클릭해서 이미지를 생성하세요

② [+이미지 추가] 버튼을 누르고 이미지를 업로드하세요.

③ 타이틀을 입력하세요.

④ 타이틀의 상세 설명을 넣어주세요.

프로세스

1

2

3

4

64

3-1. 고객을 자극하는 할인 이벤트 만들기 - 버튼 추가

④ 이름에 ‘예약하기’를 입력하세요.

⑤ 속성에 전화번호를 입력하세요.

⑥ 버튼명과 속성에 맞는 아이콘을 선택합니다.

프로세스


1

2

3

4

5

6

① ‘구성요소 추가> 버튼> 리스트형’을 클릭해서 버튼을 생성하세요

② 테마는 ‘라인형’으로 속성을 변경하세요.

③ 타입은 버튼을 누르면 바로 전화로 연결되는 [전화] 버튼을 클릭합니다.

65

3-1. 고객을 자극하는 할인 이벤트 만들기 - 메뉴 사진 갤러리

프로세스

① ‘할인 메뉴’ 페이지를 선택하여 ‘페이지 편집하기’를 활성화하세요.

② 이미지의 [+이미지 추가] 버튼을 클릭하여 할인할 메뉴 이미지를 추가하세요.

③ 이미지 상세 보기를 할 때 상단 타이틀 영역에 나타날 ‘타이틀’을 텍스트 박스에 입력하세요.

할인메뉴: 복수 이미지와 텍스트와 활용합니다.

2

4월의 메뉴

1

3

66

3-1. 고객을 자극하는 할인 이벤트 만들기 - 타이틀 텍스트 넣기

프로세스

① 페이지에서 타이틀을 선택하여 편집창을 활성화하세요.

② 타이틀에 ‘가정의 달 특별 이벤트’와 같은 이벤트 문구를 입력하세요.


1

2

67

3-1. 고객을 자극하는 할인 이벤트 만들기 - 타이틀 텍스트 넣기

프로세스

① 필요 없는 텍스트는 [x] 버튼을 눌러 삭제합니다.

② 텍스트를 클릭해 오른쪽의 편집창을 활성화합니다.

③ 타입을 ‘목록형’으로 선택하세요.


1

2

3

4

5

6

④ 유형은 ‘기호형’으로’ 선택하세요.

⑤ ‘행사 기간’과 같은 알맞은 이벤트 정보를 텍스트 박스에 입력합니다.

⑥ ‘시간’과 같이 목록을 추가하려면 [+리스트 추가] 버튼을 눌러 추가합니다.

68

3-1. 고객을 자극하는 할인 이벤트 만들기 - 테마 설정

프로세스

① [미리보기+테마설정] 버튼을 누르세요.

② 노출 유형 선택에서 ‘세로형’을 선택하여 제작한 이벤트 페이지가 위, 아래로 연결되는 사이트 유형을 선택합니다.

③ [적용] 버튼을 눌러 노출 유형을 저장합니다.

테마 설정: 모바일 사이트의 노출 유형을 세로형으로 설정합니다.

1

2

3

69

3-1. 고객을 자극하는 할인 이벤트 만들기 - 저장하기

프로세스



저장하기, 사이트 적용: 제작한 사이트를 저장하고 외부로 사이트를 공개합니다.

1 2

70

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 미리 보기

71

3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 추가

① ‘modoo! 홈> 사이트 관리> 관리시스템> [+사이트 추가]’ 버튼을 클릭하여 모바일 홈페이지 제작을 시작합니다.

1

프로세스

사이트 추가: 새로운 사이트를 생성합니다.

가입계정 한 개로 10개 사이트를 제작/ 노출 시킬 수 있고, 개인사업자는 20개 사이트를 제작/ 노출 시킬 수 있습니다.

72

3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 정보 입력> 사이트 필수정보


② 사이트를 가장 잘 알릴 수 있는 사이트명을 입력하세요


④ 사이트를 공유할 매체와 공유 시 안내 문구를 입력해 주세요


프로세스


1

2

3

4

모두 이벤트

누구나 쉽게 무료로 만들 수 있는 홈페이지 modoo!

퀴즈 이벤트

5

73

3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 정보 입력> 사이트 연결 정보





프로세스

1

2

강현진

3

02-1544-1111

74

3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 정보 입력> URL 및 무료 검색등록


1

2

3

4

5




672 모두 모바일






프로세스

75

3-1. 고객을 자극하는 할인 이벤트 만들기 - 메뉴 추가 및 수정

메뉴 / 카드 추가: 기존 메뉴의 이름을 변경하고 메뉴 추가를 눌러 새로운 메뉴를 생성합니다.




프로세스

1

2

모두 이벤트 3

76

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 페이지 추가하기

페이지 추가: modoo![모두]의 모바일 홈페이지 페이지를 추가할 수 있습니다.

① [+ 페이지 추가] 버튼 클릭

② ‘갤러리 C’ 페이지를 선택하세요.

③ 하단의 [v 페이지 추가] 버튼을 클릭하여 페이지를 추가합니다.

프로세스

1 회색 바탕 이미지

테두리에 그림지가 있는 것은 버튼

한 줄로 되어 있는 것은 텍스트

2

3

77

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 타이틀 넣기

① 빈 카드를 클릭해 활성화합니다.

② ‘구성요소 추가> 텍스트> 타이틀 텍스트’를 선택합니다.

③ 텍스트 입력창에 ‘[EVENT] 퀴즈 이벤트’라고 적습니다

④ 하단 간격 ‘있음’을 선택하여 여백을 확보합니다.

프로세스

1

2 3

퀴즈 이벤트: 텍스트와 단수 이미지를 활용합니다

4

78

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 동영상 추가

퀴즈 이벤트: 텍스트와 단수 이미지를 활용합니다

① ‘구성요소 추가> 동영상> 동영상 태그’를 클릭해서 동영상을 생성하세요.

② 유튜브 사이트(www.youtube.com)에 접속하여 ‘modoo naver’로 검색하여

동영상을 클릭합니다.

③ ‘공유 텍스트’를 눌러 공유 영역을 활성화하세요.

프로세스

1

5

2 3

2

4

3

6

④ 공유 주소를 키보드 ‘Ctrl+C’를 눌러 복사하세요.

⑤ modoo! 편집창의 동영상 URL에 ‘Ctrl+V’를 눌러 주소를 넣어주세요.

⑥ [등록] 버튼을 눌러 동영상을 추가합니다.

79

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 텍스트 추가

프로세스

퀴즈 이벤트: 이벤트 참여를 위한 홍보 문구는 텍스트를 활용합니다.

① ‘구성요소 추가> 텍스트> 타이틀 텍스트’를 클릭하세요.

② 타이틀의 텍스트 박스이 ‘참여하세요’ 를 입력하세요.

③ 색상은 마지막에 있는 검은색을 선택합니다.

1 2

3

80

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 텍스트 추가

프로세스

① ‘구성요소 추가> 텍스트> 본문형 텍스트’를 클릭하여 텍스트를 추가하세요.

② 본문에 이벤트 문구를 입력합니다.

③ 색상은 회색을 선택합니다.

퀴즈 이벤트: 이벤트 참여를 위한 홍보 문구는 텍스트를 활용합니다.

1 2

3

81

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 버튼 추가

프로세스

① ‘구성요소 추가> 버튼> 리스트형’을 클릭하여 버튼을 생성합니다.

② 버튼의 이름에 ‘이벤트 참여하기’를 입력하세요.

③ 속성은 두 번째 페이지로 이동을 위해 ‘페이지명2’를 선택하세요.

④ 이벤트에 알맞은 아이콘을 선택합니다.

퀴즈 이벤트: 이벤트를 참여할 수 있는 링크로 버튼 요소를 활용합니다.

1

2

3

4

82

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 문의하기 페이지 편집하기

퀴즈 페이지: 문의하기 카드를 선택하여 편집합니다.

프로세스

① 단일 선택을 안내 문구 하단으로 이동하세요.

② 날짜, 단문 입력, 장문 입력, 목록 선택을 삭제합니다.

③ 복수 선택을 삭제합니다.

④ 이름을 넣을 ‘문의하기 추가> 편집형> 텍스트 유형’을 클릭하고 단일 선택 하단으로 옮겨주세요.

4

1

이동 삭제

삭제

2

3

83

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 안내문구 넣기

이벤트 페이지: 이벤트 문제를 입력합니다.

프로세스

① 안내 문구를 클릭하여 편집창을 활성화합니다.

② 항목에 질문을 넣습니다.

(Q. 누구나 쉽게 무료로 만들 수 있는 모바일 홈페이지 이름은?)

1

2

84

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 질문 항목 넣기

이벤트 페이지: 질문으로 사용할 항목을 입력합니다.

프로세스

① 복수 선택을 클릭하여 편집창을 활성화합니다.

② 타이틀에 질문의 표시인 ‘A.’를 입력합니다.

③ 항목에 질문을 입력합니다.

④ 답변을 반드시 입력해야 하므로 필수를 선택합니다.

1

2

3

4

85

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 이름, 연락처 만들기

이벤트 페이지: 편집형> 텍스트 유형의 타이틀을 변경합니다.

1

2

4

3

5

프로세스

① 타이틀을 선택하여 편집창을 활성화하세요.

② 타이틀에 ‘이름’이라고 넣어주세요.

③ 이름을 반드시 받아야 하므로 필수를 선택하세요.

④ 연락처를 선택하여 편집창을 활성화하세요.

⑤ 연락처를 반드시 받아야 하므로 필수를 선택하세요.

86

3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 저장하기

프로세스



저장하기, 사이트 적용: 제작한 사이트를 저장하고 외부로 사이트를 공개합니다.

1 2

4. 운영하기

88

4-1. 비즈니스 최적화를 위한 게시글 관리와 무료 통계 분석 - 게시글 관리

사이트 관리자는 운영의 관리와 책임이 있습니다.

새로운 글, 새로운 답글, 새로운 댓글을 한눈에 볼 수 있습니다.

게시판별로 게시물을 확인할 수 있고 글쓰기, 게시글 확인, 답글 달기, 댓글 삭제를 할 수 있습니다

89

4-1. 비즈니스 최적화를 위한 게시글 관리와 무료 통계 분석 - 알림 설정

고객이 올린 게시물을 놓치지 말자.

휴대폰 문자서비스(SMS /LMS /MMS)를 통해 모바일 사이트 운영에 필요한 정보성 문자메시지와 게시판 새 글 등록 알림을 제공해 줍니다.

010-111-2222

010-111-2222

010-111-2222

[email protected]

[email protected]

[email protected]

90

4-1. 비즈니스 최적화를 위한 게시글 관리와 무료 통계 분석

‘modoo![모두] 관리시스템>사이트관리>’통계’에서 확인

▲ 사이트 방문 현황 페이지 예시

통계에서는 웹 로그분석 지표인 방문 현황UV과 페이지뷰PV를 비롯하여 검색 유입 현황 및 페이지 분석 지표 등을 제공합니다

- 통계

91


온라인 사례

모바일 홈페이지 유입을 위한 PC 사이트 이벤트

▲ 듀오 온라인 이벤트 (출처: 듀오)

92


오프라인 사례

모바일 웹으로 연결되는 QR코드 디스플레이!

할인 쿠폰, 즉시 할인, 바로 구매, 이벤트 참여를 즉석에서 진행할 수 있습니다.

▲ 네이버 LINE의 오프라인 QR코드 활용(출처: linea t.jp)

93


LMS 활용 사례

모바일 웹으로 연결되는 URL을 LMS로 발송!

▲ 롯데 아울렛 문자

94

4-3. modoo![모두] QR코드 활용 - 사이트 관리> URL 바로가기

QR코드는 사진, 동영상, 지도, 링크 등의 정보를 담아 코드를 생성하고 여러 사람과 공유할 수 있도록 지원해주는 서비스입니다.

!중요: modoo![모두] QR 코드는 사이트 주소(URL)를 변경해도 계속 사용할 수 있습니다.

① 사이트 관리> 사이트 전체 목록에서 'URL 바로가기'의 [QR코드]를 클릭하세요.

② 출력되는 QR 코드를 온, 오프라인에서 활용할 수 있습니다.

③ 이미지를 마우스 우측버튼으로 클릭 후 ‘이미지를 다른 이름으로 저장’ 선택하여 내 PC에 보관하여 사용하세요.

프로세스

1

1

2

3

95


네이버 예약 (http://easybooking.naver.com/)

사업주의 홈페이지, 네이버 검색광고, 네이버 지도, 카페, 블로그, 메신저, SNS 등 다양한 곳에서 네이버 ID 하나로 편리하게

예약할 수 있는 무료 예약 시스템입니다.

▲ 네이버 예약

96


네이버 페이 (pay.naver.com)

검색과 모바일 쇼핑의 연결. 진화된 간편 결제를 도입하고 인증 없이도 안전하게 결제하는 방법으로 소비자와 판매자를 연결하는 서비스입니다.

▲ 동영상 출처: https://youtu.be/VaZOb5hmVhY

https://youtu.be/VaZOb5hmVhY

97

modoo![모두] 고객센터

1644-3930 modoo.at

modoo![모두] 고객센터

1644-5690 easybooking.naver.com

예약 서비스 고객센터

http://www.modoo.at/home

http://easybooking.naver.com/

modoo [모두] 제작교육(1)

Design