201202071 오혜진 기획서

27

Upload: hyejin

Post on 25-Jul-2016

244 views

Category:

Documents


5 download

DESCRIPTION

 

TRANSCRIPT

Page 1: 201202071 오혜진 기획서
Page 2: 201202071 오혜진 기획서

목차

1.제안개요

빅데이터, 소셜 큐레이션의 등장

시장의 변화

제안의 목적

대응 세부 전략

2. 전략도출

주요서비스

기획정보설계(IA)

3. 개발상세내역

디자인·서비스 차별화 전략

와이어프레임

상세페이지

Page 3: 201202071 오혜진 기획서

PC와 인터넷, 모바일 기기

이용의 생활화

규모를 가늠할 수 없을 정도의

많은 정보와 데이터 생산

빅데이터 란?

과거 아날로그 환경에서 생성되던 데이터에 비하면 그 규모가 방대하고, 생성 주기도 짧고,

형태도 수치 데이터뿐 아니라 문자와 영상 데이터를 포함하는 대규모 데이터를 말한다.

결정장애에 시달리는

소비자 증가

디지털 경제의 확산

빅데이터 시대의등장

햄릿 증후군소비자 증가

제안개요

빅데이터 시대의 등장

Page 4: 201202071 오혜진 기획서

제안개요

소셜 큐레이션의 등장

“빅데이터에 노출되어 있는 소비자들을 위한 서비스 등장”

큐레이션 서비스

curation : 빅 데이터 시대에 의미있는 정보를 찾아내 더욱 가치있게 제시해주는 것으로,

박물관이나 미술관에서 주로 쓰는 용어

큐레이션 커머스

믿을만한 전문가가 엄선한 양질의 독창적이고 뛰어난 제품을 판매하는

전자 상거래의 형태로, 독창적이거나 품질이 좋거나

뛰어난 제품을 판매하는 데 초점을 두고 있다.

소셜 큐레이션

인터넷에서 원하는 콘텐츠를 수집해 공유하고 가치를 부여해

다른사람이 소비할 수 있도록 도와주는 서비스

SNS

특정한 관심이나

활동을 공유하는 사람들

사이의 관계망

Page 5: 201202071 오혜진 기획서

제안개요

시장의 변화

빅 데이터 시대에 대응하여, 기존 SNS를 보안하고

큐레이션 서비스를 적용한 새로운 모바일 서비스 개발이 필요함

“인류 문명이 시작된 이래 2003년까지 만들어진 데이터 양은 5엑사바이트에 불과했다. 지금은 이틀마다 그만큼의

데이터가 새로 추가되고 있으며 이 속도는 점점 빨라지고 있다.”

- 구글의 CEO 에릭 슈미트 -

“큐레이션은 인간이 수집·구성하는 대상에 질적인 판단을 추가해서 가치를 높이는 활동이다”

- 미국 매그니파이닷넷의 CEO인 스티븐 로젠바움 -

“기존 SNS는 스스로 업데이트한 사진이나 비디오 등을 제외하고는 정보 업데이트의 순서로만 열람이 가능해

정보의 휘발성이 강하고 탐색이 어렵다는 한계를 지녔다”

“소셜 큐레이션 서비스에서는 정보 분류가 특정 테마와 주제를 중심으로 이뤄지고 정보의

형태 또한 이미지 등 특정 포맷 중심이기 때문에 정보의 열람과 검색이 훨씬 용이하다”

- LG경제연구원 허지성 책임연구원 -

= 소셜 큐레이션

Page 6: 201202071 오혜진 기획서

제안개요

시장의 변화

국내 빅데이터 시장 규모온라인 활동 유형 별 주당 이용시간

자료 : LG경제연구원, TNS자료 : TNS

백만달러

소셜 큐레이션소비자가 이용하는‘Social’의 온라인 활동 비율값이 가장 큼

소셜 큐레이션빅 데이터를 이용하는 국내 시장은 갈수록 증가할 것을 예상함

Page 7: 201202071 오혜진 기획서

제안개요

큐레이션 서비스 이용사례

- G마켓의 큐레이션 쇼핑몰 G9는 카테고리별 상품담당자들이 엄선한 제품들을 매일 오전 9시와 저녁 5시에 선보인다.

