gdg

1. 온라인 서비스의 장점을 오프라인에 적용시킨 신개념 쇼핑 트렌드
“ 큐피트
App ”
시스템 종합설계 2조
201301240 이현지
201301241 임다정

2. Ⅰ
Ⅱ
Ⅲ
Ⅳ
도입배경
환경분석
‘큐피트’ 소개
기대효과
Ⅴ 구현현황

3. 큐피트 App?
를 만들다! 온라인에 대응하는 오프라인 쇼핑 시스템
모바일을 이용한 빠르고 간편한 결제
R코
드
Q
피
트
스 드
렌 드
를 활용한 효과적인 정보전달
큐피트 어플 아이콘 예시

4. [ 왜 새로운 쇼핑 서비스가 필요한
가? ]

5. 백화점 상품
방법 뭐 없나?!
[ 고객의 생각 ]
싸게 꼼꼼하게 오늘받는· ·

6. 고객의 소비패턴 파악
추가구매를 유도하는
전략 뭐가 있지?
하나라도 더 끼워 팔아 볼까?
[ 백화점의 생각 ]

7. 현재 백화점 모바일 어플
-> 온라인 구입 후 배송, 직접 찾아가는 시스템

8.  바코드 스캔
 장바구니 X
 배송 서비스
 대기시간 발생
 QR코드 스캔
 장바구니 X
 시간지정 당일배송 OR 현장수령
 유사상품 , 코디상품 추천
 온라인 쿠폰가격 적용
 충분한 구매 결정 시간
롯데백화점 스마트 쇼퍼 큐피트 어플리케이션
VS

9. # 1 구경‘만’ 하고 가기엔 부담스러운 상황

10. 남녀노소 누구나 손쉽게 사용 가능한 QR코드 활용
매장 내 모든 패션의류/잡화 TAG에 제품정보를 담은 QR코드를 부착.01.
큐피트 App 소개
결제하기
상품명
사이즈
색상
소재
입고일자
재고수량
여성정장구두 LQPT16907
230 mm (굽높이 10cm)
Black
양가죽
2016.01.01
10
소비자 가격 279,000
큐피트

11. 모바일 장바구니의 현실화
마음에 드는 상품을 눈으로 직접 보고 어플리케이션 장바구니에 추가02.
많은 쇼핑백을 들고 다닐 필요가 없다.
직원들 눈치 볼 필요 없이 여러 제품을 비교할 수 있다.
구매결정시간이 충분하다.
큐피트
결제하기
[Metrocity]겨울 여성 모장갑
색상 : Black, 사이즈 : S
38,250원
[Toryburch] 여성 플랫슈즈
색상 : Brown, 사이즈 : 225
60,030원
[Beanpole]캐시미어 기본 풀오버
색상 : Gray, 사이즈 : 90
250,070원
합 계 : 348,530원
큐피트 App 소개

12. # 2 구매 후 만족도 향상을 위한 코디

13. 백화점 VVIP들의 특권을 어플리케이션으로
QR코드 스캔 을 통한 상세한 제품정보,리뷰 확인 /유사상품 추천/ 코디추천03.
큐피트 App 소개

14. 상품의 그룹화상품의 그룹화
<검정색 계열> <45cm이하 치마> <46~60cm 치마>
A
B
c
A
B
c

15. # 3 짐과 함께하는 쇼핑, 같은 상품 다른 가격

16. 구매부터 배송까지 편리하고 현명한 쇼핑
눈으로 직접 상품을 보고 온라인 쿠폰 적용가격으로 구매가능
04.
시간 지정 배송서비스온라인가격으로 제품 구매
COUPON
배송시간선택
15시~17시
17시~19시
19시~21시
큐피트 App 소개
한번에 통합결제
[ 백화점 상품을 온라인 가격으로, 당일 받을 수 있음 ]

17. 최저가 쇼핑
어플을 이용한
온라인가격 결제
매출 향상
고객 증가 및
연관상품 판매로 인한
매출 향상
고객 구매패턴
데이터 수집
고객이 찍은 QR코드로
구매성향 파악가능
ex) 맥주와 기저귀
편리한 쇼핑
상품추천 및
장바구니 기능
배송 서비스
‘큐피트’ 어플 활용으로 인한 기대효과
고객의 측면 기업의 측면

18. 과업
3월 4월 5월 6월
2주 3주 4주 5주 1주 2주 3주 4주 1주 2주 3주 4주 1주 2주 3주
이현지
APP
구현
로딩화면, QR코드리더기 생
성
상세페이지추가
장바구니 연동시스템
구매하기 연동시스템
장바구니 체크리스트 생성
문의사항 전화연결
임다정
자료준비
디자인
아이콘, 로딩화면 제작
상세페이지 자료 수집 및 제작
상세 아이콘 만들기
중간보고 ppt
창의적 종합설계 경진대회 준
비
최종보고 ppt
‘큐피트’ 어플 구현계획

