SlideShare a Scribd company logo
1 of 41
ADCrunch! 화면 설계안
0.3
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
ADCrunch 앱 서비스 1차 개발
문서 이력 관리
-
신승민
안드로이드
2012.07.19
공통(c)
-
2
버전. 일자. 변경 내역. 작성자.
0.2 2012.07.23
1차 개발본. 초도 기획.
개발범위 : 리워드 광고 목록/마이박스/환경설정
신승민
0.3 2012.0727 가입절차 내 Facebook 계정연동 추가 신승민
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
ADCrunch 앱 서비스 1차 개발
시스템 구성도
-
신승민
안드로이드
2012.07.19
공통(c)
-
3
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
4
ADCrunch 앱 서비스 1차 개발
업무 흐름도
-
신승민
안드로이드
2012.07.19
공통(c)
-
광고주 광고서버 편성서버 송출서버 푸시서버 고객 1 고객 n1
포인트몰
광고구좌 구매
광고캠페인 등록
집행계획
편성작업
리워드 AD 업데이트
Push 알림 이벤트
Push 알림 이벤트
고객 n 추천
회원DB 열람
고객 n에게 해당 광고 push 전달
친구추천
이벤트
영역
적립광고 메뉴 접근
광고 캠페인 조회
광고 캠페인 제공
광고 캠페인 참여
광고 시청 후, 적립금 요구
적립금 DB에
적립금 갱신
광고잔고 갱신요청
구좌잔고
갱신작업
광고 적립금 지급사실 통지
포인트몰 열람/구매 시도
적립금
결제 이용
적립금 갱신
구매 완료
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
5
ADCrunch 앱 서비스 1차 개발
서비스 맵
-
신승민
안드로이드
2012.07.19
공통(c)
-
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
6
ADCrunch 앱 서비스 1차 개발
Key 정의
-
신승민
안드로이드
2012.07.19
공통(c)
-
표시 명칭 비고
탭 한 손가락으로 한 지점을 빠르게 터치하는 행위. (드래그 없음)
더블 탭 2회 이상 탭을 반복하는 행위.
우향 드래그 한 손가락으로 화면을 잡고 오른쪽으로 밀어내는 행위.
좌향 드래그 한 손가락으로 화면을 잡고 왼쪽으로 밀어내는 행위.
상향 드래그 한 손가락으로 화면을 잡고 위로 끌어올리는 행위.
하향 드래그 한 손가락으로 화면을 잡고 아래로 끌어내리는 행위.
홀드 탭 한 지점에서 0.5초 이상 탭 상태를 유지.
핀치 줌-인 두 손가락으로 화면을 가운데로 드래그해 사이즈 줄임.
핀치 줌-아웃 두 손가락으로 화면을 바깥으로 드래그해 사이즈 넓힘.
음성 입력 사용자 음성인식 기능.
TAB
TAB
DRAG
DRAG
DRAG
DRAG
Hold
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
7
ADCrunch 앱 서비스 1차 개발
공통 화면 (팝업창)
-
신승민
안드로이드
2012.07.19
공통(c)
-
Web-view Window
<이벤트 팝업창>
참여하기
<보조메뉴창>
헤더
메뉴 1
메뉴 2
메뉴 3
메뉴 4
메뉴 5
메뉴 6
결과 헤더
<결과 팝업창>
처리결과 문구
확인
알립니다.
<에러 안내창>
오류 관련 메시지
확인
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
안드로이드 4.0 기준.
Sub-menu는 하드웨어 ‘메뉴’
키를 누르면 화면하단에 보임.
‘백키’를 누르면 이전 화면으
로 이동.
‘Sub-menu>나가기’를 누르
면 ADCrunch 종료하고 안드
로이드 홈 화면으로 이동.
8
ADCrunch 앱 서비스 1차 개발
메뉴키 & 백키 정의
-
신승민
안드로이드
2012.07.19
공통(c)
-
TAB TAB
검색하기
나가기
TAB
검색하기
메뉴 1
메뉴 2
메뉴 3
메뉴 4
메뉴 5
메뉴 6
TAB
검색하기
나가기
TAB
TAB
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
앱 최초 구동 시 이벤트 유무
를 확인하고, yes인 경우 전체
모드로 이벤트 팝업을 사용자
에게 제시한다.
(이벤트는 매 캠페인 또는 매
시간대 별로 생성되므로 웹-
뷰 모드 기준으로 구성/관리
함.)
9
ADCrunch 앱 서비스 1차 개발
Intro 화면
-
신승민
안드로이드
2012.07.19
INT
INT001-M
ADCrunch!
COPYRIGHT © 2012 BOJACO. ALL RIGHTS RESERVED.
ADCrunch!
COPYRIGHT © 2012 BOJACO. ALL RIGHTS RESERVED.
ADCrunch!
COPYRIGHT © 2012 BOJACO. ALL RIGHTS RESERVED.
알립니다.
새로운 적립형 광고가
등록되었습니다.
확인
Web-view Window
참여하기
<Intro 기본 화면> <공지/푸쉬 MSG가 있는 경우> <이벤트가 있는 경우>
검색하기
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
검색하기 팝업창의 메뉴 구성
은 다음과 같음.
4개 메뉴 중 ①②③은 동일한
프로세스를 따르며, 검색 실
패 시 메시지만 다르다.
11
ADCrunch 앱 서비스 1차 개발
광고 검색 (적립금/포인트/경품/이벤트)
광고목록>Sub-menu
신승민
안드로이드
2012.07.19
공통(C)
-
바삭바삭한 광고! 애드크런처!
마켓Shakeit!광고목록 My Box 환경설정
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
TAB
바삭바삭한 광고! 애드크런처!
마켓Shakeit!광고목록 My Box 환경설정
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
검색하기
나가기
TAB
바삭바삭한 광고! 애드크런처!
마켓Shakeit!광고목록 My Box 환경설정
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
DIM
검색하기
적립금 지급광고만 보기
포인트 지급광고만 보기
경품/이벤트 광고만 보기
광고/단어 검색
바삭바삭한 광고! 애드크런처!
마켓Shakeit!광고목록 My Box 환경설정
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
검색하기
적립금 지급광고만 보기
포인트 지급광고만 보기
경품/이벤트 광고만 보기
광고/단어 검색
DIM
TAB
Result is…
바삭바삭한 광고! 애드크런처!
마켓Shakeit!광고목록 My Box 환경설정
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
바삭바삭한 광고! 애드크런처!
마켓Shakeit!광고목록 My Box 환경설정
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
검색 실패
참여 가능한
적립금 지급 광고가
없습니다.
확인 TAB
YES
NO
검색하기
적립금 지급광고만 보기
포인트 지급광고만 보기
경품/이벤트 광고만 보기
광고/단어 검색
- ①
- ②
- ③
- ④
검색 실패
참여 가능한
적립금 지급 광고가
없습니다.
확인
검색 실패
참여 가능한
포인트 지급 광고가
없습니다.
확인
검색 실패
참여 가능한
경품/이벤트 광고가
없습니다.
확인
TAB
프로세싱 중 ‘back’ 키를 누르면
실행 전 화면으로 무조건 복귀!
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
광고/단어 검색창의 구성은
다음과 같음.
검색필드에 입력된 단어를 기
준으로 광고(캠페인) 타이틀,
소개글,유형을 비교 검색해
결과를 나열함.
기타, 하단에 가장 ‘Hot!’한 검
색어를 제시해 사용자 선택만
으로 해당 키워드로 광고 검
색이 가능하도록 함.
12
ADCrunch 앱 서비스 1차 개발
광고 검색(단어 검색)
광고목록>Sub-menu
신승민
안드로이드
2012.07.19
공통(C)
-
바삭바삭한 광고! 애드크런처!
마켓Shakeit!광고목록 My Box 환경설정
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
DIM
검색하기
적립금 지급광고만 보기
포인트 지급광고만 보기
경품/이벤트 광고만 보기
광고/단어 검색
바삭바삭한 광고! 애드크런처!
마켓Shakeit!광고목록 My Box 환경설정
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
TAB
Result is…
바삭바삭한 광고! 애드크런처!
마켓Shakeit!광고목록 My Box 환경설정
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
바삭바삭한 광고! 애드크런처!
마켓Shakeit!광고목록 My Box 환경설정
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
검색 실패
검색어 ‘자동차 공짜’
관련 광고가 없습니다.
확인 TAB
YES
NO
바삭바삭한 광고! 애드크런처!
마켓Shakeit!광고목록 My Box 환경설정
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
100
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
캠페인 타
이틀
캠페인 소개 문구………………………………
경품
검색하기
적립금 지급광고만 보기
포인트 지급광고만 보기
경품/이벤트 광고만 보기
광고/단어 검색
DIMDIM
광고/단어 검색
Search…
검색할 단어를 정확히 입력
해 주세요.
검색어 추천
호랑이 곳감
곳감 영감
자동차 공짜
100% 공짜
광고/단어 검색
Search…
검색할 단어를 정확히 입력해
주세요.
검색어 추천
호랑이 곳감
곳감 영감
자동차 공짜
100% 공짜
TAB
TAB
프로세싱 중 ‘back’ 키를 누르면
실행 전 화면으로 무조건 복귀!
앱 메인화면 (광고목록 화면)
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
① 광고 유형 별로 칼라 태그
가 붙는다.
② 광고 썸네일.
광고 관련 썸네일 이미지
가 없는 경우, 사전 정의된
유형 별 썸네일 중 하나로
대체.
③ 광고 타이틀은 큰 글자로.
④ 캠페인 유형 아이콘.
※ 2개 이상 포함된 경우,
다음 기준으로 칼라 태그
를 붙인다.
※ 아이콘은 ‘유효한 광고’
에만 부착된다.
⑤ 캠페인 관련 소개 글.
문구가 긴 경우 뒷부분을
“….”로 대체.
⑥ 캠페인 상세보기로 전개.
본 이벤트는 광고 1행의
어떤 영역을 Tab해도 동일
하게 일어난다.
14
ADCrunch 앱 서비스 1차 개발
앱 메인화면 (광고목록 화면)
광고목록
신승민
안드로이드
2012.07.19
LST
LST001-M
바삭바삭한 광고! 애드크런처!
마켓Shake it!광고목록 My Box 환경설정
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
경품
캠페인 타이틀
캠페인 소개 문구………………………………
경품
캠페인 타이틀
캠페인 소개 문구………………………………
100
앱 헤더
메뉴 영역
1개
광고
영역
광고목록
①
② ③
④
⑤
⑥
적립금 지급
포인트 지급
쿠폰 지급
경품 추첨
적립금 광고 포인트 광고
쿠폰 광고 경품 광고
> > >
※ 앱 메인화면은 ‘광고목록’ 화면으로 지정한다.
단, 공통 이벤트가 있는 경우, ‘광고목록’ 화면 위에 이벤트 레이어가 올라온 상태를 ‘메인화면’으로
지정한다.
광고목록에 표시되는 광고는 당 시점 기준, 유효
한 광고만 해당한다.
<유효한 광고>
• 해당 광고 구좌의 적립금 잔고가 ‘+’인 경우,
• 해당 광고 구좌의 쿠폰발행이 가능한 경우,
- 캠페인 기간 유효
- 쿠폰 여유분 보유
- 광고주 요청에 의한 연장
• 해당 광고의 이벤트 참여기간이 유효한 경우,
• 운영자에 의해 마케팅 목적으로 포인트 지급을
허가한 경우,
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
광고목록에 올라온 1개 광고
를 Tab하면 ‘광고보기 팝업’이
열린다.
‘광고보기 팝업’의 구성은 다
음과 같음.
① 해당 광고캠페인 타이틀.
② 캠페인 유형 아이콘.
1개 이상이 중복 표시될
수 있음.
③ 해당 광고캠페인 썸네일.
④ 캠페인 소개문구를 2줄까
지 표시한다.
⑤ 본인 구좌의 현재 적립금
잔고를 표시한다.
⑥ Tab 시 광고 컨텐츠를 열
람한다. (기본 메뉴)
⑦ 캠페인 유형이 다음 각 항
에 해당할 경우만 표시.
‘설문/가입/이벤트 참여’
⑧ 친구에게 ‘광고 추천’
(기본 메뉴)
- ADCrunch 구좌 간 추천
- SNS 연동 추천
15
ADCrunch 앱 서비스 1차 개발
광고보기 팝업
광고목록
신승민
안드로이드
2012.07.19
LST
LST002-P
바삭바삭한 광고! 애드크런처!
마켓Shake it!광고목록 My Box 환경설정
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
경품
캠페인 타이틀
캠페인 소개 문구………………………………
경품
TAB
바삭바삭한 광고! 애드크런처!
마켓Shake it!광고목록 My Box 환경설정
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
경품
캠페인 타이틀
캠페인 소개 문구………………………………
경품
DIM
광고보기 설문참여 추천하기
캠페인 타이틀….
100원
캠페인 짱! 캠페인 짱
이다!!!!!.............
내 구좌 잔고 : 3,200원 / 1,500P
광고보기 설문참여 추천하기
캠페인 타이틀….
100원
캠페인 설명 문구
2줄 가능.
내 구좌 잔고 : 3,200원 / 1,500P
100원
100P
쿠폰 지급
경품 추첨
적립금 없음
①
②
③
④
⑤
⑥ ⑦ ⑧
TAB
‘back’ 키를 누르면 팝업창 닫고,
전 화면으로 무조건 복귀!
<유형 별 표시형태>
> 적립금
지급광고
> 포인트
지급광고
> 쿠폰
지급광고
> 경품
추첨광고
> 보상없음<LST002-P>
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
캠페인 효과를 확인하기 위한
장치로 ‘퀴즈’ 또는 ‘게임’을
이용하며, ‘퀴즈’의 경우는 광
고 캠페인 내용 중 특정 단어
를 직접 입력하는 형태를 기
본으로 한다.
※ 모든 광고 퀴즈는 하단에
‘Hint’를 제시할 것.
동영상 광고의 경우, 광고 콘
텐츠는 로컬(디바이스) 내 특
정 폴더로 저장된 뒤 실행함.
(Not streaming)
LST003-M-L 은 ①②③ 으로
구성된다.
16
ADCrunch 앱 서비스 1차 개발
광고보기 화면 (동영상 광고 : Landscape)
광고목록>광고 선택창>광고보기(영상-Landscape mode)
신승민
안드로이드
2012.07.19
LST
LST003-M-L
광고보기 설문참여 추천하기
캠페인 타이틀….
100원
캠페인 설명 문구
2줄 가능.
내 구좌 잔고 : 3,200원 / 1,500P
TAB
DIM
DRAG DRAG
바삭바삭한 광고! 애드크런처!
마켓Shake it!광고목록 My Box 환경설정
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
경품
캠페인 타이틀
캠페인 소개 문구………………………………
경품
캠페인 타이틀…
캠페인 관련 광고 퀴즈 문제….?
(정답을 입력해 주세요)
콩깍지 순둡| 정답
Hint. 콩OO 순두부
틀렸습니다.
1회 재도전이 가능합니다.
Hint에 주목하세요!
Hint. 콩OO 순두부
확인 TAB
틀렸습니다.
적립금 획득 실패!
정답은
‘콩깍지 순두부’입니다.
확인
정답!
맛있는 순두부는
‘콩깍지 순두부’입니다.
100원이 적립되었습니다.
확인TAB
TAB
Case 1. AV+IMGCase 2. Only AV-AD
Enf of IMGs
오답 1회
오답 2회
정답
① ②
③
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
캠페인 효과를 확인하기 위한
장치로 ‘퀴즈’ 또는 ‘게임’을
이용하며, ‘퀴즈’의 경우는 광
고 캠페인 내용 중 특정 단어
를 직접 입력하는 형태를 기
본으로 한다.
※ 모든 광고 퀴즈는 하단에
‘Hint’를 제시할 것.
LST003-M-P는 Portrait 모드
이며, 이 경우 상단에 영상광
고, 하단에 이미지 광고가 함
께 표시된다.
단, 영상광고 재생 중에는 전
체 화면에 DIM을 적용하고,
영상광고 재생 완료 후에는
영상 부분을 제외한 이미지
광고 영역의 DIM을 해제한다.
이미지 광고는 ‘Tab’ 시 다음
이미지로 전개되며, 등록되어
있는 이미지 광고를 모두 열
람한 뒤에 캠페인 이벤트 화
면으로 전개.
이벤트 화면은 앞서 노출되었
던 광고 이미지 중 대표 이미
지를 상단에 띄우고, 하단에
캠페인 이벤트를 배치.
17
ADCrunch 앱 서비스 1차 개발
광고보기 화면 (동영상 광고 : portrait mode)
광고목록>광고 선택창>광고보기(영상-portrait mode)
신승민
안드로이드
2012.07.19
LST
LST003-M-P
광고보기 설문참여 추천하기
캠페인 타이틀….
100원
캠페인 설명 문구
2줄 가능.
내 구좌 잔고 : 3,200원 / 1,500P
TAB
DIM DIM
TAB
캠페인 타이틀…
광고 퀴즈 문제….?
(정답을 입력해 주세요)
콩깍지 순둡
Hint. 콩OO 순두부
바삭바삭한 광고! 애드크런처!
마켓Shake it!광고목록 My Box 환경설정
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
경품
캠페인 타이틀
캠페인 소개 문구………………………………
경품
틀렸습니다.
1회 재도전이 가능합니다.
Hint에 주목하세요!
Hint. 콩OO 순두부
확인 TAB
틀렸습니다.
적립금 획득 실패!
정답은
‘콩깍지 순두부’입니다.
확인
정답!
맛있는 순두부는
‘콩깍지 순두부’입니다.
100원이 적립되었습니다.
확인TAB
TAB
오답 2회
오답 1회
정답
EnfofAV
EnfofIMGs
TAB
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
캠페인 효과를 확인하기 위한
장치로 ‘퀴즈’ 또는 ‘게임’을
이용하며, ‘퀴즈’의 경우는 광
고 캠페인 내용 중 특정 단어
를 직접 입력하는 형태를 기
본으로 한다.
※ 모든 광고 퀴즈는 하단에
‘Hint’를 제시할 것.
LST004-M-P는 Portrait 모드
이며, 이미지 광고는 ‘Tab’ 시
다음 이미지로 전개되며, 등
록되어 있는 이미지 광고를
모두 열람한 뒤에 캠페인 이
벤트 화면으로 전개.
이벤트 화면은 앞서 노출되었
던 광고 이미지 중 대표 이미
지를 상단에 띄우고, 하단에
캠페인 이벤트를 배치.
※ 이미지 영역은 웹뷰로…?
>> 전화걸기 중개 SVC 고려
18
ADCrunch 앱 서비스 1차 개발
광고보기 화면 (이미지 광고 : portrait mode)
광고목록>광고 선택창>광고보기(이미지-portrait mode)
신승민
안드로이드
2012.07.19
LST
LST004-M-P
광고보기 설문참여 추천하기
캠페인 타이틀….
100원
캠페인 설명 문구
2줄 가능.
내 구좌 잔고 : 3,200원 / 1,500P
TAB
캠페인 타이틀…
광고 퀴즈 문제….?
(정답을 입력해 주세요)
콩깍지 순둡
Hint. 콩OO 순두부
바삭바삭한 광고! 애드크런처!
마켓Shake it!광고목록 My Box 환경설정
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
100
캠페인 타이틀
캠페인 소개 문구………………………………
경품
캠페인 타이틀
캠페인 소개 문구………………………………
경품
틀렸습니다.
1회 재도전이 가능합니다.
Hint에 주목하세요!
Hint. 콩OO 순두부
확인 TAB
틀렸습니다.
적립금 획득 실패!
정답은
‘콩깍지 순두부’입니다.
확인
정답!
맛있는 순두부는
‘콩깍지 순두부’입니다.
100원이 적립되었습니다.
확인TAB
TAB
오답 2회
오답 1회
정답
Enf of IMGs
TAB
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
게임 광고는 추가 기획분.
19
ADCrunch 앱 서비스 1차 개발
광고보기 화면 (게임 광고)
광고목록>광고 선택창>광고보기(게임 광고)
신승민
안드로이드
2012.07.19
LST
LST005-M
광고보기 설문참여 추천하기
캠페인 타이틀….
100원
캠페인 설명 문구
2줄 가능.
내 구좌 잔고 : 3,200원 / 1,500P
TAB
<게임형 광고 Rule>
① 광고를 지속적으로 주목하도록 할 것.
② 키워드, 제품명을 반복 접할 수 있도록 할 것.
③ 재미있을 것
④ 일/시간 단위로 점수를 초기화, 경쟁심을 유발할 것.
⑤ Benefit을 줄 것
- 기본 benefit  쿠폰, 포인트 등
- 레벨 benefit  적립금 등
- 추첨 benefit  경품 추첨
⑥ 형태는 캐쥬얼 게임 또는 카드 게임 류
- 예시 –
o 카드 짝 맞추기
o 두더지 잡기
o 클레이 사격
o 손전등 (탐정놀이)
o Jigsaws 퍼즐
o 블록 맞추기
o 바구니로 감 받기
고도화
Shake it!
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
21
ADCrunch 앱 서비스 1차 개발
Shake it!
Shake it!
신승민
안드로이드
2012.07.19
SPT
SPT001-M
고도화
Market
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
23
ADCrunch 앱 서비스 1차 개발
Market
Market
신승민
안드로이드
2012.07.19
MKT
MKT001-M
고도화
My Box
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
개인정보 영역의 구성은 다음
과 같다.
① 개인이 등록한 사진.
사진 등록 전에는 기본 제
공되는 아바타 아이콘으로
대체.
② 사용자 명칭은 실명 대신
별명으로 표시.
(최대 한글 8자)
③ 활동점수(또는 누적액) 기
준 계급장(또는 엠블렘) 표
시
④ 성별/나이 표시
⑤ 직업 표시
⑥ 활동지역은 2곳을 표시
※ 개인정보를 설정하기 전에
는 ‘개인정보 영역’에 안내글
이 표시된다.
각 정보영역은 Tab하면 상세
화면으로 전개된다.
25
ADCrunch 앱 서비스 1차 개발
마이박스
마이박스
신승민
안드로이드
2012.07.19
BOX
BOX001-M
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
Nick-name
성별 / 나이
직업
활동지역 1 / 활동지역 2
구좌번호 : ABCDEFG-CD12345
보유 적립금 : 36,000
보유 포인트 : P120,000
출금 신청
포인트 환전
My Coupon book
지금 친한 친구를 초대해 보세요!
행운과 재미있는 일 들이 쏟아집니다.
친친!
고객센터
수신함질문함
2
My Box는 개인정보 외 개인이 획득한 적립금 현황을 조회할 수 있으며, 기타 상호 연결된 친구와
의 소형 커뮤니케이션 도구를 제공한다.
앱 헤더
메뉴 영역
정보영역
개인정보
영역
개인구좌
영역
기 획득한
쿠폰 영역
친한친구!
영역
상담센터
메시지 함
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
My Coupon book
지금 친한 친구를 초대해 보세요!
행운과 재미있는 일 들이 쏟아집니다.
친친!
고객센터
수신함질문함
사용자 등록 필요!
획득한 쿠폰이 없습니다.
<계정 등록 후 화면> <계정 등록 전 화면>
①
② ③
④
⑤
⑥
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
26
ADCrunch 앱 서비스 1차 개발
약관 동의 화면
마이박스>개인정보
신승민
안드로이드
2012.07.19
BOX
BOX002-M
TAB사용자 등록 필요!
<개인정보 등록 전 상태>
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
약관 동의 필수
서비스 이용 및 개인정보
이용약관에 동의하셔야만
서비스 가입 및 정상적인
이용이 가능합니다.
확인TAB
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
회원가입 및 서비스 이용 약관
개인정보 이용 약관
약관 동의
약관 동의
서비스 이용 약관
적립금 획득 및 이벤트 참여를 위해서는 약관에
동의하셔야 합니다.
다음 TAB
[약관1=YES]
AND
[약관2=YES]
YES
NO
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
MyCoupon book
지금 친한 친구를 초대해 보세요!
행운과 재미있는 일 들이 쏟아집니다.
친친!
고객센터
수신함질문함
사용자 등록 필요!
획득한 쿠폰이 없습니다.
TAB
회원 가입
이름
별 명
성 별
생년월일
홍길숙
말많은망아지
1995/09/27
여성남성
주요 활동지역
Search… Search…1. 2.
연락처
이메일 sample@sample.com
핸드폰 010-9876-5432 인증번호 입력
적립금 지급통장 계좌 연결
BOX002-M
BOX003-M
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
Facebook Open API를 연동,
Facebook 계정 보유자의 경
우, Facebook 인증절차를 통
해 본 서비스에 개인정보를
제공할 수 있음.
※ 주요 활동지역 1,2를 포함
한 하단 영역은 수동 입력.
27
ADCrunch 앱 서비스 1차 개발
회원가입-개인정보 facebook 연동
마이박스>개인정보
신승민
안드로이드
2012.07.19
BOX
BOX003-M01
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
회원 가입
이름
별 명
성 별
생 년 월 일
홍길숙
말많은망아지
1995/09/27
여성남성
주요 활동지역
Search… Search…1. 2.
연락처
이메일 sample@sample.com
핸드폰 010-9876-5432 인증번호 입력
적립금 지급통장 계좌 연결
취소
TAB
가입 확인
Welcome to Facebook | Facebook
facebook
Email or Phone:
Password:
Login
Sign up Forgot your password?
Full site
TAB
Welcome to Facebook | Facebook
AllowDon’t Allow
ADCrunch is requesting permission to
do the following!
TAB
TAB
Facebook
Open API 호출
개인정보 획득
Facebook 인증화면
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
사진 영역을 tab하면 ‘사진선
택’ 팝업이 올라옴.
사진선택 기능은
1. 갤러리 선택
2. 카메라 촬영
두가지를 지원하고, 선택/촬
영된 이미지는 화면 Crop 기
능을 지원해 사진 영역에 등
록할 이미지를 조정할 수 있
도록 한다.
Crop 사이즈는 가로/세로 비
율을 유지해 이미지 왜곡이
없도록 함.
선택된 이미지는 회원가입 확
인 시 서버로 upload.
28
ADCrunch 앱 서비스 1차 개발
회원가입-사진 등록
마이박스>개인정보
신승민
안드로이드
2012.07.19
BOX
BOX003-M02
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
회원 가입
이름
별 명
성 별
생 년 월 일
홍길숙
말많은망아지
1995/09/27
여성남성
주요 활동지역
Search… Search…1. 2.
연락처
이메일 sample@sample.com
핸드폰 010-9876-5432 인증번호 입력
적립금 지급통장 계좌 연결
취소
사진 선택
갤러리에서 선택
카메라 촬영
TAB
TAB
갤러리(앨범) 검색창 팝업
카메라 촬영 후 업로드
TAB
가입 확인
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
회원가입 시 필수 입력요소는
다음과 같음.
• 이름
• 별명
• 성별
• 생년월일
• 이메일
• 핸드폰
• 활동지역 1,2
‘문자 입력란’에 포커스 위치
시 하단에서 문자 키보드가
올라옴. (①)
‘성별’은 라디오 버튼 이용.
‘생년월일’ 선택 시 ‘날짜입력’
팝업창이 올라옴. 선택된 연/
월/일 값은 ‘설정’단추 누르면
입력란에 표시됨. (②)
‘인증번호 입력’버튼을 누르면
입력란에 입력된 전화번호로
SMS 인증번호가 전송됨과 동
시에 인증번호 입력창이 올라
옴. 입력란에 인증번호를 정
확히 입력하면 ‘인증번호 입
력’ 버튼은 ‘인증완료’ 비활성
버튼으로 바뀜. (③)
※ 필수 가입정보가 누락된
경우, 에러 팝업을 띄우고, 누
락된 입력란으로 포커스 위치.
29
ADCrunch 앱 서비스 1차 개발
회원가입-개인정보 수동 입력
마이박스>개인정보
신승민
안드로이드
2012.07.19
BOX
BOX003-M03
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
회원 가입
이름
별 명
성 별
생 년 월 일
홍길숙
말많은망아지
1995/09/27
여성남성
주요 활동지역
Search… Search…1. 2.
연락처
이메일 sample@sample.com
핸드폰 010-9876-5432 인증번호 입력
적립금 지급통장 계좌 연결
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
회원 가입
이름
별 명
성 별
생 년 월 일
홍길숙
말많은망아지
1995/09/27
여성남성
주요 활동지역
Search… Search…1. 2.
연락처
이메일 sample@sample.com
핸드폰 010-9876-5432 인증번호 입력
적립금 지급통장 계좌 연결
Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M
123 Done@TAB
TAB
TAB
날짜 입력
연도 월 일
1994 01 15
1996 03 17
취소 설정
TAB
TAB TAB
TAB TAB
①
①
②
①
①
③
④
① ②
핸드폰 인증
010-9876-5432로
인증번호를 전송했습니다.
확인
인증번호 입력
잘못된 인증번호입니다.
확인 후 재시도해 주세요.
확인
③
TAB
TAB
인증실패
가입 확인취소
필수 가입정보가
누락되었습니다.
확인
TAB
필수정보 누락
인증번호 입력 인증완료
인증성공
※ 번호 형태 변경됨
(비활성 아이콘)
touch
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
활동지역은 2곳을 선택하도
록 한다.
지역 선택은 ‘검색’ 기능을 이
용하되 ‘동/읍’ 단위로 지역을
설정하도록 한다.
※ 향후 DB마이닝 단계에서는 다
음 순서로 필터링 적용.
30
ADCrunch 앱 서비스 1차 개발
회원가입-활동지역 선택
마이박스>개인정보
신승민
안드로이드
2012.07.19
BOX
BOX003-M04
지역 선택
주로 활동하는 지역을
동/읍 단위로 검색해 주세요.
검색결과는 이곳에 나옵니다.
④
가나다
지역 선택
주로 활동하는 지역을
동/읍 단위로 검색해 주세요.
서울시 강남구 가나다1동
서울시 강남구 가나다2동
전남 목포시 가나다읍
전남 목포시 가나다읍
가나다
TAB
지역 선택
주로 활동하는 지역을
동/읍 단위로 검색해 주세요.
검색결과가 없습니다.
가나다
두번째 활동지역을
지정해 주세요.
확인 TAB
TAB
지역 선택
주로 활동하는 지역을
동/읍 단위로 검색해 주세요.
제주도 제주시 마라도
강원도 강릉시 마라도
마라도
TAB
1차 활동지역 선택
2차 활동지역 선택
검색결과가 없는 경우,
Lv1. Lv2. Lv3. X
시 구 동 -
도 시
구 동
읍 리
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
적립금 지급통장 계좌 연결
항목은 option.
적립금 지급통장 계좌 연결창
의 각 항목을 누르면 금융기
관의 경우 ‘목록 팝업’이 올라
오고, 기타 계좌번호와 예금
주는 키보드가 올라옴.
계좌등록이 완료되면, 각 입
력필드에 해당 값이 Fixed되
고 정보영역을 ‘잠김 이미지’
로 덮어 무분별한 열람이 불
가능하도록 함.
등록된 계좌정보를 수정하기
위해 잠김 이미지를 Tab하면
‘환경설정’에 기 등록되어 있
는 4자리 비밀번호 입력창이
올라오고, 정확히 입력되면,
잠김 이미지는 사라지고 원
계좌정보가 열림.
비밀번호가 다르면 Toast 메
시지로 ‘PIN번호 확인’ 안내를
한다.
31
ADCrunch 앱 서비스 1차 개발
회원가입-적립금 지급통장 계좌 연결
마이박스>개인정보
신승민
안드로이드
2012.07.19
BOX
BOX003-M05
적립금 지급통장 계좌 연결
본인 금융계좌로 적립금을 입금해 드립니다.
금융기관 계좌번호(- 제외)
예금주 이름
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
회원 가입
이름
별 명
성 별
생 년 월 일
홍길숙
말많은망아지
1995/09/27
여성남성
주요 활동지역
Search… Search…1. 2.
연락처
이메일 sample@sample.com
핸드폰 010-9876-5432 인증번호 입력
적립금 지급통장 계좌 연결
본인 금융계좌로 적립금을 입금해드립니다.
금융기관 계좌번호(- 제외)
예금주 이름
가입 확인취소
TAB
TAB
TAB
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
회원 가입
이름
별 명
성 별
생 년 월 일
홍길숙
말많은망아지
1995/09/27
여성남성
주요 활동지역
Search… Search…1. 2.
연락처
이메일 sample@sample.com
핸드폰 010-9876-5432 인증번호 입력
적립금 지급통장 계좌 연결
1 2 3 4 5 6 7 8 9 0
A S D F G H J K L
Z X C V B N M
123 Done@
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
회원 가입
이름
별 명
성 별
생 년 월 일
홍길숙
말많은망아지
1995/09/27
여성남성
주요 활동지역
Search… Search…1. 2.
연락처
이메일 sample@sample.com
핸드폰 010-9876-5432 인증번호 입력
적립금 지급통장 계좌 연결
Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M
123 Done@
금융기관
국민은행
신한은행
외환은행
우리은행
DRAG
DRAG
적립금 지급통장 계좌 연결
본인 금융계좌로 적립금을 입금해 드립니다.
<계좌등록이 완료된 상태>
TAB
PIN 번호
4 2
PIN_Code is…
PIN 번호를
확인하세요.
Correct!
incorrect!
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
회원가입 시 필수 입력정보는
다음과 같음.
1. 이름
2. 별명
3. 성별
4. 생년월일
5. 연락처(이메일/핸드폰)
6. 주요 활동지역 1,2
‘가입확인’ tab 시 필수 입력
정보 필드 중 누락된 항목이
있으면 안내 팝업 후 현재 화
면 입력대기 유지.
필수 입력정보 필드(계좌연결
제외)가 모두 채워지면 환영
메시지 팝업 후 My Box 화면
으로 복귀.
32
ADCrunch 앱 서비스 1차 개발
회원가입 확인
마이박스>개인정보
신승민
안드로이드
2012.07.19
BOX
BOX003-M06
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
회원 가입
이름
별 명
성 별
생 년 월 일
홍길숙
말많은망아지
1995/09/27
여성남성
주요 활동지역
Search… Search…1. 2.
연락처
이메일 sample@sample.com
핸드폰 010-9876-5432 인증번호 입력
적립금 지급통장 계좌 연결
본인 금융계좌로 적립금을 입금해드립니다.
금융기관 계좌번호(- 제외)
예금주 이름
가입 확인취소 TAB
필수 입력정보
누락여부 확인?
입력정보 누락
[#value]이 누락되었습니다.
다시 확인 후 진행해 주세요.
확인
환영합니다.
서비스 가입 완료.
애드크런치와 함께
다양한 혜택을 즐겨보세요.
확인
NO
OK
TAB
BOX001-M
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
Nick-name
성별 / 나이
직업
활동지역 1 / 활동지역 2
구좌번호 : ABCDEFG-CD12345
보유 적립금 : 36,000
보유 포인트 : P120,000
출금 신청
포인트 환전
MyCoupon book
지금 친한 친구를 초대해 보세요!
행운과 재미있는 일 들이 쏟아집니다.
친친!
고객센터
수신함질문함
2
①
② ③
④
⑤
⑥
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
내정보 보기 영역은 상단에
개인정보 열람창, 하단에
‘Trophy wall’이 배치.
개인정보 열람창(①)은 앞서
회원등록 시 입력한 정보를
제공하며, 이중 편집/변경 가
능한 항목은 다음과 같음.
• 사진
• 별명
• 활동지역 1,2
기타, 최상단에는 현재 회원
의 활동지수에 따른 레벨을
나타내는 엠블렘(구체적인 용
어 및 아이콘은 별건 논의)과
현재 순위, 그리고 전일 대비
순위 변동성향을 표시하는 아
이콘이 배열됨.
하단, Trophy wall은 미션 달
성여부에 따라 아이콘(배지)
을 부여받게 되며, 각 아이콘
은 활동 미션의 달성을 요구
함.
Ex) 루비 트로피 : 30일 연속
리워드 광고 참여 등
(미션 배지 규칙은 별건 논의)
33
ADCrunch 앱 서비스 1차 개발
My Box (가입 완료 후) ‘내정보 보기’
마이박스
신승민
안드로이드
2012.07.19
BOX
BOX004-M01
Nick-name
성별 / 나이
직업
활동지역 1 / 활동지역 2
①
② ③
④
⑤
⑥
TAB
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
별명
이름
생년월일 성별
바람난홍길순
홍길순
1985.10.10 남
대령 (1,800위)
활동지역 1
활동지역 2
강남
부산해운대
TROPHY WALL
TAB
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
Nick-name
성별 / 나이
직업
활동지역 1 / 활동지역 2
구좌번호 : ABCDEFG-CD12345
보유 적립금 : 36,000
보유 포인트 : P120,000
출금 신청
포인트 환전
MyCoupon book
지금 친한 친구를 초대해 보세요!
행운과 재미있는 일 들이 쏟아집니다.
친친!
고객센터
수신함질문함
2
①
② ③
④
⑤
⑥
①
②
내정보 보기
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
‘내 구좌 보기’는 회원에게 할
당되는 가상의 계좌정보를 열
람할 수 있는 영역으로 적립
금과 적립 포인트 현황을 조
회할 수 있음.
적립금과 포인트는 ‘적립내
역’,’이용내역’으로 구분해 조
회 가능하며, 포인트의 경우
일정 환율로 적립금으로의 환
전이 가능함.
포인트 환전 비율은 최종 런
칭 전 확정하되 보유 포인트
하단에 ‘환전 시 적립 예상금
액’을 #value 필드에 표시함.
적립/이용내역이 스크롤되는
데이터 영역의 상/하단에는
스크롤 바운싱 처리.
주요 기능키는
1. 적립금 인출하기
2. 적립금 송금하기
3. 적립금 사용하기
있음.
※ 2차 고도화 기능
34
ADCrunch 앱 서비스 1차 개발
My Box (가입 완료 후) ‘내 구좌 보기’
마이박스
신승민
안드로이드
2012.07.19
BOX
BOX004-M02
구좌번호 : ABCDEFG-CD12345
보유 적립금 : 36,000
보유 포인트 : P120,000
출금 신청
포인트 환전
TAB
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
Nick-name
성별 / 나이
직업
활동지역 1 / 활동지역 2
구좌번호 : ABCDEFG-CD12345
보유 적립금 : 36,000
보유 포인트 : P120,000
출금 신청
포인트 환전
MyCoupon book
지금 친한 친구를 초대해 보세요!
행운과 재미있는 일 들이 쏟아집니다.
친친!
고객센터
수신함질문함
2
①
② ③
④
⑤
⑥
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
TAB 내구좌 보기
이용내역적립내역
인출하기 송금하기 사용하기
구좌번호 : ABCDEFG-CD12345
보유 적립금 : 36,000
보유 포인트 : P120,000
※ 포인트 환전 시 {#value}원 적립 가능
포인트 환전
 2012/09/01 오뚜기 쌈장 광고 100원
 2012/09/01 오뚜기 쌈장 광고 100원
 2012/09/01 홈플러스 이벤트 500원
 2012/09/01 홈플러스 이벤트 500원
 2012/09/01 오뚜기 쌈장 광고 100원
 2012/09/01 홈플러스 이벤트 500원
 2012/09/01 홈플러스 이벤트 500원
 2012/09/01 홈플러스 이벤트 500원
 2012/09/01 홈플러스 이벤트 500원
데이터 스크롤 영역
2차 고도화
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
성별 / 나이
직업
활동지역 1 / 활동지역 2
구좌번호 : ABCDEFG-CD12345
보유 적립금 : 36,000
보유 포인트 : P120,000
출금 신청
포인트 환전
My Coupon book
지금 친한 친구를 초대해 보세요!
행운과 재미있는 일 들이 쏟아집니다.
친친!
고객센터
수신함질문함
2
①
② ③
④
⑤
⑥
My Coupon book 영역을
Tab하면 전체 화면에 Dim 설
정 후 쿠폰 창이 레이어 모드
로 올라옴.
레이어 영역 내 쿠폰은 좌/우
로 드래깅하면 이전/이후 쿠
폰으로 화면이 돌아감.
쿠폰 영역은 해당 점포/상품
이미지와 함께 다음 요소를
포함한다.
• 점포/상품 소개 이미지
• 쿠폰 바코드
• 쿠폰 발행업체명
• 쿠폰 발행업체 상세정보
- 약도
- 연락처 (tab2call 지원)
※ 추후 무료중개전화 SVC
반영
• 쿠폰 유효기간
레이어 영역 우상단의 ‘X’ 표
시를 탭 하거나 하단 백키를
탭 하면 레이어 창이 닫힘.
※ 쿠폰은 리워드 광고/이벤
트 등에 참여해서 획득 가능
하며, 획득된 쿠폰은 본 영역
에서 조회 가능함.
※ 쿠폰 이용 확인 및 기간 만
료에 따른 쿠폰 소멸 조치는
별도 시나리오로 적용.
35
ADCrunch 앱 서비스 1차 개발
My Box (가입 완료 후) ‘내 쿠폰 보기’
마이박스
신승민
안드로이드
2012.07.19
BOX
BOX004-M03
My Coupon book
Nick-name
TAB
내 쿠폰 보기
업체명 OOO 마사지 샵
연락처 : 02-0000-0000
약도
예약/문의전화
쿠폰 IMG
유효기간 : 2013.03.18까지
DRAG DRAG
TAB
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
Nick-name
성별 / 나이
직업
활동지역 1 / 활동지역 2
구좌번호 : ABCDEFG-CD12345
보유 적립금 : 36,000
보유 포인트 : P120,000
출금 신청
포인트 환전
MyCoupon book
지금 친한 친구를 초대해 보세요!
행운과 재미있는 일 들이 쏟아집니다.
친친!
고객센터
수신함질문함
2
①
② ③
④
⑤
⑥
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
‘친친’은 ‘친한 친구’라는 의미
로 SNS의 기본 구조를 이용.
동작 구성은 본 Flow-chart를
참조한다.
36
ADCrunch 앱 서비스 1차 개발
My Box (가입 완료 후) ‘친친’ Flow-chart
마이박스
신승민
안드로이드
2012.07.19
BOX
BOX004-M04
친구요청
수신 여부?
<Alert>
친구요청이
’00건’ 도착했습니다.
친구요청 수락
친구요청
수락 여부?
친구 등록 완료
요청자에게
확인 MSG
친구요청 MSG 삭제
친구등록 요청하기
[전화번호][회원 ID]
[단문 MSG] 입력
회원 여부?
SMS 전송
[앱 MSG][앱 Link]
상대 회원에게
친구요청 MSG 전달
S
앱 설치
앱 가입
앱 실행
S
YES
YES
YES
NO
NO
NO
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
‘My Box’ 메인화면에서 ‘친친’
영역을 탭하면 ‘친친 현황판’
으로 이동.
37
ADCrunch 앱 서비스 1차 개발
My Box (가입 완료 후) ‘친친’
마이박스
신승민
안드로이드
2012.07.19
BOX
BOX004-M04
지금 친한 친구를 초대해 보세요!
행운과 재미있는 일 들이 쏟아집니다.
친친!
친구 요청이 #value건 도착했습니다.
친친!
친친!
친친 00명 / 요청 0건
<등록된 친구가 없는 상태에서의 ‘친친’ 영역>
<등록된 친구가 있는 상태에서의 ‘친친’ 영역>
<친구 요청이 수신된 경우의 ‘친친’ 영역>
친친!
친친 00명 / 요청 0건
친구 요청이 #value건 도착했습니다.
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
친친친구 요청이 #value건 도착했습니다.
요청전체
닉네임
회원 소개글.. 블라블라블라….
대기중
닉네임
회원 소개글.. 블라블라블라….
친친
닉네임
회원 소개글.. 블라블라블라….
동의
거절
친한 친구를 초대하면 적립금과 다양한 행운이 쏟아집니다.
친친 초대하기
나의 친친
회원 소개글.. 블라블라블라….
친친
회원 소개글.. 블라블라블라….
친친
데이터 스크롤 영역
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
Nick-name
성별 / 나이
직업
활동지역 1 / 활동지역 2
구좌번호 : ABCDEFG-CD12345
보유 적립금 : 36,000
보유 포인트 : P120,000
출금 신청
포인트 환전
MyCoupon book
지금 친한 친구를 초대해 보세요!
행운과 재미있는 일 들이 쏟아집니다.
친친!
고객센터
수신함질문함
2
①
② ③
④
⑤
⑥
TAB
DRAG DRAG
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
‘친친 초대하기’ 버튼을 누르
면 ‘친구 초대하기’ 팝업창이
열림.
‘친구 초대하기’ 팝업창에는
‘휴대폰 번호’, ‘앱크ID’와 ‘단
문 메시지’를 입력해 친구를
초대할 수 있다.
‘초대’버튼을 누르면, 회원DB
를 검색, ‘휴대폰 번호’, ‘앱크
ID’의 존재 유무를 확인한 뒤
회원이면 해당 회원의 ‘친친
계정’에 친구 요청 MSG를 표
시.
회원이 아닌 경우, 앱 다운로
드 url을 포함한 콜백 SMS를
해당 친구에게 전송함.
(해당자 앱 설치, 회원가입 후 친
친 화면에 친구 요청내역 보임)
‘요청받은 친친’은 우측에 ‘동
의/거절’ 버튼이 보이며, ‘동의’
선택 시 ‘친친’ 아이콘으로 변
경. ‘거절’ 선택 시 해당 요청
건은 즉시 삭제.
내가 요청한 ‘친구 초대’건은
우측에 ‘대기중’ 아이콘 표시.
※ 친구목록을 ‘Hold-tab’하면
팝업 메뉴로 ‘친친 연락하기’
와 ‘친친 헤어지기’ 메뉴가 돌
출.
38
ADCrunch 앱 서비스 1차 개발
My Box (가입 완료 후) ‘친친’-초대하기
마이박스
신승민
안드로이드
2012.07.19
BOX
BOX004-M04
바삭바삭한 광고! 애드크런처!
마켓Shake it! 환경설정My Box광고목록
친친친구 요청이 #value건 도착했습니다.
요청전체
닉네임
회원 소개글.. 블라블라블라….
대기중
닉네임
회원 소개글.. 블라블라블라….
친친
닉네임
회원 소개글.. 블라블라블라….
동의
거절
친한 친구를 초대하면 적립금과 다양한 행운이 쏟아집니다.
친친 초대하기
나의 친친
회원 소개글.. 블라블라블라….
친친
회원 소개글.. 블라블라블라….
친친
TAB
이용 안내
초대한 친구가 서비스 가입하
면 다음의 혜택을 드립니다.
o 1인 가입 시 100원 적립
o 블라블라블라
o 블라블라블라
확인
TAB
친구 초대하기
초대할 친구의 휴대폰 번호나 앱크런치
ID를 입력하고, ‘초대’ 단추를 눌러 주세요.
휴대폰
앱크ID
01012345678
A text box
메시지 First line
Second line
초대취소
메시지를 전송했습니다.
확인
Hold
동의
거절
친친
해당건 삭제
친친 연락하기
친친 헤어지기
친친 연락하기
닉네임님에게 메시지를 전달합니다.
메시지 First line
Second line
보내기취소
닉네임
닉네임
TAB
TAB
TAB
알림
헤어지면 친친과 혜택을 나눌
수 없으며, 친친은 친구초대를
통해 다시 맺을 수 있습니다.
확인취소
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
고객센터 외 MSG함은 고도
화 계획으로 진행.
39
ADCrunch 앱 서비스 1차 개발
My Box (가입 완료 후) - 고객센터
마이박스>개인정보
신승민
안드로이드
2012.07.19
BOX
BOX004-M05
고객센터
수신함질문함
2
TAB
고도화
환경설정
Descriptions
최종 편집시간 2013년 6월 7일 오전 10시 39분
프로젝트 작성자 작성일자
화면 명칭 플랫폼 그룹 코드
네비게이션 화면 번호
환경설정은 다음의 기능을 제
공함.
① 공지사항 보기:
신규 공지가 있으면 ‘공지
사항 보기’ 영역에 ‘숫자
배찌’가 노출되며, Tab하
면 공지 화면으로 넘어감.
② 환경설정>Push 수신여부:
기본값은 On.
Off 설정 시 ‘이벤트 소식
등의 정보를 수신할 수
없음’을 알릴 것.
③ 환경설정>3G사용여부:
기본값은 On.
Push 수신여부와 동일하
게 광고 리워드 등의 정
보가 제한될 수 있음’을
알릴 것.
④ 보안설정은 ‘PIN_CODE’
설정을 말하며, 기본값은
Off.
On으로 변경하면 네자리
PIN Code 입력창을 보이
고, 2회 입력이 완료되면
해당 영역 상단에
‘PIN_CODE 설정되었음’
으로 안내 메시지가 표시.
Off하면, ‘PIN_CODE 해제
되었음’으로 안내 메시지
가 변경됨.
PIN 해제 시 My Box 내
개인정보 열람에 제한이
없음.
⑤ 회원 가입하기는 화면번
호 BOX002-M으로 전개.
⑥ 도움말 보기는 Web-view
로 (추후) 제작.
41
바삭바삭한 광고! 애드크런처!
마켓Shake it! My Box 환경설정광고목록
ADCrunch 앱 서비스 1차 개발
환경설정
환경설정
신승민
안드로이드
2012.07.19
BOX
BOX005-M
환경설정
공지사항 보기 3
Push 메시지 수신여부
3G/4G 사용여부
ON
OFF
보안 설정
PIN_CODE 설정 ON
PIN_CODE가 설정되었습니다.
도움말 보기
회원 가입하기
①
②
④
⑤
⑥
③
메뉴 팁

More Related Content

Similar to 120727 애드크런치 화면 설계안(v0.31) 공개

9FM Micro marketing OT
9FM Micro marketing OT9FM Micro marketing OT
9FM Micro marketing OTd.AntWort
 
[메조미디어] Media&Market Report_2023.06
[메조미디어] Media&Market Report_2023.06[메조미디어] Media&Market Report_2023.06
[메조미디어] Media&Market Report_2023.06MezzoMedia
 
SNOM 기획 관련 자료
SNOM 기획 관련 자료SNOM 기획 관련 자료
SNOM 기획 관련 자료상현 이
 
MezzoMedia - MEDIA SALES GUIDE [디지털 마케팅 시작 광고주]
MezzoMedia - MEDIA SALES GUIDE [디지털 마케팅 시작 광고주]MezzoMedia - MEDIA SALES GUIDE [디지털 마케팅 시작 광고주]
MezzoMedia - MEDIA SALES GUIDE [디지털 마케팅 시작 광고주]MezzoMedia
 
MezzoMedia Media & Market Report (2018년 5월호)
MezzoMedia Media & Market Report (2018년 5월호)MezzoMedia Media & Market Report (2018년 5월호)
MezzoMedia Media & Market Report (2018년 5월호)MezzoMedia
 
MezzoMedia - Media & Market Report [8월 호]
 MezzoMedia - Media & Market Report [8월 호] MezzoMedia - Media & Market Report [8월 호]
MezzoMedia - Media & Market Report [8월 호]MezzoMedia
 
2011년 5월_ 신상품 및 신규 매체 리포트
2011년 5월_ 신상품 및 신규 매체 리포트2011년 5월_ 신상품 및 신규 매체 리포트
2011년 5월_ 신상품 및 신규 매체 리포트DMC미디어
 
MezzoMedia Media &Market Report (2018 6월호)
MezzoMedia Media &Market Report (2018 6월호)MezzoMedia Media &Market Report (2018 6월호)
MezzoMedia Media &Market Report (2018 6월호)MezzoMedia
 
모바일 광고 개론
모바일 광고 개론모바일 광고 개론
모바일 광고 개론Minwoo Park
 
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdfPT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdfNamhee Choi
 
MezzoMedia Media &Market Report (2019.04)
MezzoMedia Media &Market Report (2019.04)MezzoMedia Media &Market Report (2019.04)
MezzoMedia Media &Market Report (2019.04)MezzoMedia
 
MezzoMedia - Media & Market Report [5월 호]
MezzoMedia - Media & Market Report [5월 호]MezzoMedia - Media & Market Report [5월 호]
MezzoMedia - Media & Market Report [5월 호]MezzoMedia
 
허니스크린 매체소개서
허니스크린 매체소개서허니스크린 매체소개서
허니스크린 매체소개서ounjeong
 
애드테크 톺아보기
애드테크 톺아보기애드테크 톺아보기
애드테크 톺아보기Jayoung Jeong
 
[메조미디어] Media&Market Report (2022.06)
[메조미디어] Media&Market Report (2022.06)[메조미디어] Media&Market Report (2022.06)
[메조미디어] Media&Market Report (2022.06)MezzoMedia
 
2011년 5월_ 해외 및 국내 진행사례 리포트
2011년 5월_ 해외 및 국내 진행사례 리포트2011년 5월_ 해외 및 국내 진행사례 리포트
2011년 5월_ 해외 및 국내 진행사례 리포트DMC미디어
 
[비즈스프링] 웹로그분석 서비스 LOGGER(로거) 소개서 / 국내환경에 최적화된 분석툴
[비즈스프링] 웹로그분석 서비스 LOGGER(로거) 소개서 / 국내환경에 최적화된 분석툴[비즈스프링] 웹로그분석 서비스 LOGGER(로거) 소개서 / 국내환경에 최적화된 분석툴
[비즈스프링] 웹로그분석 서비스 LOGGER(로거) 소개서 / 국내환경에 최적화된 분석툴BizSpring Inc.
 
에코노베이션 3차 세미나 교안 1st Edition.~
에코노베이션 3차 세미나 교안 1st Edition.~에코노베이션 3차 세미나 교안 1st Edition.~
에코노베이션 3차 세미나 교안 1st Edition.~Lee Jungpyo
 
MezzoMedia Media &Market Report (2019.02)
MezzoMedia Media &Market Report (2019.02) MezzoMedia Media &Market Report (2019.02)
MezzoMedia Media &Market Report (2019.02) MezzoMedia
 
MezzoMedia Media &Market Report (2018.11)
MezzoMedia Media &Market Report (2018.11)MezzoMedia Media &Market Report (2018.11)
MezzoMedia Media &Market Report (2018.11)MezzoMedia
 

Similar to 120727 애드크런치 화면 설계안(v0.31) 공개 (20)

9FM Micro marketing OT
9FM Micro marketing OT9FM Micro marketing OT
9FM Micro marketing OT
 
[메조미디어] Media&Market Report_2023.06
[메조미디어] Media&Market Report_2023.06[메조미디어] Media&Market Report_2023.06
[메조미디어] Media&Market Report_2023.06
 
SNOM 기획 관련 자료
SNOM 기획 관련 자료SNOM 기획 관련 자료
SNOM 기획 관련 자료
 
MezzoMedia - MEDIA SALES GUIDE [디지털 마케팅 시작 광고주]
MezzoMedia - MEDIA SALES GUIDE [디지털 마케팅 시작 광고주]MezzoMedia - MEDIA SALES GUIDE [디지털 마케팅 시작 광고주]
MezzoMedia - MEDIA SALES GUIDE [디지털 마케팅 시작 광고주]
 
MezzoMedia Media & Market Report (2018년 5월호)
MezzoMedia Media & Market Report (2018년 5월호)MezzoMedia Media & Market Report (2018년 5월호)
MezzoMedia Media & Market Report (2018년 5월호)
 
MezzoMedia - Media & Market Report [8월 호]
 MezzoMedia - Media & Market Report [8월 호] MezzoMedia - Media & Market Report [8월 호]
MezzoMedia - Media & Market Report [8월 호]
 
2011년 5월_ 신상품 및 신규 매체 리포트
2011년 5월_ 신상품 및 신규 매체 리포트2011년 5월_ 신상품 및 신규 매체 리포트
2011년 5월_ 신상품 및 신규 매체 리포트
 
MezzoMedia Media &Market Report (2018 6월호)
MezzoMedia Media &Market Report (2018 6월호)MezzoMedia Media &Market Report (2018 6월호)
MezzoMedia Media &Market Report (2018 6월호)
 
모바일 광고 개론
모바일 광고 개론모바일 광고 개론
모바일 광고 개론
 
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdfPT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
 
MezzoMedia Media &Market Report (2019.04)
MezzoMedia Media &Market Report (2019.04)MezzoMedia Media &Market Report (2019.04)
MezzoMedia Media &Market Report (2019.04)
 
MezzoMedia - Media & Market Report [5월 호]
MezzoMedia - Media & Market Report [5월 호]MezzoMedia - Media & Market Report [5월 호]
MezzoMedia - Media & Market Report [5월 호]
 
허니스크린 매체소개서
허니스크린 매체소개서허니스크린 매체소개서
허니스크린 매체소개서
 
애드테크 톺아보기
애드테크 톺아보기애드테크 톺아보기
애드테크 톺아보기
 
[메조미디어] Media&Market Report (2022.06)
[메조미디어] Media&Market Report (2022.06)[메조미디어] Media&Market Report (2022.06)
[메조미디어] Media&Market Report (2022.06)
 
2011년 5월_ 해외 및 국내 진행사례 리포트
2011년 5월_ 해외 및 국내 진행사례 리포트2011년 5월_ 해외 및 국내 진행사례 리포트
2011년 5월_ 해외 및 국내 진행사례 리포트
 
[비즈스프링] 웹로그분석 서비스 LOGGER(로거) 소개서 / 국내환경에 최적화된 분석툴
[비즈스프링] 웹로그분석 서비스 LOGGER(로거) 소개서 / 국내환경에 최적화된 분석툴[비즈스프링] 웹로그분석 서비스 LOGGER(로거) 소개서 / 국내환경에 최적화된 분석툴
[비즈스프링] 웹로그분석 서비스 LOGGER(로거) 소개서 / 국내환경에 최적화된 분석툴
 
에코노베이션 3차 세미나 교안 1st Edition.~
에코노베이션 3차 세미나 교안 1st Edition.~에코노베이션 3차 세미나 교안 1st Edition.~
에코노베이션 3차 세미나 교안 1st Edition.~
 
MezzoMedia Media &Market Report (2019.02)
MezzoMedia Media &Market Report (2019.02) MezzoMedia Media &Market Report (2019.02)
MezzoMedia Media &Market Report (2019.02)
 
MezzoMedia Media &Market Report (2018.11)
MezzoMedia Media &Market Report (2018.11)MezzoMedia Media &Market Report (2018.11)
MezzoMedia Media &Market Report (2018.11)
 

More from Seung Min Shin

140918 gboard sequence diagram_0.7
140918 gboard sequence diagram_0.7140918 gboard sequence diagram_0.7
140918 gboard sequence diagram_0.7Seung Min Shin
 
140712 gcd가전 활용방안(ver2)
140712 gcd가전 활용방안(ver2)140712 gcd가전 활용방안(ver2)
140712 gcd가전 활용방안(ver2)Seung Min Shin
 
140819 IOT hub use case-1.1
140819 IOT hub use case-1.1140819 IOT hub use case-1.1
140819 IOT hub use case-1.1Seung Min Shin
 
140918 IOT hub 컨셉 및 라인업_1.0
140918 IOT hub 컨셉 및 라인업_1.0140918 IOT hub 컨셉 및 라인업_1.0
140918 IOT hub 컨셉 및 라인업_1.0Seung Min Shin
 
IoT strategy for u (by adam)
IoT strategy for u (by adam)IoT strategy for u (by adam)
IoT strategy for u (by adam)Seung Min Shin
 
데이터방송 산업분석 보고서 (2010)
데이터방송 산업분석 보고서 (2010)데이터방송 산업분석 보고서 (2010)
데이터방송 산업분석 보고서 (2010)Seung Min Shin
 
남미 주요국가 방송사업자 현황(2010)
남미 주요국가 방송사업자 현황(2010)남미 주요국가 방송사업자 현황(2010)
남미 주요국가 방송사업자 현황(2010)Seung Min Shin
 
동남아시아 주요국가 방송사업자 현황(2010)
동남아시아 주요국가 방송사업자 현황(2010)동남아시아 주요국가 방송사업자 현황(2010)
동남아시아 주요국가 방송사업자 현황(2010)Seung Min Shin
 
[아이디어 시즌 - 001] smart gas metering
[아이디어 시즌 - 001] smart gas metering[아이디어 시즌 - 001] smart gas metering
[아이디어 시즌 - 001] smart gas meteringSeung Min Shin
 
마케팅분석검토보고서 방위산업
마케팅분석검토보고서 방위산업마케팅분석검토보고서 방위산업
마케팅분석검토보고서 방위산업Seung Min Shin
 
고랫적 아이디어_씨네마 윷놀이
고랫적 아이디어_씨네마 윷놀이고랫적 아이디어_씨네마 윷놀이
고랫적 아이디어_씨네마 윷놀이Seung Min Shin
 
고랫적 아이디어 대방출 - 3(아이템 모바일샵/사투리사전/패러디극장/응모대행)
고랫적 아이디어 대방출 - 3(아이템 모바일샵/사투리사전/패러디극장/응모대행)고랫적 아이디어 대방출 - 3(아이템 모바일샵/사투리사전/패러디극장/응모대행)
고랫적 아이디어 대방출 - 3(아이템 모바일샵/사투리사전/패러디극장/응모대행)Seung Min Shin
 
고랫적 아이디어 대방출 - 2(타임캡슐/손난로/연애스캐쥴/치한퇴치기/캔디탈출)
고랫적 아이디어 대방출 - 2(타임캡슐/손난로/연애스캐쥴/치한퇴치기/캔디탈출)고랫적 아이디어 대방출 - 2(타임캡슐/손난로/연애스캐쥴/치한퇴치기/캔디탈출)
고랫적 아이디어 대방출 - 2(타임캡슐/손난로/연애스캐쥴/치한퇴치기/캔디탈출)Seung Min Shin
 
고랫적 아이디어 대방출 - 1 (안구운동/음악치료)
고랫적 아이디어 대방출 - 1 (안구운동/음악치료)고랫적 아이디어 대방출 - 1 (안구운동/음악치료)
고랫적 아이디어 대방출 - 1 (안구운동/음악치료)Seung Min Shin
 
증강현실 기반의 지역광고 사업
증강현실 기반의 지역광고 사업증강현실 기반의 지역광고 사업
증강현실 기반의 지역광고 사업Seung Min Shin
 
e-Learning & T-Learning 시장현황과 기회 분석
e-Learning & T-Learning 시장현황과 기회 분석e-Learning & T-Learning 시장현황과 기회 분석
e-Learning & T-Learning 시장현황과 기회 분석Seung Min Shin
 
시장조사와 수익성분석
시장조사와 수익성분석시장조사와 수익성분석
시장조사와 수익성분석Seung Min Shin
 
사투리 SMS 서비스 기획안
사투리 SMS 서비스 기획안사투리 SMS 서비스 기획안
사투리 SMS 서비스 기획안Seung Min Shin
 
모바일 포스트잇 시나리오 V0.2
모바일 포스트잇 시나리오 V0.2모바일 포스트잇 시나리오 V0.2
모바일 포스트잇 시나리오 V0.2Seung Min Shin
 

More from Seung Min Shin (20)

140918 gboard sequence diagram_0.7
140918 gboard sequence diagram_0.7140918 gboard sequence diagram_0.7
140918 gboard sequence diagram_0.7
 
140712 gcd가전 활용방안(ver2)
140712 gcd가전 활용방안(ver2)140712 gcd가전 활용방안(ver2)
140712 gcd가전 활용방안(ver2)
 
140819 IOT hub use case-1.1
140819 IOT hub use case-1.1140819 IOT hub use case-1.1
140819 IOT hub use case-1.1
 
140918 IOT hub 컨셉 및 라인업_1.0
140918 IOT hub 컨셉 및 라인업_1.0140918 IOT hub 컨셉 및 라인업_1.0
140918 IOT hub 컨셉 및 라인업_1.0
 
IoT strategy for u (by adam)
IoT strategy for u (by adam)IoT strategy for u (by adam)
IoT strategy for u (by adam)
 
데이터방송 산업분석 보고서 (2010)
데이터방송 산업분석 보고서 (2010)데이터방송 산업분석 보고서 (2010)
데이터방송 산업분석 보고서 (2010)
 
남미 주요국가 방송사업자 현황(2010)
남미 주요국가 방송사업자 현황(2010)남미 주요국가 방송사업자 현황(2010)
남미 주요국가 방송사업자 현황(2010)
 
동남아시아 주요국가 방송사업자 현황(2010)
동남아시아 주요국가 방송사업자 현황(2010)동남아시아 주요국가 방송사업자 현황(2010)
동남아시아 주요국가 방송사업자 현황(2010)
 
[아이디어 시즌 - 001] smart gas metering
[아이디어 시즌 - 001] smart gas metering[아이디어 시즌 - 001] smart gas metering
[아이디어 시즌 - 001] smart gas metering
 
마케팅분석검토보고서 방위산업
마케팅분석검토보고서 방위산업마케팅분석검토보고서 방위산업
마케팅분석검토보고서 방위산업
 
고랫적 아이디어_씨네마 윷놀이
고랫적 아이디어_씨네마 윷놀이고랫적 아이디어_씨네마 윷놀이
고랫적 아이디어_씨네마 윷놀이
 
고랫적 아이디어 대방출 - 3(아이템 모바일샵/사투리사전/패러디극장/응모대행)
고랫적 아이디어 대방출 - 3(아이템 모바일샵/사투리사전/패러디극장/응모대행)고랫적 아이디어 대방출 - 3(아이템 모바일샵/사투리사전/패러디극장/응모대행)
고랫적 아이디어 대방출 - 3(아이템 모바일샵/사투리사전/패러디극장/응모대행)
 
고랫적 아이디어 대방출 - 2(타임캡슐/손난로/연애스캐쥴/치한퇴치기/캔디탈출)
고랫적 아이디어 대방출 - 2(타임캡슐/손난로/연애스캐쥴/치한퇴치기/캔디탈출)고랫적 아이디어 대방출 - 2(타임캡슐/손난로/연애스캐쥴/치한퇴치기/캔디탈출)
고랫적 아이디어 대방출 - 2(타임캡슐/손난로/연애스캐쥴/치한퇴치기/캔디탈출)
 
고랫적 아이디어 대방출 - 1 (안구운동/음악치료)
고랫적 아이디어 대방출 - 1 (안구운동/음악치료)고랫적 아이디어 대방출 - 1 (안구운동/음악치료)
고랫적 아이디어 대방출 - 1 (안구운동/음악치료)
 
Mobile event report
Mobile event reportMobile event report
Mobile event report
 
증강현실 기반의 지역광고 사업
증강현실 기반의 지역광고 사업증강현실 기반의 지역광고 사업
증강현실 기반의 지역광고 사업
 
e-Learning & T-Learning 시장현황과 기회 분석
e-Learning & T-Learning 시장현황과 기회 분석e-Learning & T-Learning 시장현황과 기회 분석
e-Learning & T-Learning 시장현황과 기회 분석
 
시장조사와 수익성분석
시장조사와 수익성분석시장조사와 수익성분석
시장조사와 수익성분석
 
사투리 SMS 서비스 기획안
사투리 SMS 서비스 기획안사투리 SMS 서비스 기획안
사투리 SMS 서비스 기획안
 
모바일 포스트잇 시나리오 V0.2
모바일 포스트잇 시나리오 V0.2모바일 포스트잇 시나리오 V0.2
모바일 포스트잇 시나리오 V0.2
 

120727 애드크런치 화면 설계안(v0.31) 공개

  • 2. 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 ADCrunch 앱 서비스 1차 개발 문서 이력 관리 - 신승민 안드로이드 2012.07.19 공통(c) - 2 버전. 일자. 변경 내역. 작성자. 0.2 2012.07.23 1차 개발본. 초도 기획. 개발범위 : 리워드 광고 목록/마이박스/환경설정 신승민 0.3 2012.0727 가입절차 내 Facebook 계정연동 추가 신승민
  • 3. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 ADCrunch 앱 서비스 1차 개발 시스템 구성도 - 신승민 안드로이드 2012.07.19 공통(c) - 3
  • 4. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 4 ADCrunch 앱 서비스 1차 개발 업무 흐름도 - 신승민 안드로이드 2012.07.19 공통(c) - 광고주 광고서버 편성서버 송출서버 푸시서버 고객 1 고객 n1 포인트몰 광고구좌 구매 광고캠페인 등록 집행계획 편성작업 리워드 AD 업데이트 Push 알림 이벤트 Push 알림 이벤트 고객 n 추천 회원DB 열람 고객 n에게 해당 광고 push 전달 친구추천 이벤트 영역 적립광고 메뉴 접근 광고 캠페인 조회 광고 캠페인 제공 광고 캠페인 참여 광고 시청 후, 적립금 요구 적립금 DB에 적립금 갱신 광고잔고 갱신요청 구좌잔고 갱신작업 광고 적립금 지급사실 통지 포인트몰 열람/구매 시도 적립금 결제 이용 적립금 갱신 구매 완료
  • 5. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 5 ADCrunch 앱 서비스 1차 개발 서비스 맵 - 신승민 안드로이드 2012.07.19 공통(c) -
  • 6. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 6 ADCrunch 앱 서비스 1차 개발 Key 정의 - 신승민 안드로이드 2012.07.19 공통(c) - 표시 명칭 비고 탭 한 손가락으로 한 지점을 빠르게 터치하는 행위. (드래그 없음) 더블 탭 2회 이상 탭을 반복하는 행위. 우향 드래그 한 손가락으로 화면을 잡고 오른쪽으로 밀어내는 행위. 좌향 드래그 한 손가락으로 화면을 잡고 왼쪽으로 밀어내는 행위. 상향 드래그 한 손가락으로 화면을 잡고 위로 끌어올리는 행위. 하향 드래그 한 손가락으로 화면을 잡고 아래로 끌어내리는 행위. 홀드 탭 한 지점에서 0.5초 이상 탭 상태를 유지. 핀치 줌-인 두 손가락으로 화면을 가운데로 드래그해 사이즈 줄임. 핀치 줌-아웃 두 손가락으로 화면을 바깥으로 드래그해 사이즈 넓힘. 음성 입력 사용자 음성인식 기능. TAB TAB DRAG DRAG DRAG DRAG Hold
  • 7. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 7 ADCrunch 앱 서비스 1차 개발 공통 화면 (팝업창) - 신승민 안드로이드 2012.07.19 공통(c) - Web-view Window <이벤트 팝업창> 참여하기 <보조메뉴창> 헤더 메뉴 1 메뉴 2 메뉴 3 메뉴 4 메뉴 5 메뉴 6 결과 헤더 <결과 팝업창> 처리결과 문구 확인 알립니다. <에러 안내창> 오류 관련 메시지 확인
  • 8. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 안드로이드 4.0 기준. Sub-menu는 하드웨어 ‘메뉴’ 키를 누르면 화면하단에 보임. ‘백키’를 누르면 이전 화면으 로 이동. ‘Sub-menu>나가기’를 누르 면 ADCrunch 종료하고 안드 로이드 홈 화면으로 이동. 8 ADCrunch 앱 서비스 1차 개발 메뉴키 & 백키 정의 - 신승민 안드로이드 2012.07.19 공통(c) - TAB TAB 검색하기 나가기 TAB 검색하기 메뉴 1 메뉴 2 메뉴 3 메뉴 4 메뉴 5 메뉴 6 TAB 검색하기 나가기 TAB TAB
  • 9. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 앱 최초 구동 시 이벤트 유무 를 확인하고, yes인 경우 전체 모드로 이벤트 팝업을 사용자 에게 제시한다. (이벤트는 매 캠페인 또는 매 시간대 별로 생성되므로 웹- 뷰 모드 기준으로 구성/관리 함.) 9 ADCrunch 앱 서비스 1차 개발 Intro 화면 - 신승민 안드로이드 2012.07.19 INT INT001-M ADCrunch! COPYRIGHT © 2012 BOJACO. ALL RIGHTS RESERVED. ADCrunch! COPYRIGHT © 2012 BOJACO. ALL RIGHTS RESERVED. ADCrunch! COPYRIGHT © 2012 BOJACO. ALL RIGHTS RESERVED. 알립니다. 새로운 적립형 광고가 등록되었습니다. 확인 Web-view Window 참여하기 <Intro 기본 화면> <공지/푸쉬 MSG가 있는 경우> <이벤트가 있는 경우>
  • 11. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 검색하기 팝업창의 메뉴 구성 은 다음과 같음. 4개 메뉴 중 ①②③은 동일한 프로세스를 따르며, 검색 실 패 시 메시지만 다르다. 11 ADCrunch 앱 서비스 1차 개발 광고 검색 (적립금/포인트/경품/이벤트) 광고목록>Sub-menu 신승민 안드로이드 2012.07.19 공통(C) - 바삭바삭한 광고! 애드크런처! 마켓Shakeit!광고목록 My Box 환경설정 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 TAB 바삭바삭한 광고! 애드크런처! 마켓Shakeit!광고목록 My Box 환경설정 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 검색하기 나가기 TAB 바삭바삭한 광고! 애드크런처! 마켓Shakeit!광고목록 My Box 환경설정 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 DIM 검색하기 적립금 지급광고만 보기 포인트 지급광고만 보기 경품/이벤트 광고만 보기 광고/단어 검색 바삭바삭한 광고! 애드크런처! 마켓Shakeit!광고목록 My Box 환경설정 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 검색하기 적립금 지급광고만 보기 포인트 지급광고만 보기 경품/이벤트 광고만 보기 광고/단어 검색 DIM TAB Result is… 바삭바삭한 광고! 애드크런처! 마켓Shakeit!광고목록 My Box 환경설정 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 바삭바삭한 광고! 애드크런처! 마켓Shakeit!광고목록 My Box 환경설정 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 검색 실패 참여 가능한 적립금 지급 광고가 없습니다. 확인 TAB YES NO 검색하기 적립금 지급광고만 보기 포인트 지급광고만 보기 경품/이벤트 광고만 보기 광고/단어 검색 - ① - ② - ③ - ④ 검색 실패 참여 가능한 적립금 지급 광고가 없습니다. 확인 검색 실패 참여 가능한 포인트 지급 광고가 없습니다. 확인 검색 실패 참여 가능한 경품/이벤트 광고가 없습니다. 확인 TAB 프로세싱 중 ‘back’ 키를 누르면 실행 전 화면으로 무조건 복귀!
  • 12. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 광고/단어 검색창의 구성은 다음과 같음. 검색필드에 입력된 단어를 기 준으로 광고(캠페인) 타이틀, 소개글,유형을 비교 검색해 결과를 나열함. 기타, 하단에 가장 ‘Hot!’한 검 색어를 제시해 사용자 선택만 으로 해당 키워드로 광고 검 색이 가능하도록 함. 12 ADCrunch 앱 서비스 1차 개발 광고 검색(단어 검색) 광고목록>Sub-menu 신승민 안드로이드 2012.07.19 공통(C) - 바삭바삭한 광고! 애드크런처! 마켓Shakeit!광고목록 My Box 환경설정 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 DIM 검색하기 적립금 지급광고만 보기 포인트 지급광고만 보기 경품/이벤트 광고만 보기 광고/단어 검색 바삭바삭한 광고! 애드크런처! 마켓Shakeit!광고목록 My Box 환경설정 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 TAB Result is… 바삭바삭한 광고! 애드크런처! 마켓Shakeit!광고목록 My Box 환경설정 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 바삭바삭한 광고! 애드크런처! 마켓Shakeit!광고목록 My Box 환경설정 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 검색 실패 검색어 ‘자동차 공짜’ 관련 광고가 없습니다. 확인 TAB YES NO 바삭바삭한 광고! 애드크런처! 마켓Shakeit!광고목록 My Box 환경설정 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 100 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 캠페인 타 이틀 캠페인 소개 문구……………………………… 경품 검색하기 적립금 지급광고만 보기 포인트 지급광고만 보기 경품/이벤트 광고만 보기 광고/단어 검색 DIMDIM 광고/단어 검색 Search… 검색할 단어를 정확히 입력 해 주세요. 검색어 추천 호랑이 곳감 곳감 영감 자동차 공짜 100% 공짜 광고/단어 검색 Search… 검색할 단어를 정확히 입력해 주세요. 검색어 추천 호랑이 곳감 곳감 영감 자동차 공짜 100% 공짜 TAB TAB 프로세싱 중 ‘back’ 키를 누르면 실행 전 화면으로 무조건 복귀!
  • 14. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 ① 광고 유형 별로 칼라 태그 가 붙는다. ② 광고 썸네일. 광고 관련 썸네일 이미지 가 없는 경우, 사전 정의된 유형 별 썸네일 중 하나로 대체. ③ 광고 타이틀은 큰 글자로. ④ 캠페인 유형 아이콘. ※ 2개 이상 포함된 경우, 다음 기준으로 칼라 태그 를 붙인다. ※ 아이콘은 ‘유효한 광고’ 에만 부착된다. ⑤ 캠페인 관련 소개 글. 문구가 긴 경우 뒷부분을 “….”로 대체. ⑥ 캠페인 상세보기로 전개. 본 이벤트는 광고 1행의 어떤 영역을 Tab해도 동일 하게 일어난다. 14 ADCrunch 앱 서비스 1차 개발 앱 메인화면 (광고목록 화면) 광고목록 신승민 안드로이드 2012.07.19 LST LST001-M 바삭바삭한 광고! 애드크런처! 마켓Shake it!광고목록 My Box 환경설정 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 경품 캠페인 타이틀 캠페인 소개 문구……………………………… 경품 캠페인 타이틀 캠페인 소개 문구……………………………… 100 앱 헤더 메뉴 영역 1개 광고 영역 광고목록 ① ② ③ ④ ⑤ ⑥ 적립금 지급 포인트 지급 쿠폰 지급 경품 추첨 적립금 광고 포인트 광고 쿠폰 광고 경품 광고 > > > ※ 앱 메인화면은 ‘광고목록’ 화면으로 지정한다. 단, 공통 이벤트가 있는 경우, ‘광고목록’ 화면 위에 이벤트 레이어가 올라온 상태를 ‘메인화면’으로 지정한다. 광고목록에 표시되는 광고는 당 시점 기준, 유효 한 광고만 해당한다. <유효한 광고> • 해당 광고 구좌의 적립금 잔고가 ‘+’인 경우, • 해당 광고 구좌의 쿠폰발행이 가능한 경우, - 캠페인 기간 유효 - 쿠폰 여유분 보유 - 광고주 요청에 의한 연장 • 해당 광고의 이벤트 참여기간이 유효한 경우, • 운영자에 의해 마케팅 목적으로 포인트 지급을 허가한 경우,
  • 15. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 광고목록에 올라온 1개 광고 를 Tab하면 ‘광고보기 팝업’이 열린다. ‘광고보기 팝업’의 구성은 다 음과 같음. ① 해당 광고캠페인 타이틀. ② 캠페인 유형 아이콘. 1개 이상이 중복 표시될 수 있음. ③ 해당 광고캠페인 썸네일. ④ 캠페인 소개문구를 2줄까 지 표시한다. ⑤ 본인 구좌의 현재 적립금 잔고를 표시한다. ⑥ Tab 시 광고 컨텐츠를 열 람한다. (기본 메뉴) ⑦ 캠페인 유형이 다음 각 항 에 해당할 경우만 표시. ‘설문/가입/이벤트 참여’ ⑧ 친구에게 ‘광고 추천’ (기본 메뉴) - ADCrunch 구좌 간 추천 - SNS 연동 추천 15 ADCrunch 앱 서비스 1차 개발 광고보기 팝업 광고목록 신승민 안드로이드 2012.07.19 LST LST002-P 바삭바삭한 광고! 애드크런처! 마켓Shake it!광고목록 My Box 환경설정 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 경품 캠페인 타이틀 캠페인 소개 문구……………………………… 경품 TAB 바삭바삭한 광고! 애드크런처! 마켓Shake it!광고목록 My Box 환경설정 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 경품 캠페인 타이틀 캠페인 소개 문구……………………………… 경품 DIM 광고보기 설문참여 추천하기 캠페인 타이틀…. 100원 캠페인 짱! 캠페인 짱 이다!!!!!............. 내 구좌 잔고 : 3,200원 / 1,500P 광고보기 설문참여 추천하기 캠페인 타이틀…. 100원 캠페인 설명 문구 2줄 가능. 내 구좌 잔고 : 3,200원 / 1,500P 100원 100P 쿠폰 지급 경품 추첨 적립금 없음 ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ TAB ‘back’ 키를 누르면 팝업창 닫고, 전 화면으로 무조건 복귀! <유형 별 표시형태> > 적립금 지급광고 > 포인트 지급광고 > 쿠폰 지급광고 > 경품 추첨광고 > 보상없음<LST002-P>
  • 16. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 캠페인 효과를 확인하기 위한 장치로 ‘퀴즈’ 또는 ‘게임’을 이용하며, ‘퀴즈’의 경우는 광 고 캠페인 내용 중 특정 단어 를 직접 입력하는 형태를 기 본으로 한다. ※ 모든 광고 퀴즈는 하단에 ‘Hint’를 제시할 것. 동영상 광고의 경우, 광고 콘 텐츠는 로컬(디바이스) 내 특 정 폴더로 저장된 뒤 실행함. (Not streaming) LST003-M-L 은 ①②③ 으로 구성된다. 16 ADCrunch 앱 서비스 1차 개발 광고보기 화면 (동영상 광고 : Landscape) 광고목록>광고 선택창>광고보기(영상-Landscape mode) 신승민 안드로이드 2012.07.19 LST LST003-M-L 광고보기 설문참여 추천하기 캠페인 타이틀…. 100원 캠페인 설명 문구 2줄 가능. 내 구좌 잔고 : 3,200원 / 1,500P TAB DIM DRAG DRAG 바삭바삭한 광고! 애드크런처! 마켓Shake it!광고목록 My Box 환경설정 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 경품 캠페인 타이틀 캠페인 소개 문구……………………………… 경품 캠페인 타이틀… 캠페인 관련 광고 퀴즈 문제….? (정답을 입력해 주세요) 콩깍지 순둡| 정답 Hint. 콩OO 순두부 틀렸습니다. 1회 재도전이 가능합니다. Hint에 주목하세요! Hint. 콩OO 순두부 확인 TAB 틀렸습니다. 적립금 획득 실패! 정답은 ‘콩깍지 순두부’입니다. 확인 정답! 맛있는 순두부는 ‘콩깍지 순두부’입니다. 100원이 적립되었습니다. 확인TAB TAB Case 1. AV+IMGCase 2. Only AV-AD Enf of IMGs 오답 1회 오답 2회 정답 ① ② ③
  • 17. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 캠페인 효과를 확인하기 위한 장치로 ‘퀴즈’ 또는 ‘게임’을 이용하며, ‘퀴즈’의 경우는 광 고 캠페인 내용 중 특정 단어 를 직접 입력하는 형태를 기 본으로 한다. ※ 모든 광고 퀴즈는 하단에 ‘Hint’를 제시할 것. LST003-M-P는 Portrait 모드 이며, 이 경우 상단에 영상광 고, 하단에 이미지 광고가 함 께 표시된다. 단, 영상광고 재생 중에는 전 체 화면에 DIM을 적용하고, 영상광고 재생 완료 후에는 영상 부분을 제외한 이미지 광고 영역의 DIM을 해제한다. 이미지 광고는 ‘Tab’ 시 다음 이미지로 전개되며, 등록되어 있는 이미지 광고를 모두 열 람한 뒤에 캠페인 이벤트 화 면으로 전개. 이벤트 화면은 앞서 노출되었 던 광고 이미지 중 대표 이미 지를 상단에 띄우고, 하단에 캠페인 이벤트를 배치. 17 ADCrunch 앱 서비스 1차 개발 광고보기 화면 (동영상 광고 : portrait mode) 광고목록>광고 선택창>광고보기(영상-portrait mode) 신승민 안드로이드 2012.07.19 LST LST003-M-P 광고보기 설문참여 추천하기 캠페인 타이틀…. 100원 캠페인 설명 문구 2줄 가능. 내 구좌 잔고 : 3,200원 / 1,500P TAB DIM DIM TAB 캠페인 타이틀… 광고 퀴즈 문제….? (정답을 입력해 주세요) 콩깍지 순둡 Hint. 콩OO 순두부 바삭바삭한 광고! 애드크런처! 마켓Shake it!광고목록 My Box 환경설정 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 경품 캠페인 타이틀 캠페인 소개 문구……………………………… 경품 틀렸습니다. 1회 재도전이 가능합니다. Hint에 주목하세요! Hint. 콩OO 순두부 확인 TAB 틀렸습니다. 적립금 획득 실패! 정답은 ‘콩깍지 순두부’입니다. 확인 정답! 맛있는 순두부는 ‘콩깍지 순두부’입니다. 100원이 적립되었습니다. 확인TAB TAB 오답 2회 오답 1회 정답 EnfofAV EnfofIMGs TAB
  • 18. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 캠페인 효과를 확인하기 위한 장치로 ‘퀴즈’ 또는 ‘게임’을 이용하며, ‘퀴즈’의 경우는 광 고 캠페인 내용 중 특정 단어 를 직접 입력하는 형태를 기 본으로 한다. ※ 모든 광고 퀴즈는 하단에 ‘Hint’를 제시할 것. LST004-M-P는 Portrait 모드 이며, 이미지 광고는 ‘Tab’ 시 다음 이미지로 전개되며, 등 록되어 있는 이미지 광고를 모두 열람한 뒤에 캠페인 이 벤트 화면으로 전개. 이벤트 화면은 앞서 노출되었 던 광고 이미지 중 대표 이미 지를 상단에 띄우고, 하단에 캠페인 이벤트를 배치. ※ 이미지 영역은 웹뷰로…? >> 전화걸기 중개 SVC 고려 18 ADCrunch 앱 서비스 1차 개발 광고보기 화면 (이미지 광고 : portrait mode) 광고목록>광고 선택창>광고보기(이미지-portrait mode) 신승민 안드로이드 2012.07.19 LST LST004-M-P 광고보기 설문참여 추천하기 캠페인 타이틀…. 100원 캠페인 설명 문구 2줄 가능. 내 구좌 잔고 : 3,200원 / 1,500P TAB 캠페인 타이틀… 광고 퀴즈 문제….? (정답을 입력해 주세요) 콩깍지 순둡 Hint. 콩OO 순두부 바삭바삭한 광고! 애드크런처! 마켓Shake it!광고목록 My Box 환경설정 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 100 캠페인 타이틀 캠페인 소개 문구……………………………… 경품 캠페인 타이틀 캠페인 소개 문구……………………………… 경품 틀렸습니다. 1회 재도전이 가능합니다. Hint에 주목하세요! Hint. 콩OO 순두부 확인 TAB 틀렸습니다. 적립금 획득 실패! 정답은 ‘콩깍지 순두부’입니다. 확인 정답! 맛있는 순두부는 ‘콩깍지 순두부’입니다. 100원이 적립되었습니다. 확인TAB TAB 오답 2회 오답 1회 정답 Enf of IMGs TAB
  • 19. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 게임 광고는 추가 기획분. 19 ADCrunch 앱 서비스 1차 개발 광고보기 화면 (게임 광고) 광고목록>광고 선택창>광고보기(게임 광고) 신승민 안드로이드 2012.07.19 LST LST005-M 광고보기 설문참여 추천하기 캠페인 타이틀…. 100원 캠페인 설명 문구 2줄 가능. 내 구좌 잔고 : 3,200원 / 1,500P TAB <게임형 광고 Rule> ① 광고를 지속적으로 주목하도록 할 것. ② 키워드, 제품명을 반복 접할 수 있도록 할 것. ③ 재미있을 것 ④ 일/시간 단위로 점수를 초기화, 경쟁심을 유발할 것. ⑤ Benefit을 줄 것 - 기본 benefit  쿠폰, 포인트 등 - 레벨 benefit  적립금 등 - 추첨 benefit  경품 추첨 ⑥ 형태는 캐쥬얼 게임 또는 카드 게임 류 - 예시 – o 카드 짝 맞추기 o 두더지 잡기 o 클레이 사격 o 손전등 (탐정놀이) o Jigsaws 퍼즐 o 블록 맞추기 o 바구니로 감 받기 고도화
  • 21. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 21 ADCrunch 앱 서비스 1차 개발 Shake it! Shake it! 신승민 안드로이드 2012.07.19 SPT SPT001-M 고도화
  • 23. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 23 ADCrunch 앱 서비스 1차 개발 Market Market 신승민 안드로이드 2012.07.19 MKT MKT001-M 고도화
  • 25. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 개인정보 영역의 구성은 다음 과 같다. ① 개인이 등록한 사진. 사진 등록 전에는 기본 제 공되는 아바타 아이콘으로 대체. ② 사용자 명칭은 실명 대신 별명으로 표시. (최대 한글 8자) ③ 활동점수(또는 누적액) 기 준 계급장(또는 엠블렘) 표 시 ④ 성별/나이 표시 ⑤ 직업 표시 ⑥ 활동지역은 2곳을 표시 ※ 개인정보를 설정하기 전에 는 ‘개인정보 영역’에 안내글 이 표시된다. 각 정보영역은 Tab하면 상세 화면으로 전개된다. 25 ADCrunch 앱 서비스 1차 개발 마이박스 마이박스 신승민 안드로이드 2012.07.19 BOX BOX001-M 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 Nick-name 성별 / 나이 직업 활동지역 1 / 활동지역 2 구좌번호 : ABCDEFG-CD12345 보유 적립금 : 36,000 보유 포인트 : P120,000 출금 신청 포인트 환전 My Coupon book 지금 친한 친구를 초대해 보세요! 행운과 재미있는 일 들이 쏟아집니다. 친친! 고객센터 수신함질문함 2 My Box는 개인정보 외 개인이 획득한 적립금 현황을 조회할 수 있으며, 기타 상호 연결된 친구와 의 소형 커뮤니케이션 도구를 제공한다. 앱 헤더 메뉴 영역 정보영역 개인정보 영역 개인구좌 영역 기 획득한 쿠폰 영역 친한친구! 영역 상담센터 메시지 함 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 My Coupon book 지금 친한 친구를 초대해 보세요! 행운과 재미있는 일 들이 쏟아집니다. 친친! 고객센터 수신함질문함 사용자 등록 필요! 획득한 쿠폰이 없습니다. <계정 등록 후 화면> <계정 등록 전 화면> ① ② ③ ④ ⑤ ⑥
  • 26. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 26 ADCrunch 앱 서비스 1차 개발 약관 동의 화면 마이박스>개인정보 신승민 안드로이드 2012.07.19 BOX BOX002-M TAB사용자 등록 필요! <개인정보 등록 전 상태> 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 약관 동의 필수 서비스 이용 및 개인정보 이용약관에 동의하셔야만 서비스 가입 및 정상적인 이용이 가능합니다. 확인TAB 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 회원가입 및 서비스 이용 약관 개인정보 이용 약관 약관 동의 약관 동의 서비스 이용 약관 적립금 획득 및 이벤트 참여를 위해서는 약관에 동의하셔야 합니다. 다음 TAB [약관1=YES] AND [약관2=YES] YES NO 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 MyCoupon book 지금 친한 친구를 초대해 보세요! 행운과 재미있는 일 들이 쏟아집니다. 친친! 고객센터 수신함질문함 사용자 등록 필요! 획득한 쿠폰이 없습니다. TAB 회원 가입 이름 별 명 성 별 생년월일 홍길숙 말많은망아지 1995/09/27 여성남성 주요 활동지역 Search… Search…1. 2. 연락처 이메일 sample@sample.com 핸드폰 010-9876-5432 인증번호 입력 적립금 지급통장 계좌 연결 BOX002-M BOX003-M
  • 27. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 Facebook Open API를 연동, Facebook 계정 보유자의 경 우, Facebook 인증절차를 통 해 본 서비스에 개인정보를 제공할 수 있음. ※ 주요 활동지역 1,2를 포함 한 하단 영역은 수동 입력. 27 ADCrunch 앱 서비스 1차 개발 회원가입-개인정보 facebook 연동 마이박스>개인정보 신승민 안드로이드 2012.07.19 BOX BOX003-M01 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 회원 가입 이름 별 명 성 별 생 년 월 일 홍길숙 말많은망아지 1995/09/27 여성남성 주요 활동지역 Search… Search…1. 2. 연락처 이메일 sample@sample.com 핸드폰 010-9876-5432 인증번호 입력 적립금 지급통장 계좌 연결 취소 TAB 가입 확인 Welcome to Facebook | Facebook facebook Email or Phone: Password: Login Sign up Forgot your password? Full site TAB Welcome to Facebook | Facebook AllowDon’t Allow ADCrunch is requesting permission to do the following! TAB TAB Facebook Open API 호출 개인정보 획득 Facebook 인증화면
  • 28. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 사진 영역을 tab하면 ‘사진선 택’ 팝업이 올라옴. 사진선택 기능은 1. 갤러리 선택 2. 카메라 촬영 두가지를 지원하고, 선택/촬 영된 이미지는 화면 Crop 기 능을 지원해 사진 영역에 등 록할 이미지를 조정할 수 있 도록 한다. Crop 사이즈는 가로/세로 비 율을 유지해 이미지 왜곡이 없도록 함. 선택된 이미지는 회원가입 확 인 시 서버로 upload. 28 ADCrunch 앱 서비스 1차 개발 회원가입-사진 등록 마이박스>개인정보 신승민 안드로이드 2012.07.19 BOX BOX003-M02 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 회원 가입 이름 별 명 성 별 생 년 월 일 홍길숙 말많은망아지 1995/09/27 여성남성 주요 활동지역 Search… Search…1. 2. 연락처 이메일 sample@sample.com 핸드폰 010-9876-5432 인증번호 입력 적립금 지급통장 계좌 연결 취소 사진 선택 갤러리에서 선택 카메라 촬영 TAB TAB 갤러리(앨범) 검색창 팝업 카메라 촬영 후 업로드 TAB 가입 확인
  • 29. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 회원가입 시 필수 입력요소는 다음과 같음. • 이름 • 별명 • 성별 • 생년월일 • 이메일 • 핸드폰 • 활동지역 1,2 ‘문자 입력란’에 포커스 위치 시 하단에서 문자 키보드가 올라옴. (①) ‘성별’은 라디오 버튼 이용. ‘생년월일’ 선택 시 ‘날짜입력’ 팝업창이 올라옴. 선택된 연/ 월/일 값은 ‘설정’단추 누르면 입력란에 표시됨. (②) ‘인증번호 입력’버튼을 누르면 입력란에 입력된 전화번호로 SMS 인증번호가 전송됨과 동 시에 인증번호 입력창이 올라 옴. 입력란에 인증번호를 정 확히 입력하면 ‘인증번호 입 력’ 버튼은 ‘인증완료’ 비활성 버튼으로 바뀜. (③) ※ 필수 가입정보가 누락된 경우, 에러 팝업을 띄우고, 누 락된 입력란으로 포커스 위치. 29 ADCrunch 앱 서비스 1차 개발 회원가입-개인정보 수동 입력 마이박스>개인정보 신승민 안드로이드 2012.07.19 BOX BOX003-M03 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 회원 가입 이름 별 명 성 별 생 년 월 일 홍길숙 말많은망아지 1995/09/27 여성남성 주요 활동지역 Search… Search…1. 2. 연락처 이메일 sample@sample.com 핸드폰 010-9876-5432 인증번호 입력 적립금 지급통장 계좌 연결 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 회원 가입 이름 별 명 성 별 생 년 월 일 홍길숙 말많은망아지 1995/09/27 여성남성 주요 활동지역 Search… Search…1. 2. 연락처 이메일 sample@sample.com 핸드폰 010-9876-5432 인증번호 입력 적립금 지급통장 계좌 연결 Q W E R T Y U I O P A S D F G H J K L Z X C V B N M 123 Done@TAB TAB TAB 날짜 입력 연도 월 일 1994 01 15 1996 03 17 취소 설정 TAB TAB TAB TAB TAB ① ① ② ① ① ③ ④ ① ② 핸드폰 인증 010-9876-5432로 인증번호를 전송했습니다. 확인 인증번호 입력 잘못된 인증번호입니다. 확인 후 재시도해 주세요. 확인 ③ TAB TAB 인증실패 가입 확인취소 필수 가입정보가 누락되었습니다. 확인 TAB 필수정보 누락 인증번호 입력 인증완료 인증성공 ※ 번호 형태 변경됨 (비활성 아이콘) touch
  • 30. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 활동지역은 2곳을 선택하도 록 한다. 지역 선택은 ‘검색’ 기능을 이 용하되 ‘동/읍’ 단위로 지역을 설정하도록 한다. ※ 향후 DB마이닝 단계에서는 다 음 순서로 필터링 적용. 30 ADCrunch 앱 서비스 1차 개발 회원가입-활동지역 선택 마이박스>개인정보 신승민 안드로이드 2012.07.19 BOX BOX003-M04 지역 선택 주로 활동하는 지역을 동/읍 단위로 검색해 주세요. 검색결과는 이곳에 나옵니다. ④ 가나다 지역 선택 주로 활동하는 지역을 동/읍 단위로 검색해 주세요. 서울시 강남구 가나다1동 서울시 강남구 가나다2동 전남 목포시 가나다읍 전남 목포시 가나다읍 가나다 TAB 지역 선택 주로 활동하는 지역을 동/읍 단위로 검색해 주세요. 검색결과가 없습니다. 가나다 두번째 활동지역을 지정해 주세요. 확인 TAB TAB 지역 선택 주로 활동하는 지역을 동/읍 단위로 검색해 주세요. 제주도 제주시 마라도 강원도 강릉시 마라도 마라도 TAB 1차 활동지역 선택 2차 활동지역 선택 검색결과가 없는 경우, Lv1. Lv2. Lv3. X 시 구 동 - 도 시 구 동 읍 리
  • 31. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 적립금 지급통장 계좌 연결 항목은 option. 적립금 지급통장 계좌 연결창 의 각 항목을 누르면 금융기 관의 경우 ‘목록 팝업’이 올라 오고, 기타 계좌번호와 예금 주는 키보드가 올라옴. 계좌등록이 완료되면, 각 입 력필드에 해당 값이 Fixed되 고 정보영역을 ‘잠김 이미지’ 로 덮어 무분별한 열람이 불 가능하도록 함. 등록된 계좌정보를 수정하기 위해 잠김 이미지를 Tab하면 ‘환경설정’에 기 등록되어 있 는 4자리 비밀번호 입력창이 올라오고, 정확히 입력되면, 잠김 이미지는 사라지고 원 계좌정보가 열림. 비밀번호가 다르면 Toast 메 시지로 ‘PIN번호 확인’ 안내를 한다. 31 ADCrunch 앱 서비스 1차 개발 회원가입-적립금 지급통장 계좌 연결 마이박스>개인정보 신승민 안드로이드 2012.07.19 BOX BOX003-M05 적립금 지급통장 계좌 연결 본인 금융계좌로 적립금을 입금해 드립니다. 금융기관 계좌번호(- 제외) 예금주 이름 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 회원 가입 이름 별 명 성 별 생 년 월 일 홍길숙 말많은망아지 1995/09/27 여성남성 주요 활동지역 Search… Search…1. 2. 연락처 이메일 sample@sample.com 핸드폰 010-9876-5432 인증번호 입력 적립금 지급통장 계좌 연결 본인 금융계좌로 적립금을 입금해드립니다. 금융기관 계좌번호(- 제외) 예금주 이름 가입 확인취소 TAB TAB TAB 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 회원 가입 이름 별 명 성 별 생 년 월 일 홍길숙 말많은망아지 1995/09/27 여성남성 주요 활동지역 Search… Search…1. 2. 연락처 이메일 sample@sample.com 핸드폰 010-9876-5432 인증번호 입력 적립금 지급통장 계좌 연결 1 2 3 4 5 6 7 8 9 0 A S D F G H J K L Z X C V B N M 123 Done@ 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 회원 가입 이름 별 명 성 별 생 년 월 일 홍길숙 말많은망아지 1995/09/27 여성남성 주요 활동지역 Search… Search…1. 2. 연락처 이메일 sample@sample.com 핸드폰 010-9876-5432 인증번호 입력 적립금 지급통장 계좌 연결 Q W E R T Y U I O P A S D F G H J K L Z X C V B N M 123 Done@ 금융기관 국민은행 신한은행 외환은행 우리은행 DRAG DRAG 적립금 지급통장 계좌 연결 본인 금융계좌로 적립금을 입금해 드립니다. <계좌등록이 완료된 상태> TAB PIN 번호 4 2 PIN_Code is… PIN 번호를 확인하세요. Correct! incorrect!
  • 32. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 회원가입 시 필수 입력정보는 다음과 같음. 1. 이름 2. 별명 3. 성별 4. 생년월일 5. 연락처(이메일/핸드폰) 6. 주요 활동지역 1,2 ‘가입확인’ tab 시 필수 입력 정보 필드 중 누락된 항목이 있으면 안내 팝업 후 현재 화 면 입력대기 유지. 필수 입력정보 필드(계좌연결 제외)가 모두 채워지면 환영 메시지 팝업 후 My Box 화면 으로 복귀. 32 ADCrunch 앱 서비스 1차 개발 회원가입 확인 마이박스>개인정보 신승민 안드로이드 2012.07.19 BOX BOX003-M06 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 회원 가입 이름 별 명 성 별 생 년 월 일 홍길숙 말많은망아지 1995/09/27 여성남성 주요 활동지역 Search… Search…1. 2. 연락처 이메일 sample@sample.com 핸드폰 010-9876-5432 인증번호 입력 적립금 지급통장 계좌 연결 본인 금융계좌로 적립금을 입금해드립니다. 금융기관 계좌번호(- 제외) 예금주 이름 가입 확인취소 TAB 필수 입력정보 누락여부 확인? 입력정보 누락 [#value]이 누락되었습니다. 다시 확인 후 진행해 주세요. 확인 환영합니다. 서비스 가입 완료. 애드크런치와 함께 다양한 혜택을 즐겨보세요. 확인 NO OK TAB BOX001-M 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 Nick-name 성별 / 나이 직업 활동지역 1 / 활동지역 2 구좌번호 : ABCDEFG-CD12345 보유 적립금 : 36,000 보유 포인트 : P120,000 출금 신청 포인트 환전 MyCoupon book 지금 친한 친구를 초대해 보세요! 행운과 재미있는 일 들이 쏟아집니다. 친친! 고객센터 수신함질문함 2 ① ② ③ ④ ⑤ ⑥
  • 33. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 내정보 보기 영역은 상단에 개인정보 열람창, 하단에 ‘Trophy wall’이 배치. 개인정보 열람창(①)은 앞서 회원등록 시 입력한 정보를 제공하며, 이중 편집/변경 가 능한 항목은 다음과 같음. • 사진 • 별명 • 활동지역 1,2 기타, 최상단에는 현재 회원 의 활동지수에 따른 레벨을 나타내는 엠블렘(구체적인 용 어 및 아이콘은 별건 논의)과 현재 순위, 그리고 전일 대비 순위 변동성향을 표시하는 아 이콘이 배열됨. 하단, Trophy wall은 미션 달 성여부에 따라 아이콘(배지) 을 부여받게 되며, 각 아이콘 은 활동 미션의 달성을 요구 함. Ex) 루비 트로피 : 30일 연속 리워드 광고 참여 등 (미션 배지 규칙은 별건 논의) 33 ADCrunch 앱 서비스 1차 개발 My Box (가입 완료 후) ‘내정보 보기’ 마이박스 신승민 안드로이드 2012.07.19 BOX BOX004-M01 Nick-name 성별 / 나이 직업 활동지역 1 / 활동지역 2 ① ② ③ ④ ⑤ ⑥ TAB 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 별명 이름 생년월일 성별 바람난홍길순 홍길순 1985.10.10 남 대령 (1,800위) 활동지역 1 활동지역 2 강남 부산해운대 TROPHY WALL TAB 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 Nick-name 성별 / 나이 직업 활동지역 1 / 활동지역 2 구좌번호 : ABCDEFG-CD12345 보유 적립금 : 36,000 보유 포인트 : P120,000 출금 신청 포인트 환전 MyCoupon book 지금 친한 친구를 초대해 보세요! 행운과 재미있는 일 들이 쏟아집니다. 친친! 고객센터 수신함질문함 2 ① ② ③ ④ ⑤ ⑥ ① ② 내정보 보기
  • 34. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 ‘내 구좌 보기’는 회원에게 할 당되는 가상의 계좌정보를 열 람할 수 있는 영역으로 적립 금과 적립 포인트 현황을 조 회할 수 있음. 적립금과 포인트는 ‘적립내 역’,’이용내역’으로 구분해 조 회 가능하며, 포인트의 경우 일정 환율로 적립금으로의 환 전이 가능함. 포인트 환전 비율은 최종 런 칭 전 확정하되 보유 포인트 하단에 ‘환전 시 적립 예상금 액’을 #value 필드에 표시함. 적립/이용내역이 스크롤되는 데이터 영역의 상/하단에는 스크롤 바운싱 처리. 주요 기능키는 1. 적립금 인출하기 2. 적립금 송금하기 3. 적립금 사용하기 있음. ※ 2차 고도화 기능 34 ADCrunch 앱 서비스 1차 개발 My Box (가입 완료 후) ‘내 구좌 보기’ 마이박스 신승민 안드로이드 2012.07.19 BOX BOX004-M02 구좌번호 : ABCDEFG-CD12345 보유 적립금 : 36,000 보유 포인트 : P120,000 출금 신청 포인트 환전 TAB 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 Nick-name 성별 / 나이 직업 활동지역 1 / 활동지역 2 구좌번호 : ABCDEFG-CD12345 보유 적립금 : 36,000 보유 포인트 : P120,000 출금 신청 포인트 환전 MyCoupon book 지금 친한 친구를 초대해 보세요! 행운과 재미있는 일 들이 쏟아집니다. 친친! 고객센터 수신함질문함 2 ① ② ③ ④ ⑤ ⑥ 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 TAB 내구좌 보기 이용내역적립내역 인출하기 송금하기 사용하기 구좌번호 : ABCDEFG-CD12345 보유 적립금 : 36,000 보유 포인트 : P120,000 ※ 포인트 환전 시 {#value}원 적립 가능 포인트 환전 2012/09/01 오뚜기 쌈장 광고 100원 2012/09/01 오뚜기 쌈장 광고 100원 2012/09/01 홈플러스 이벤트 500원 2012/09/01 홈플러스 이벤트 500원 2012/09/01 오뚜기 쌈장 광고 100원 2012/09/01 홈플러스 이벤트 500원 2012/09/01 홈플러스 이벤트 500원 2012/09/01 홈플러스 이벤트 500원 2012/09/01 홈플러스 이벤트 500원 데이터 스크롤 영역 2차 고도화
  • 35. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 성별 / 나이 직업 활동지역 1 / 활동지역 2 구좌번호 : ABCDEFG-CD12345 보유 적립금 : 36,000 보유 포인트 : P120,000 출금 신청 포인트 환전 My Coupon book 지금 친한 친구를 초대해 보세요! 행운과 재미있는 일 들이 쏟아집니다. 친친! 고객센터 수신함질문함 2 ① ② ③ ④ ⑤ ⑥ My Coupon book 영역을 Tab하면 전체 화면에 Dim 설 정 후 쿠폰 창이 레이어 모드 로 올라옴. 레이어 영역 내 쿠폰은 좌/우 로 드래깅하면 이전/이후 쿠 폰으로 화면이 돌아감. 쿠폰 영역은 해당 점포/상품 이미지와 함께 다음 요소를 포함한다. • 점포/상품 소개 이미지 • 쿠폰 바코드 • 쿠폰 발행업체명 • 쿠폰 발행업체 상세정보 - 약도 - 연락처 (tab2call 지원) ※ 추후 무료중개전화 SVC 반영 • 쿠폰 유효기간 레이어 영역 우상단의 ‘X’ 표 시를 탭 하거나 하단 백키를 탭 하면 레이어 창이 닫힘. ※ 쿠폰은 리워드 광고/이벤 트 등에 참여해서 획득 가능 하며, 획득된 쿠폰은 본 영역 에서 조회 가능함. ※ 쿠폰 이용 확인 및 기간 만 료에 따른 쿠폰 소멸 조치는 별도 시나리오로 적용. 35 ADCrunch 앱 서비스 1차 개발 My Box (가입 완료 후) ‘내 쿠폰 보기’ 마이박스 신승민 안드로이드 2012.07.19 BOX BOX004-M03 My Coupon book Nick-name TAB 내 쿠폰 보기 업체명 OOO 마사지 샵 연락처 : 02-0000-0000 약도 예약/문의전화 쿠폰 IMG 유효기간 : 2013.03.18까지 DRAG DRAG TAB 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 Nick-name 성별 / 나이 직업 활동지역 1 / 활동지역 2 구좌번호 : ABCDEFG-CD12345 보유 적립금 : 36,000 보유 포인트 : P120,000 출금 신청 포인트 환전 MyCoupon book 지금 친한 친구를 초대해 보세요! 행운과 재미있는 일 들이 쏟아집니다. 친친! 고객센터 수신함질문함 2 ① ② ③ ④ ⑤ ⑥
  • 36. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 ‘친친’은 ‘친한 친구’라는 의미 로 SNS의 기본 구조를 이용. 동작 구성은 본 Flow-chart를 참조한다. 36 ADCrunch 앱 서비스 1차 개발 My Box (가입 완료 후) ‘친친’ Flow-chart 마이박스 신승민 안드로이드 2012.07.19 BOX BOX004-M04 친구요청 수신 여부? <Alert> 친구요청이 ’00건’ 도착했습니다. 친구요청 수락 친구요청 수락 여부? 친구 등록 완료 요청자에게 확인 MSG 친구요청 MSG 삭제 친구등록 요청하기 [전화번호][회원 ID] [단문 MSG] 입력 회원 여부? SMS 전송 [앱 MSG][앱 Link] 상대 회원에게 친구요청 MSG 전달 S 앱 설치 앱 가입 앱 실행 S YES YES YES NO NO NO
  • 37. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 ‘My Box’ 메인화면에서 ‘친친’ 영역을 탭하면 ‘친친 현황판’ 으로 이동. 37 ADCrunch 앱 서비스 1차 개발 My Box (가입 완료 후) ‘친친’ 마이박스 신승민 안드로이드 2012.07.19 BOX BOX004-M04 지금 친한 친구를 초대해 보세요! 행운과 재미있는 일 들이 쏟아집니다. 친친! 친구 요청이 #value건 도착했습니다. 친친! 친친! 친친 00명 / 요청 0건 <등록된 친구가 없는 상태에서의 ‘친친’ 영역> <등록된 친구가 있는 상태에서의 ‘친친’ 영역> <친구 요청이 수신된 경우의 ‘친친’ 영역> 친친! 친친 00명 / 요청 0건 친구 요청이 #value건 도착했습니다. 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 친친친구 요청이 #value건 도착했습니다. 요청전체 닉네임 회원 소개글.. 블라블라블라…. 대기중 닉네임 회원 소개글.. 블라블라블라…. 친친 닉네임 회원 소개글.. 블라블라블라…. 동의 거절 친한 친구를 초대하면 적립금과 다양한 행운이 쏟아집니다. 친친 초대하기 나의 친친 회원 소개글.. 블라블라블라…. 친친 회원 소개글.. 블라블라블라…. 친친 데이터 스크롤 영역 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 Nick-name 성별 / 나이 직업 활동지역 1 / 활동지역 2 구좌번호 : ABCDEFG-CD12345 보유 적립금 : 36,000 보유 포인트 : P120,000 출금 신청 포인트 환전 MyCoupon book 지금 친한 친구를 초대해 보세요! 행운과 재미있는 일 들이 쏟아집니다. 친친! 고객센터 수신함질문함 2 ① ② ③ ④ ⑤ ⑥ TAB DRAG DRAG
  • 38. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 ‘친친 초대하기’ 버튼을 누르 면 ‘친구 초대하기’ 팝업창이 열림. ‘친구 초대하기’ 팝업창에는 ‘휴대폰 번호’, ‘앱크ID’와 ‘단 문 메시지’를 입력해 친구를 초대할 수 있다. ‘초대’버튼을 누르면, 회원DB 를 검색, ‘휴대폰 번호’, ‘앱크 ID’의 존재 유무를 확인한 뒤 회원이면 해당 회원의 ‘친친 계정’에 친구 요청 MSG를 표 시. 회원이 아닌 경우, 앱 다운로 드 url을 포함한 콜백 SMS를 해당 친구에게 전송함. (해당자 앱 설치, 회원가입 후 친 친 화면에 친구 요청내역 보임) ‘요청받은 친친’은 우측에 ‘동 의/거절’ 버튼이 보이며, ‘동의’ 선택 시 ‘친친’ 아이콘으로 변 경. ‘거절’ 선택 시 해당 요청 건은 즉시 삭제. 내가 요청한 ‘친구 초대’건은 우측에 ‘대기중’ 아이콘 표시. ※ 친구목록을 ‘Hold-tab’하면 팝업 메뉴로 ‘친친 연락하기’ 와 ‘친친 헤어지기’ 메뉴가 돌 출. 38 ADCrunch 앱 서비스 1차 개발 My Box (가입 완료 후) ‘친친’-초대하기 마이박스 신승민 안드로이드 2012.07.19 BOX BOX004-M04 바삭바삭한 광고! 애드크런처! 마켓Shake it! 환경설정My Box광고목록 친친친구 요청이 #value건 도착했습니다. 요청전체 닉네임 회원 소개글.. 블라블라블라…. 대기중 닉네임 회원 소개글.. 블라블라블라…. 친친 닉네임 회원 소개글.. 블라블라블라…. 동의 거절 친한 친구를 초대하면 적립금과 다양한 행운이 쏟아집니다. 친친 초대하기 나의 친친 회원 소개글.. 블라블라블라…. 친친 회원 소개글.. 블라블라블라…. 친친 TAB 이용 안내 초대한 친구가 서비스 가입하 면 다음의 혜택을 드립니다. o 1인 가입 시 100원 적립 o 블라블라블라 o 블라블라블라 확인 TAB 친구 초대하기 초대할 친구의 휴대폰 번호나 앱크런치 ID를 입력하고, ‘초대’ 단추를 눌러 주세요. 휴대폰 앱크ID 01012345678 A text box 메시지 First line Second line 초대취소 메시지를 전송했습니다. 확인 Hold 동의 거절 친친 해당건 삭제 친친 연락하기 친친 헤어지기 친친 연락하기 닉네임님에게 메시지를 전달합니다. 메시지 First line Second line 보내기취소 닉네임 닉네임 TAB TAB TAB 알림 헤어지면 친친과 혜택을 나눌 수 없으며, 친친은 친구초대를 통해 다시 맺을 수 있습니다. 확인취소
  • 39. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 고객센터 외 MSG함은 고도 화 계획으로 진행. 39 ADCrunch 앱 서비스 1차 개발 My Box (가입 완료 후) - 고객센터 마이박스>개인정보 신승민 안드로이드 2012.07.19 BOX BOX004-M05 고객센터 수신함질문함 2 TAB 고도화
  • 41. Descriptions 최종 편집시간 2013년 6월 7일 오전 10시 39분 프로젝트 작성자 작성일자 화면 명칭 플랫폼 그룹 코드 네비게이션 화면 번호 환경설정은 다음의 기능을 제 공함. ① 공지사항 보기: 신규 공지가 있으면 ‘공지 사항 보기’ 영역에 ‘숫자 배찌’가 노출되며, Tab하 면 공지 화면으로 넘어감. ② 환경설정>Push 수신여부: 기본값은 On. Off 설정 시 ‘이벤트 소식 등의 정보를 수신할 수 없음’을 알릴 것. ③ 환경설정>3G사용여부: 기본값은 On. Push 수신여부와 동일하 게 광고 리워드 등의 정 보가 제한될 수 있음’을 알릴 것. ④ 보안설정은 ‘PIN_CODE’ 설정을 말하며, 기본값은 Off. On으로 변경하면 네자리 PIN Code 입력창을 보이 고, 2회 입력이 완료되면 해당 영역 상단에 ‘PIN_CODE 설정되었음’ 으로 안내 메시지가 표시. Off하면, ‘PIN_CODE 해제 되었음’으로 안내 메시지 가 변경됨. PIN 해제 시 My Box 내 개인정보 열람에 제한이 없음. ⑤ 회원 가입하기는 화면번 호 BOX002-M으로 전개. ⑥ 도움말 보기는 Web-view 로 (추후) 제작. 41 바삭바삭한 광고! 애드크런처! 마켓Shake it! My Box 환경설정광고목록 ADCrunch 앱 서비스 1차 개발 환경설정 환경설정 신승민 안드로이드 2012.07.19 BOX BOX005-M 환경설정 공지사항 보기 3 Push 메시지 수신여부 3G/4G 사용여부 ON OFF 보안 설정 PIN_CODE 설정 ON PIN_CODE가 설정되었습니다. 도움말 보기 회원 가입하기 ① ② ④ ⑤ ⑥ ③ 메뉴 팁