- 최근 주말딜의 경우 야외활동이 많은 시간인 점을 고려해 즉석에서 사용 가능한 e쿠폰 중심으로상품을 구성하고 있다.

- G9는 작년 9~11월 매출이 전년동기대비 64% 성장했으며, 특히 작년 10월 기준 모바일 쇼핑 비중이 55%까지 증가했다고 밝혔다.

“골라주는 모바일 쇼핑 G9”

Page 8: 201202071 오혜진 기획서

제안개요

큐레이션 서비스 이용사례

“책 큐레이션 어플리케이션 북맥”

- 개인의 독서취향을 분석해서 큐레이션 방식으로 책 추천을 해주는 서비스

- 내가 관심있는 책을 내 지식서재에 담아두거나 읽었던 책들을 서재에 담아두면 비슷한 유형의 책을 골라 추천해주기 때문에

이용을 하면 할 수록 정확도가 올라가고 내가 보고 싶은 책을 딱 맞게 추천해준다.

Page 9: 201202071 오혜진 기획서

제안개요

제안의 목적

롯데기업에서 운영하는 “대한민국의 멀티 플렉스 영화관 롯데시네마”의 어플리케이션과 웹페이지

큐레이션 서비스를 도입한 어플리케이션 개발로

“기존 롯데시네마의 브랜드 이미지를 강화시킨다”

Page 10: 201202071 오혜진 기획서

제안개요

제안의 목적

큐레이션 커머스

개인 맞춤형 영화정보를 제공한다. 소비자가 영화에 평점을 등록하면,

선호하는 장르와 배우·감독 등 소비자가 좋아할 만한 영화를 소개한다.

SNS

영화라는 공통 관심사를 가진 사람들 사이의 관계망을 구축한다.

개인 맞춤형영화 큐레이팅

공통 관심분야 소비자들의 관계망 구축

영화 소셜 큐레이션 서비스개인 취향에 맞는 영화 정보를 제공받는 동시에 같은 관심사를 가진 사람들 사이에서 활동을 공유하는 모바일 서비스

Page 11: 201202071 오혜진 기획서

제안개요

대응 세부 전략

SHAPE‘영화’를 상징하는 필름의 형태를 이용

TYPEFILM = 영화 OTTE = 오때

‘LOTTE’의 ‘L’을 제거한 발음,‘오때’를 연상시키는 단어

COLOR‘롯데시네마’의 브랜드 컬러를 통한 아이덴티티 형성

Page 12: 201202071 오혜진 기획서

제안개요

대응 세부 전략

기본적으로 상영 예정에

있거나 현재 상영중인

영화의 정보 제공

상영과 상관없이

개인 취향에 맞는

모든 영화정보 제공

지역별 롯데시네마

극장소개와 상영시간표,

예매 안내, 이벤트 및

시사회 정보 제공

뉴스피드를 통해

영화에 관심있는 사람들

사이의 관계망 구축

브랜드(롯데시네마) 이미지 강화 콘텐츠·서비스 강화 소비자들의 영화 관심도 상승

Page 13: 201202071 오혜진 기획서

전략도출

주요 서비스

사용자 맞춤 추천영화

오늘의 사용자의 기분과 상태,

영화 취향을 테스트하고, 분석한

결과를 바탕으로 사용자에게

영화를 추천한다.

내 컬렉션

개인이 관심있는 영화를 자유롭게

정리할 수 있도록 한다.

관심 영화를‘담기’함으로써

개인 맞춤컬렉션을 제공한다.

다양한 영화정보 제공

‘제목, 감독, 배우’의 검색으로

해당 키워드와 연관된

모든 영화의 정보를 제공한다.

사용자의 아이디 검색으로

친구찾기에 도움을 준다.

영화 관심사 소비자들의 관계망

영화와 관련된 개개인의 자유로운 이야

기를 게시하고, 댓글기능과

함께 소통을 가능하게 한다.

추천영화(큐레이팅)

뉴스피드(SNS)

마이페이지(내 컬렉션)

검색기능

Page 14: 201202071 오혜진 기획서

전략도출

기획 정보 설계(IA)

Page 15: 201202071 오혜진 기획서

개발 상세내역

와이어 프레임

Page 16: 201202071 오혜진 기획서

개발 상세내역

와이어 프레임

Page 17: 201202071 오혜진 기획서