19. 과업
3월 4월 5월 6월
2주 3주 4주 5주 1주 2주 3주 4주 1주 2주 3주 4주 1주 2주 3주
이현지
APP
구현
로딩화면, QR코드리더기 생
성
상세페이지추가
QR코드 리더기 수정
로딩화면 수정, DB환경구축
DB와 앱 연동
어플 수정 및 보완
임다정
자료준비
디자인
아이콘, 로딩화면 제작
상세페이지 자료 수집 및 제작
장바구니,매장안내 제작
구매 페이지 제작
페이지 수정 및 보완
창의적 종합설계경진대회 준
비
‘큐피트’ 어플 구현계획

20. 과업
3월
2주 3주 4주 5주
이현지
APP
구현
로딩화면, QR코드리더기 생
성
상세페이지추가
장바구니 연동시스템
구매하기 연동시스템
장바구니 체크리스트 생성
문의사항 전화연결
임다정
자료준비
디자인
아이콘, 로딩화면 제작
상세페이지 자료 수집 및 제작
상세 아이콘 만들기
중간보고 ppt
창의적 종합설계 경진대회 준
비
최종보고 ppt
3월 3주차 일정계획
APP 디자인
APP 구현
• 아이콘, 로딩화면 제작 (完)
• 상세페이지 자료수집 및 제작 (中)
-APP에 들어갈 제품정보수집 (제품명, 가격, 상세정보
- 상세페이지 배치에 대한 정보 수집
- 상단,하단바 제작
• 활용 프로그램 조사 및 구현환경 구축(完)

21. 과업
3월
2주 3주 4주 5주
이현지
APP
구현
로딩화면, QR코드리더기 생
성
상세페이지추가
장바구니 연동시스템
구매하기 연동시스템
장바구니 체크리스트 생성
문의사항 전화연결
임다정
자료준비
디자인
아이콘, 로딩화면 제작
상세페이지 자료 수집 및 제작
상세 아이콘 만들기
중간보고 ppt
창의적 종합설계 경진대회 준
비
최종보고 ppt
• 상세페이지 자료수집 및 제작 (中)
-제품 상세페이지 제작
3월 4주차 일정계획
APP 디자인
APP 구현
• 로딩화면 생성 (完)
-활용 프로그램 : m-biz메이커

22. 과업
3월 4월
4주 5주 1주 2주
이현지
APP
구현
로딩화면, QR코드리더기 생
성
상세페이지추가
장바구니 연동시스템
구매하기 연동시스템
장바구니 체크리스트 생성
문의사항 전화연결
임다정
자료준비
디자인
아이콘, 로딩화면 제작
상세페이지 자료 수집 및 제작
장바구니,매장안내 제작
큐피트홈,구매 페이지 제작
페이지 수정 및 보완
창의적 종합설계경진대회 준
비
• 상세페이지 자료수집 및 제작 (中)
• 장바구니 제작 (中)
- 페이지 기본 틀 제작
• 매장안내도 제작 (完)
3월 5주차 일정계획
APP 디자인
APP 구현
•QR코드 리더기 생성 (完)
-활용 프로그램 : m-biz메이커

23. 유사상품 / 코디상품 추천 현재 위치에서 가는 길 안내
[디자인] 제품 상세화면 소
개

24. 과업
3월 4월
4주 5주 1주 2주
이현지
APP
구현
로딩화면, QR코드리더기 생
성
상세페이지추가
장바구니 연동시스템
구매하기 연동시스템
장바구니 체크리스트 생성
문의사항 전화연결
임다정
자료준비
디자인
아이콘, 로딩화면 제작
상세페이지 자료 수집 및 제작
장바구니,매장안내 제작
큐피트홈,구매 페이지 제작
페이지 수정 및 보완
창의적 종합설계경진대회 준
비
• 장바구니 페이지 디자인 (完)
4월 1주차 일정계획
APP 디자인
APP 구현
• QR코드 생성 (中)
- 네이버 QR코드 생성기 이용

25. [구현] QR코드 및 QR코드 리더
기

26. [디자인]백화점 매장안내
도

27. [디자인]장바구니 틀 제
작

28. [디자인] 장바구니 소
개 [장바구니]
제품 정보, 수량 확인 및 주문
장바구니에 담은 제품의 매장 위치 확인
현재위치
도착위치

29. 과업
4월
1주 2주 3주 4주
이현지
APP
구현
로딩화면, QR코드리더기 생
성
상세페이지추가
장바구니 연동시스템
구매하기 연동시스템
장바구니 체크리스트 생성
문의사항 전화연결
임다정
자료준비
디자인
아이콘, 로딩화면 제작
상세페이지 자료 수집 및 제작
장바구니,매장안내 제작
큐피트홈,구매 페이지 제작
페이지 수정 및 보완
창의적 종합설계경진대회 준
비
• 구매 페이지 제작 (完)
• 큐피트홈 페이지 제작 (中)
4월 2주차 일정계획
APP 디자인
APP 구현
• QR코드 리더기 수정(中)
- 활용 프로그램 : 안드로이드 스튜디오

30. [디자인] 제품 결제화면 소
개
[현장수령]
백화점에서 직접 상품수령
[주문금액]
쿠폰할인이 적용된 가격
[당일배송]
주소지 입력 후
배송받길 원하는 시간 지정
[결제하기]
여러 매장의 상품을
한번에 통합결제

31. • 큐피트홈 페이지 제작 (中)
5월 1주차 일정계획
APP 디자인
APP 구현
• QR코드 리더기 수정(完)
- 활용 프로그램 : 안드로이드 스튜디오
과업
5월
1주 2주 3주 4주
이현지
APP
구현
로딩화면, QR코드리더기 생
성
상세페이지추가
QR코드 리더기 수정
로딩화면 수정, DB환경구축
DB와 앱 연동
어플 수정 및 보완
임다정
자료준비
디자인
아이콘, 로딩화면 제작
상세페이지 자료 수집 및 제작
장바구니,매장안내 제작
구매 페이지 제작
페이지 수정 및 보완
창의적 종합설계경진대회 준
비
바코드&QR코드 리더기
라이브러리 활용

32. • 큐피트 홈 페이지 제작 (中)
5월 2주차 일정계획
APP 디자인
APP 구현
• 로딩화면 수정 (完)
- 활용 프로그램 : 안드로이드 스튜디오
•DB환경 구축(完)
- Dothome으로 서버 구축
과업
5월
1주 2주 3주 4주
이현지
APP
구현
로딩화면, QR코드리더기 생
성
상세페이지추가
QR코드 리더기 수정
로딩화면 수정, DB구축 및 입
력
DB와 앱 연동
어플 수정 및 보완
임다정
자료준비
디자인
아이콘, 로딩화면 제작
상세페이지 자료 수집 및 제작
장바구니,매장안내 제작
구매 페이지 제작
페이지 수정 및 보완
창의적 종합설계경진대회 준
비

33. 아이콘 생성 어플 로딩화면 생성 QR코드 리더기 생성
[구현] 어플 실행

34. - 서버 구축
무료 웹 호스팅 서비스를 제공하는
Dothome 사이트에서 서버 구축
- 데이터 베이스 관리
데이터베이스, 테이블, 필드,
SQL상태 실행 등의 다양한 작업을
수행하는 phpMyAdmin를 통한
데이터베이스 관리
[구현] 상품정보 데이터 베이
스

35. 데이터베이스 관리 도메인 : kunspa.dothome.co.kr/myadmin2
제품 정보 필드값 입력
[구현] 데이터 입력
제품정보에 관한 테이블
상품평 필드값 입력
구매고객의 제품평가에 관한 테이블

36. • 큐피트 홈 페이지 제작 (中)
5월 3주차 일정계획
APP 디자인
APP 구현
•Data추가 (完)
- ‘File Zilla’를 이용하여 사진을 DB에 삽입
- QR코드 주소를 DB에 입력
과업
5월
1주 2주 3주 4주
이현지
APP
구현
로딩화면, QR코드리더기 생
성
상세페이지추가
QR코드 리더기 수정
로딩화면 수정, DB구축 및 입
력
DB와 앱 연동
어플 수정 및 보완
임다정
자료준비
디자인
아이콘, 로딩화면 제작
상세페이지 자료 수집 및 제작
장바구니,매장안내 제작
구매 페이지 제작
페이지 수정 및 보완
창의적 종합설계경진대회 준
비
• DB와 어플 연동 (中)

37. - 제품정보 데이터 등록
[구현] 제품 정보 등록
- [Filezila]에 제품이미지 삽입
img_ : 제품 대표 썸네일 이미지
info_ : 제품 상세 정보 이미지

38. • 큐피트 홈 페이지 제작 (完)
5월 4주차 일정계획
APP 디자인
APP 구현
• DB와 어플 연동 (完)
• 배송 정보 입력 페이지 (完)
과업
5월
1주 2주 3주 4주
이현지
APP
구현
로딩화면, QR코드리더기 생
성
상세페이지추가
QR코드 리더기 수정
로딩화면 수정, DB환경구축
DB와 앱 연동
어플 수정 및 보완
임다정
자료준비
디자인
아이콘, 로딩화면 제작
상세페이지 자료 수집 및 제작
장바구니,매장안내 제작
구매 페이지 제작
페이지 수정 및 보완
창의적 종합설계경진대회 준
비

39. 가격/컬러/사이즈 확인 상세정보 확인 제품후기, 유사상품 및 코디상품 추천
[구현] 제품 상세화면 소
개

40. [구현] 제품 상세화면 소
개

41. [디자인] 큐피트홈 _ 페이
지
백화점이벤트쿠폰다운로드 백화점이벤트쿠폰다운로드
10 %
꼭, 알아두세요!
• 카테고리별 쿠폰 적용 가능 상품이
제한되거나, 최대 할인율이 상이 할 수 있습니다.
• 앱 절친쿠폰북은 1인 1회 다운 가능합니다.
• 절친 스페셜 위크 쿠폰은 매일 1인 1회 다운 가능합니
다.
• 본 행사는 당사 사정에 의하여 사전고지 없이
변경 또는 취소 될 수 있습니다.

42. 감사합니다