개발 상세내역

와이어 프레임

Page 18: 201202071 오혜진 기획서

개발 상세내역

와이어 프레임

Page 19: 201202071 오혜진 기획서

개발 상세내역

디자인·서비스 차별화 전략

1. 취향테스트와 분석결과 - 사용자의 오늘의 기분과 상태를 알아보는 테스트와 그래프를 활용한 사용자의 영화취향 분석결과

TODAY MOVIE - 오늘 추천하는 영화의 정보 제공 → 분석결과를 바탕으로 추천된 영화목록, 저장된 취향의 날짜 선택 가능

2. 영화에 관심이 있는 사용자들 사이의 관계망(SNS) 형성

→‘내 컬렉션’에 담아둔 영화의 이미지 혹은 개인의 앨범 사진을 이용한 게시물 등록

3. 마이 페이지 - 사용자의 자유로운 방식으로 개인 맞춤 컬렉션 생성, 개인 게시물 관리

4. 검색 - 키워드와 연관된 모든 영화의 정보 제공, 사용자 검색을 통한 친구찾기 제공

1. 렌딩페이지 - 로고와 브랜드 컬러를 사용한 아이덴티티 구축, 로딩 진행률의 표시로 사용자에게 심리적 편안함 전달

2. 이미지형 리스트 레이아웃 - 많은 양의 이미지, 정보를 한 눈에 보기 쉬운 레이아웃 형성

3. 팝업 - 추가기능을 제공하기 위한 팝업형식 제공과 페이지 단축 효과, 컨텐츠 영역의 어두운 처리로 시각적 집중도 향상

4. 이미지의 균형을 맞춰주는 차분한 컬러 - 많은 컬러를 필요로 하는 영화 이미지의 제공을 위한 브랜드 컬러의 적절한 사용

5. 버튼 - 사용자를 고려한 버튼 영역의 확대

사용성을 높이기 위한 스크롤 제약이 없는 버튼 생성

서비스 디자인 차별화 방안

인터페이스 디자인 차별화 방안

Page 20: 201202071 오혜진 기획서

개발 상세내역

컬러의 대비를 이용한활성화 영역 표시

심리적 편안함을 주는로딩 진행률의 표시

복잡하지 않은 화면구성

복잡하지 않은 간단한 로고의

사용만으로 사용자들에게

어플리케이션의 아이덴티티

를 인식시켜줌

컬러의 대비를 이용해 [회원로그

인]과 [롯데시네마 로그인]을 구

분하는 사용자의 위치를 표시함

원형태의 로딩진행률 표시로

사용자에게 심리적 편안함을

심어줌

넓은 가로 비율의 [로그인]버튼

으로 사용자에게 편의성을 줌

사용자에게 편의성을 주는[로그인]버튼 영역

랜딩페이지 로그인

상세페이지

Page 21: 201202071 오혜진 기획서

개발 상세내역

평가하기

평가하기 ▶ 취향분석 결과 ▶ 영화 추천받기

사용자의 오늘의 기분과 상태를 알아보는 테스트

빅데이터를 활용하여, 사용자의 기분과 상태를 고려한 간단한 테스트

Page 22: 201202071 오혜진 기획서

브랜드 컬러의 적절한 사용

컬러의 사용이 많은 포스터

이미지를 방해하지 않고,

적절하게 사용한 브랜드 컬러

개발 상세내역

나의취향

날짜별로 저장된 영화취향

폰트의 설정을 이용한많은 정보의 분류

사용자의 취향분석으로

저장된 날짜의 선택을

가능하게 하는 스와이프

폰트의 컬러, 크기, 정렬을 통해

많은 정보를 분류하여 시각적인

편안함을 줌

사용자의 영화취향 분석

결과를 그래프화 하여

정보의 전달을 도움

분석된 영화 취향을표시하는 그래프 정보

평가하기 ▶ 취향분석 결과 ▶ 영화 추천받기

Page 23: 201202071 오혜진 기획서

브랜드 컬러의 적절한 사용

컬러의 사용이 많은 포스터

이미지를 방해하지 않고,

적절하게 사용한 브랜드 컬러

개발 상세내역

추천영화

날짜별로 저장된 영화취향

많은 정보를 한 눈에 보는이미지형 리스트 레이아웃

사용자의 취향분석으로

저장된 날짜의 선택을

가능하게 하는 스와이프

추천하는 모든 영화의 정보를

한 눈에 볼 수 있는 하단스크롤

이미지형 리스트 레이아웃

분석된 결과를 바탕으로

사용자의 영화취향과

영화의 정확도 표시

사용자 취향의 정확도를표시하는 그래프 정보

평가하기 ▶ 취향분석 결과 ▶ 영화 추천받기

Page 24: 201202071 오혜진 기획서

영화의 이미지를 방해하지않은 컬러의 사용

영화의 이미지를 방해하지 않는

선에서, 포인트 컬러의 적용으로

브랜드 아이덴티티를 구축함

개발 상세내역

영화정보

많은 텍스트 정보량을고려한 아이콘 사용

폰트의 설정을 이용한많은 정보의 분류

텍스트 정보 제공량이 많은 것을

고려하여, 간단한 정보는 아이콘

을 이용하여 제공함

폰트의 컬러, 크기, 정렬을 이용해

많은 정보를 분류하여 사용자들에게

시각적인 편안함을 줌

넓은 가로 비율의 [더보기]버튼

으로 사용자에게 편의성을 줌

사용자에게 편의성을 주는[더보기]버튼 영역

평가하기 ▶ 취향분석 결과 ▶ 영화 추천받기

Page 25: 201202071 오혜진 기획서

개발 상세내역

컬러의 대비를 이용한활성화 영역 표시

폰트의 설정을 이용한많은 정보의 분류

이미지를 방해하지 않는 컬러의 사용

컬러의 대비를 이용해 현재위치

정보를 제공하고, 아이콘의 선택

여부를 확인시켜줌

폰트의 컬러, 크기를 이용하

여 정보를 분리시키고, 왼쪽

정렬을 통해 사용자들에게

시각적인 편안함을 줌

이미지를 방해하지 않는 선

에서 브랜드 컬러를 적용시

키고, 포인트 컬러를 사용하

여 브랜드 아이덴티티를

부각시킴

뉴스피드에 사용자의 게시물을

올릴 수 있는 [글쓰기]버튼의 위

치를 고정시켜, 사용자에게 편의

성을 줌

스크롤에 제약이 없는[글쓰기]버튼

뉴스피드

컬렉션 선택글쓰기

글쓰기 ◀ 뉴스피드 ▶ 컬렉션 선택 ◀

Page 26: 201202071 오혜진 기획서

개발 상세내역

많은 정보량을 고려한 아이콘 사용

많은 정보를 제공하는넓은 범위의 검색기능

컬러의 대비를 이용한활성화 영역 표시

컬러의 대비를 이용해 [사용

자]와 [영화]를 구분하는 사용

자의 위치를 표시함

이미지를 포함한 정보 제공량이

많다는 것을 고려하여, 간단한

정보는 아이콘을 이용하여

제공함

제목, 배우, 감독과 같은 다양

한 키워드로 많은 정보를 제

공하는 검색기능

검색된 모든 영화의 정보를

한 눈에 볼 수 있는 하단스크롤

이미지형 리스트 레이아웃

많은 정보를 한 눈에 보는이미지형 리스트 레이아웃

검색 검색결과

검색 ▶ 검색 결과(영화)

Page 27: 201202071 오혜진 기획서

개발 상세내역

컬러의 대비를 이용한컨텐츠영역의 구분

편의성을 주는 [컬렉션 만들기] 버튼

추가기능을 제공하기위한 팝업, 어두운 처리

백그라운드 컬러에 차이를 두어

프로필 영역과 컬렉션/게시물 영

역을 구분하는 시각적 편의성

을 줌

넓은 가로 비율의 [컬렉션 만

들기]버튼으로 사용자에게 편

의성을 줌

페이지의 추가기능을 제공하

는 팝업의 제공과 컨텐츠

표시 영역의 어두운 처리를

통해 시각적인 편의성을 줌

사용자가 추가한 컬렉션/게시

물과 같은 많은 정보를 한 눈에

볼 수 있도록 도움을 줌

많은 정보를 한 눈에 보는이미지형 리스트 레이아웃

마이페이지

게시물컬렉션 만들기

컬렉션 만들기 ◀ 마이페이지 ▶ 게시물