SlideShare a Scribd company logo
1 of 39
Download to read offline
DAUM
WEBTOON
Web Renewal
만화 속 세상,
Kaywon University Art & Design
Contents Planning ­ C Class
21961094 장용환
21961095 장우진
프로세스 소개
What
- Overview
- 주제
- 선정이유
Why
- 현 상황
- As is, To be
- 프로젝트 브리프
- 온라인 서베이
- 3C분석
- SWOT 분석
- 벤치마킹
- 해결방안 도출
2Daum Webtoon Web
- 정보구조설계
- 와이어프레임
- 스토리보드
프로세스 소개
How
- 기대효과
3Daum Webtoon Web
Overview
4Daum Webtoon
통일화 된 웹 사이트
스마트폰이 발전하고 많은 앱이 생기면서 웹사이트의 이용률이 줄어들었습니다.
시장이 점점 모바일에만 치우쳐져 가고있으며 그에 집중된 플랫폼들이 생겨났습니다.
하지만 이 사이에서 갈피를 못 잡고 콘텐츠의 활용을 못하고 있는 사이트가 있습니다.
PC
Mobile
- 주제
Web
Overview
5Daum Webtoon
- 선정이유
만화 속 세상, 다음웹툰
다음웹툰 같은 경우에는 콘텐츠를 활용하지 못하는 대표적 사이트 입니다.
다음웹툰은 18년 9월 – 19년 5월 8개월동안 20만명의 사용자를 잃었습니다.
소비자의 니즈를 고려하여 사용성이 높은 웹페이지를 개선하기 위해 다음웹툰을 선정하였습니다.
Web
현 상황
6Daum Webtoon
앞뒤로 막혀버린 현재
5,816,1053,947,219
1,069,536
카카오페이지 네이버웹툰
다음웹툰
현재 다음웹툰은 시장점유율 3위를 차지하고 있습니다.
이는 후발주자인 카카오페이지 보다 뒤쳐지는 숫자입니다.
(2019.05 와이즈앱)
Web
As is, To be
7Daum Webtoon
As is To be
웹 사이트와 어플의 통일성이 부족함
디자인적 요소에만 치중한 다음웹툰의 인터페이스가 웹툰 사이트를
이용하는 독자들에게 편의성을 제공해주지 못함
웹 사이트와 어플의 통일성을 높임
디자인적인 요소 뿐만 아니라 편의성을 고려
새로운 유저들이 사이트를 접했을 때 이용유도
PC Web와 Mobile의 통일성을 높이고,
편의성을 부여해 계속적인 사이트 체류를 유도하고
이탈 고객을 잡으려 합니다.
Web
프로젝트 브리프
Daum Webtoon Web
프로젝트 명 다음웹툰 웹 리뉴얼
프로젝트 목적
Goal 1. 웹사이트와 앱의 UI 통일 및 플로우 일치화 -> 어플을 사용하다가 웹 사이트
를 이용할 때 느끼는 이질감을 개선
Goal 2. 사이트 편의성 제공 -> 웹툰을 보는 구독자에게 지속적인 콘텐츠 유도를 통
해 사이트 체류 증가
기대 효과
다음웹툰을 이용하는 독자들이 찾고자 하는 콘텐츠를 검색하기 용이하게 하고 UI를
이용할 때 편의성 증진
핵심 타깃 모바일 및 웹을 통해 다음췝툰 및 타 웹툰 플랫폼을 이용하는 국내 사용자.
매체 PC Web
저작물의 형식 반응형 웹사이트
작성자 장용환,장우진 작성일 2019년 9월 6일
프로젝트 브리프
Daum Webtoon
수행 조건 n/a
내용
메인페이지에 콘텐츠를 한눈에 볼 수 있게 구현
검색기능 개선
웹툰 페이지 내부 리모콘 기능 추가
일정
2주차 : 온라인 서베이
3주차 : 3C, SWOT분석
4주차 : 벤치마킹
5주차 : 서비스 흐름도 작성
6주차 : 정리된 내용으로 와이어 프레임 작성
7주차 : 스토리보드 작성
As is, To be를 기반으로 프로젝트 브리프를 작성 하였습니다.
전체적으로 사용성 증진에 초점을 맞췄으며,
그에 맞게 주어진 일정대로 프로젝트를 진행하였습니다.
Web9
온라인 서베이
Daum Webtoon Web10
사용성에 키워드를 맞춰 설문 시작
1. 귀하의 성별은 무엇입니까?
2. 귀하의 나이대가 어떻게 되십니까?
3. 다음웹툰을 이용해보신적이 있으십니까?
4.다음웹툰을 이용하신다면 주로 어떤 플랫폼으로 이용하십니까?
4-1. 다음웹툰을 사용하시면서 불편하신 점이 있으십니까?
5. 다음웹툰을 이용하지 않으시다면 무슨 이유로 이용하지 않으십니까?
5-1. 어떤 점이 불편하다고 느끼셨습니까?
6. 귀하가 생각하시는 현재 다음 웹툰 웹사이트에 대한 점수를 1-5까지 매겨 주십
시오.
7. 만약 모바일 / 웹 / 태블릿 / 연동이 되고 개인 추천화된 웹툰 사이트가 생기면
사용하실 의향이 있으십니까?
7-1. 의향이 없으시다면 그 이유는 무엇입니까?
8. 웹툰을 보실 때 어떤 기능이 있었으면 좋겠습니까?
온라인 서베이
Daum Webtoon Web11
핵심질문을 뽑았습니다.
1. 귀하의 성별은 무엇입니까?
2. 귀하의 나이대가 어떻게 되십니까?
3. 다음웹툰을 이용해보신적이 있으십니까?
4.다음웹툰을 이용하신다면 주로 어떤 플랫폼으로 이용하십니까?
4-1. 다음웹툰을 사용하시면서 불편하신 점이 있으십니까?
5. 다음웹툰을 이용하지 않으시다면 무슨 이유로 이용하지 않으십니까?
5-1. 어떤 점이 불편하다고 느끼셨습니까?
6. 귀하가 생각하시는 현재 다음 웹툰 웹사이트에 대한 점수를 1-5까지 매겨 주십
시오.
7. 만약 모바일 / 웹 / 태블릿 / 연동이 되고 개인 추천화된 웹툰 사이트가 생기면
사용하실 의향이 있으십니까?
7-1. 의향이 없으시다면 그 이유는 무엇입니까?
8. 웹툰을 보실 때 어떤 기능이 있었으면 좋겠습니까?
온라인 서베이
Daum Webtoon Web12
4.다음웹툰을 이용하신다면 주로 어떤 플랫폼으로 이용하십니까?
5-1. 어떤 점이 불편하다고 느끼셨습니까?
4-1. 다음웹툰을 사용하시면서 불편하신 점이 있으십니까?
0 20 40 60 80 100
태블릿PC
웹
모바일
아니요
72%
네
28%
• 부실한 인터페이스
• 좀 네이버가 친숙해서 다음은 좀 낯선 느낌입니다.
• 네이*, 카카*페이지 처럼 저장이 안되는게 싫어여
• 유료 콘텐츠가 많다
• 네이버로도 충분함
• 그냥 불편하게 되있음
• 재미없다.
6. 귀하가 생각하시는 현재 다음 웹툰 웹사이트에 대한 점수를 1-5까지
매겨 주십시오.
0
20
40
60
1 2 3 4 5
온라인 서베이
Daum Webtoon Web13
7. 만약 모바일 / 웹 / 태블릿 / 연동이 되고 개인 추천화된 웹툰 사이트가 생기면
사용하실 의향이 있으십니까?
8. 웹툰을 보실 때 어떤 기능이 있었으면 좋겠습니까?
아니요
12%
네
88%
• 네이버로 충분
• 웹툰을 진짜 안봅니다.
• 현재, 많은 정보나 재미있는 컨텐츠들이 영상으로 제작되면서,
웹툰보다는 유튜브를 선호하는 추세로 변하였고 나 또한 그러함.
또한, 성인들은 취업 문제 혹은 여러가지 경제적인 문제로 인해
시간이 부족해짐에 따라 이용을 안할 것으로 추정. 성인들이 이용
을 하지 않는다면, 성인에게 맞는 컨텐츠 제작도 많이 되지 않을
것이므로 이용하지 않을 듯 싶음.
• 모바일 PC연동
3C 분석
Daum Webtoon Web14
온라인 서베이를 종합한 결과 고객, 타사, 자사에 대한
피드백을 토대로 3C 분석을 진행했습니다.
고객 경쟁사 자사
3C 분석
Daum Webtoon Web
- 고객 분석
15
모바일 서비스로 제공되는 디지털 만화 이용자가 급격히 증가.
(2018, 뉴시스, 전진우)
3C 분석
Daum Webtoon Web
- 고객 분석
16
0 10 20 30 40 50 60 70 80 90 100
20일 미만
10~20일미만
10일 미만
0일
월간 실행 일수 0일 (45%), 10일 미만 (30%),
10~20일 미만 사용자 (10%), 20일 이상 유저 (5% 이상)
(2017, 앱에이프)
3C 분석
Daum Webtoon Web
- 경쟁사 분석
17
76.9%네이버웹툰 76.9% (2017.12, 한국 콘텐츠 진흥원)
3C 분석
Daum Webtoon Web
- 경쟁사 분석
18
S W
• 타 플랫폼에 비해 많은 1004개 콘텐츠
(2019.09 웹툰 인사이트)
• 웹사이트 리모컨 기능
• 다양한 콘텐츠를 한꺼번에 담는 인터페이스
• 무분별한 댓글
• 미리보기 72시간 지나면 재결재 유도
• 미리보기 뷰어 지원 불가
3C 분석
Daum Webtoon Web
- 자사 분석
19
9.4%다음웹툰 9.4% (2017.12, 한국 콘텐츠 진흥원)
3C 분석
Daum Webtoon Web
- 자사 분석
20
882개 콘텐츠(2019.09 웹툰 인사이트)
SWOT 분석
Daum Webtoon Web21
3C분석에서 더 나아가 우리에게
필요할 점을 분석했습니다.
SWOT 분석
Daum Webtoon Web22
S
- 확고한 콘텐츠 컬러 (70몇개의 작품속에서 있는 통일성)
- 해당 요일을 바로 볼 수 있는 인터페이스
- 다음이라는 검색엔진에 대한 접근성
- 연재가 된 웹툰 뿐 아니라 완결까지 난 웹툰의 랭킹을 쉽게 볼 수 있음
- 웹툰에 집중 된 인터페이스
- 결제를 하면 계속 볼 수있음
S
W
S
- 타사에 비해 많지 않은 컨텐츠
- 해당 요일만 쉽게 볼 수 있는 인터페이스
- 연재가 된 웹툰의 순위만 중점적으로 볼 수 있음 (현재 연재중인 콘텐츠는 못봄)
- 네이버, 카카오에 비해 접근성이 낮다.
- 네이버웹툰과 달리 연결/연동 되는 이벤트 부족
W
SWOT 분석
Daum Webtoon Web23
S
- 커져가고 있는 웹툰시장
- 상대적으로 적은 콘텐츠로 유저의 혼잡을 막을 수 있음
- 주기적으로 진행되는 공모전을 통해 웹툰 시장을 개척하고 있다는 이미지
- 동종업계 플레이 스토어 2위 (2019.6 와이즈앱)
O
T
O
- 영상 기반의 다양한 웹툰 콘텐츠 등장
- 다음웹툰 같은 경우에는 여성 구독자가 상대적으로 많은 편인데 후발주자
여성 전용 웹툰 플랫폼 ‘봄툰’의 등장으로 인해 여성 구독자를 뺏길 수 있음.
- 네이버 웹툰의 OTT시장 (영상기반) 진출
(네이버웹툰 “글로벌 OTT 전쟁, 우리는 기회…아시아의 디즈니될 것”, 2019, 블로터, 김인경)
T
SWOT 전략
Daum Webtoon Web24
O
SO WO
ST WT
- 확고한 콘텐츠 컬러로 커져가는 웹툰시장에 코어 소비자를 구할 수 있음
- 다음이라는 큰 플랫폼의 접근성을 활용해 사용자를 유도
- 해당 요일의 콘텐츠를 적절히 배치하여 유저들의 혼잡을 막아
기존 유저들의 유출을 막음
- 공모전의 결과를 메인에 띄워 콘텐츠와 연동되는 이벤트를 만들어
고객을 유입시킴.
- 이미 만들어진 영상화 된 콘텐츠 (영화 29년, 이끼 등) 영상기반으로 된
콘텐츠를 웹툰 페이지에 이벤트를 만들어 사이트 체류, 소비 유도
- 다양한 플랫폼 등장 속 개인화 된 페이지를 제공해 고객 유치 및 유출을 막음
벤치마킹
Daum Webtoon Web25
전략을 알았으니 그것에 대해 더 파고듭니다,
벤치마킹을 통해서.
벤치마킹
Daum Webtoon Web26
만화 속 세상 ‘다음웹툰’
다음웹툰 9.4% (2017.12, 한국 콘텐츠 진흥원) / 전체 플랫폼 2위
콘텐츠는 확고한 편이지만 인터페이스나 CI가 묻어나지 않는 화면들로 이루어져 있다.
인터페이스 또한 모바일로 맞춰져 있어 PC로 볼 때의 이점은 찾아볼 수도 없으며 모든 스크린의 화면을 통일화 해야한다.
다음웹툰
http://webtoon.daum.net Contents
UI
Visual
Marketing
Theme & Massage
Support
연계성이 높고 소개 콘텐츠로써 성실한가?
서비스에 적당한 콘텐츠인가?
차별화 된 콘텐츠는 만족스러운가?
사용성이 높은 UI 구조인가?
네비게이션은 효율적인 구조인가?
디자인은 세련되었는가?
동적요소가 있는가?
주요 요소가 눈에 띄이는가?
이벤트 및 홍보 영역이 있는가?
마케팅 지원 가능한 콘텐츠가 있는가?
고객 로열티를 높일 콘텐츠가 있는가?
이벤트 및 프로모션 정도는?
주제 및 사이트 컨셉이 명확한가?
말하고자 하는 요소 파악이 분명한가?
메시지를 전달하기 위한 메뉴가 존재하는가?
고객지원 요소는 충분한가?
고객지원 정보의 접근성은?
정보의 비교 및 습득이 용이한가?
사이트 상단에 이벤트 바를 통해 콘텐츠 유도하는 것은 좋다. 하지만 넘어가지
않고 하나의 콘텐츠만 보여주는 것이 문제다.
분석대상 분석 기준 주요내용 및 평가방법
웹툰플랫폼에 걸맞게 사이트에 적당한 콘텐츠를 보여주고있다.
타사와 달리 확고한 장르성이 있다.
사용자가 수동으로 연재물을 확인해야한다는 점이다.
타사에 비해 전혀 효율적이지 않은 구조를 띄고있다.
웹툰을 보는 화면은 마치 모바일 플랫폼을 연상케 하는데
제한적인 이 화면은 비효율적이다.
랭킹에 메인메뉴에서는 블러 처리를 줘 트렌드 함을 따랐지만 정작 소비가 많
은 웹툰 콘텐츠는 그런 생각이 안든다. 흔한 애니메이션도 없어 오히려 딱딱한
느낌을 준다.
전혀 없다. 페이지를 누르면 프로그레시브 방식으로 뜰 뿐이다. 모바일은 CTA
애니메이션이 있어 웹툰을 소비하는 느낌을 더해주지만 웹은 그런 느낌이 없다.
하얀색 백그라운드에 콘텐츠를 올려 잘 보인다.
GNB밑에 바로 위치해있어서 바로 확인할 수 있지만 넘어가지않아 제한적이다.
OSMU적인 콘텐츠 들이 많다. 영화, 이모티콘 등 다양한 컬쳐에 사용이 가능하다.
(ex: 영화 이끼, 드라마 어쩌다 발견한 7월)
다양한 콘텐츠가 소비가능하다.
(2019, 뉴시스, '웹툰의 진화' 모바일게임-드라마로 영역 확장)
16,17,18년 기준으로 평균 6-7개의 이벤트가 열렸다.
업계2위를 생각하면 터무니 없는 이벤트의 갯 수이다.
‘만화 속 세상’ 이라는 BI에 맞지않는 키워드다. 이걸 내세운 화면은
그 어디에도 없다. 브랜드 퍼스널 컬러만 남아있을 뿐
‘만화 속 세상’ 이 뭘 의미하는지 소개 파트가 없다.
전혀 존재하지 않는다.
메인 사이트 푸터에 위치해 있어 잘 띄지 않는다.
해당 질문이 없으면 카카오톡으로 질문이 가능한 것은 괜찮다.
대표 질문 5개로 추려서 질문을 받는 것은 좋지만 이외의 질문을 하고 싶을때
이탈하는 수가 있다. 이점에서 아쉽다.
벤치마킹
Daum Webtoon Web27
Contents
UI
Visual
Marketing
Theme & Massage
Support
분석대상 분석 기준 주요내용 및 평가방법
연계성이 높고 소개 콘텐츠로써 성실한가?
서비스에 적당한 콘텐츠인가?
차별화 된 콘텐츠는 만족스러운가?
사용성이 높은 UI 구조인가?
네비게이션은 효율적인 구조인가?
디자인은 세련되었는가?
동적요소가 있는가?
주요 요소가 눈에 띄이는가?
이벤트 및 홍보 영역이 있는가?
마케팅 지원 가능한 콘텐츠가 있는가?
고객 로열티를 높일 콘텐츠가 있는가?
이벤트 및 프로모션 정도는?
주제 및 사이트 컨셉이 명확한가?
말하고자 하는 요소 파악이 분명한가?
메시지를 전달하기 위한 메뉴가 존재하는가?
고객지원 요소는 충분한가?
고객지원 정보의 접근성은?
정보의 비교 및 습득이 용이한가?
네이버 웹툰
네이버웹툰 76.9% (2017.12, 한국 콘텐츠 진흥원) / 자사와 한등 수 차이
다양한 콘텐츠 하지만 너무 다양하다 보니 독이됐다. 기업의 정체성이 안보인다.
하지만 콘텐츠가 다양하다 보니 마케팅면에서는 뛰어나는 모습을 보여주었다.
네이버 웹툰
http://webtoon.naver.com
자사와 비교했을 때 약 100개가 넘는 콘텐츠를 보유하고 있다.
웹툰이라는 플랫폼에 맞게 다양한 콘텐츠를 담고있다.
하지만 이 콘텐츠가 너무 많다 보니 유저에 이탈을 유도할 수 있고,
다양한 콘텐츠를 담고있기에 콘텐츠의 색깔이 뚜렷하지 않다.
웹툰을 소비하는 이용자에게 편한 ‘리모컨’ 기능을 도입했다.
이는 웹툰을 보는 이들에게 언제든지 다양한 콘텐츠를 볼 수있는
방향성을 제시한다. 자연스럽게 사이트 체류를 유도한다.
헤더에 네이버메뉴 GNB에 네이버웹툰 메뉴를 달아 자사 사이트 유도를
권장하는 건 칭찬하지만 중복되는 메뉴가 두개가 있어
불필요한 선택지를 제공하고있다.
불필요한 광고, 요소들이 너무 많다.
눈에 띄지 않는다.
홈 화면 경우에는 오늘의 웹툰을 메인으로 내걸고 홍보하지만 나머지
화면 같은 경우에는 콘텐츠를 담으려 하다보니 가독성이 떨어진다.
상단부분아니라 하단부분에도 자연스럽게 읽을 수 있도록 제시를 하였다.
19년 9월 웹툰 인사이트에 따르면 1004개의 콘텐츠를 보유하고있다.
콘텐츠 미리보기를 통해 결재를 유도한다.
좌측에는 콘텐츠 우측에는 콘텐츠속 프로모션을 배치에
자연스럽게 새 콘텐츠를 유도하고 있습니다.
다양한 콘텐츠를 담았지만 역으로 너무 담아서
그 컬러를 보여줄 공간을 확보하지 못한게 아쉽다.
너무 많은 콘텐츠가 독이 됐다.
존재하지 않는다.
충분하지만 자사처럼 보기 쉽게 텍스트박스가 아닌 텍스트형식으로 되어
있어 유탈할 수 있는 경향이 있다.
푸터 위에 위치해있어서 상대적으로 접근이 용이하다.
해당 질문에 없으면 지식인으로 이동한다. 타사 입장에서는 영역을 확대
해서 좋지만 사용자 입장에서는 기능면에서 선을 긋는 것 같아
불필요한 과정을 띄고있다.
벤치마킹
Daum Webtoon Web28
유튜브
https://www.youtube.com Contents
UI
Visual
Marketing
Theme & Massage
Support
분석대상 분석 기준 주요내용 및 평가방법
연계성이 높고 소개 콘텐츠로써 성실한가?
서비스에 적당한 콘텐츠인가?
차별화 된 콘텐츠는 만족스러운가?
사용성이 높은 UI 구조인가?
네비게이션은 효율적인 구조인가?
디자인은 세련되었는가?
동적요소가 있는가?
주요 요소가 눈에 띄이는가?
이벤트 및 홍보 영역이 있는가?
마케팅 지원 가능한 콘텐츠가 있는가?
고객 로열티를 높일 콘텐츠가 있는가?
이벤트 및 프로모션 정도는?
주제 및 사이트 컨셉이 명확한가?
말하고자 하는 요소 파악이 분명한가?
메시지를 전달하기 위한 메뉴가 존재하는가?
고객지원 요소는 충분한가?
고객지원 정보의 접근성은?
정보의 비교 및 습득이 용이한가?
동영상 플랫폼이라는 강점에 맞게 사람들이 직접 동영상을 올리기 때문에
무수한 콘텐츠가 있다.
’사용자가 동영상을 자유롭게 올리거나 볼수있는 사이트’ 취지에 맞게 다양한
콘텐츠가 공존한다.
타 플랫폼과 달리 자유로운 콘텐츠이기 때문에 전체적으로 사용빈도가 높다.
(2018. 와이즈앱. 한국인이 가장많이 사용한 앱)
메인 페이지를 보면 LNB(내가 구독한 사용자), GNB(검색창)이 위치해 있어
직접적인 사용법을 제시한다.
대체적으로 보기쉽지만 햄버거 버튼을 누르면 메뉴가 닫히는데 거기서 좀 더
많은 콘텐츠가 나와야되는데 나오지 않아서 아쉽다.
텍스트보다는 아이콘 위주로 되어있어서 쉬운 어포던스적인 사용법을 유도한
다.
화면을 축소하거나 확대 할때 마이크로 인터렉션이 있어 영상 몰입감을 제공한
다.
콘텐츠가 대체적으로 가독성이 높다.
콘텐츠를 재생하기 전 나오는 광고는 사용자에 시선을 집중한다.
분야가 많아 여러 콘텐츠에 가능하다.
콘텐츠를 만든 이(유튜버)에게 매달 유료 멤버쉽을 등록하는 서비스가 있다.
또한 유튜브 프리미엄이라는 구독형 서비스를 실시하고 있다.
콘텐츠를 이용하기전에 광고로 나오기 때문에 집중력이 높을 수 밖에 없다.
(“소비자 사로잡은 전자업계 유튜브 광고” 2019.9, 디지털타임즈 이미정)
자신이 직접 콘텐츠를 올린다는 사이트 컨셉에 명확하다.
콘텐츠를 검색하고 추천받을 수 있어 이 대목은 분명하다.
재생 바, 목록 등 브랜드의 퍼스널 컬러를 활용한건 좋지만 그런 메뉴는 보이지
않는다.
콘텐츠 옆 닷 버튼을 통해 언제든지 다양한 의견을 받을 수 있다.
콘텐츠 옆에 있기에 바로 실행이 가능하다.
플랫폼에서 답이 나오는게 아니라 메일을 통해 받아 이점은 생각해 볼 필요가
있다.
유튜브
한국인이 가장많이 사용한 어플리케이션 1위 / 와이즈앱 2018.12
전체적으로 콘텐츠를 잘 활용하고 있으며 콘텐츠 시작 전 광고가 나오는 마케팅 적인 요소는 휼륭하다.
또한 이 광고를 제거하는 유료 구독 플랫폼 수익창출또한 괜찮은 아이디어다. 웹적인 부분에서는 전체적으로 화면을 활용하려고 노력했다.
왼쪽에는 동영상을 보여주고 오른쪽에는 추천목록을 보여주는 등 모바일과 통일성을 유지하면서 활용성을 살렸다.
해결방안 도출
Daum Webtoon Web29
콘텐츠 인터페이스 개인화 편의성
전체적으로 콘텐츠컬러를 강조하면서 그 콘텐츠를 쉽게 소비할 수 있도록
개인화된 시스템으로 사용성을 높임
정보구조설계
Daum Webtoon Web30
다음웹툰 홈
랭킹완결 웹툰리그 MY연재홈
월
화
수
목
금
토
일
장르
작품
작가
연도
인기 연재랭킹
완결랭킹
일간
주간
일간
평점
1부
2부
랭킹전
공모전
웹툰 캐시
이용권
결제 내역
책갈피
찜한 작품
기다무 작품
MY 댓글
와이어프레임
Daum Webtoon Web28
문서번호
화면목록
페이지번호
프로젝트명 다음웹툰 메인화면 시스템 명 작성일자 소속 작성자 Ver
페이지설명 다음웹툰 2019-10-13 DMD 12조 0.1
화면 설명
1 BI클릭 시 다음의 메인 페이지로 이동
2
각 대메뉴 클릭 시 해당 메뉴로 이동 (
홈, 연재, 완결, 랭킹, 웹툰리그, MY 순
서 )
3
로그인
: 버튼 클릭 시 로그인 페이지로 이동
4 최근 본 웹툰으로 이동
5
돋보기 아이콘을 넣어 웹툰을 검색할
수 있는 페이지로 이동
6 해당 배너에 대한 내용을 자세히 보기
7
버튼 클릭 시 수요웹툰의 목록 전체보
기
8
각 웹툰 썸네일 클릭시 해당 웹툰 페이
지로 이동
9
조회순과 별점순 탭 클릭 시 해당 순차
목록이 나옴
10
더보기 클릭 시 전체 랭킹 목록 페이지
로 이동
연재 완결 랭킹 웹툰리그 MY
로그인
MBC 수,목 드라마 원작
---- 다음 화면에 이어서 ----
3
4 5
6
7
8
1
최근본
‘어쩌다 발견한 7월’
단오의 운명 개척 로맨스!
원작 웹툰으로 미리 만나보세요.
자세히 보기
수요일의 웹툰
트레이스 토이 콤플렉스 카운터 밤의 새벽
대나무숲에서 알립니다 돈나무 N번째 연애 블랙 베히모스
더보기+
우리가 사랑하는 방법
창백한 말
실시간 랭킹
조회순 별점순
트레이스
아비무쌍
겟 레디 위드 미
화양연화
징크스의 연인
멸종인간
N번째 연애
우리집이거든요!
오무라이스 꿀잼
토이 콤플렉스
1
2
3
4
5
6
7
8
9
10
더보기+
9
10
DAUM
2
메인 ( 웹툰 메인페이지)
1
문서번호
화면목록
페이지번호
프로젝트명 다음웹툰 메인화면 시스템 명 작성일자 소속 작성자 Ver
페이지설명 다음웹툰 2019-10-13 DMD 12조 0.1
화면 설명
11
해당 신규 웹툰 썸네일 클릭 시 웹툰 페
이지로 이동
12
별 모양 클릭으로 웹툰에 평점을 줄 수
있음
13 하트모양 클릭으로 즐겨찾기 웹툰 등록
14
공유버튼 클릭으로 해당 웹툰을 sns에
공유할 수 있음
15
버튼 클릭 시 더 많은 신규 웹툰 페이지
로 이동
16
해당 완결 웹툰 썸네일 클릭 시 웹툰 페
이지로 이동
17
버튼 클릭 시 더 많은 완결 웹툰 페이지
로 이동
18 공지 클릭시 해당 공지 페이지로 이동
19 버튼 클릭 시 전체 공지 목록으로 이동
신규 웹툰
완결 웹툰 추천
학원, 액션, 일진
ONE
문제는 세상에 나쁜 놈들이 너무 많다는 거야. 이
건 혁명이야.
9.9
드라마,액션,북한
정상회담:
스틸레인3
정상회담을 위해 한자리에 모인 남북의 3인의 정
상들 예상치 못한 위기에 빠진다.
9.9
드라마, 일상, 가족
유색의 멜랑꼴리
"이 결혼 용남 못해!” 떨어지는 꽃잎 사이로 벌어
진 난투극. 34살 유도완의 결혼식은 그렇게 망했다.
9.9
순정, 코믹, 연애
흑역사 첫 연애를 끝낸 뒤, 자꾸만 남자들이 꼬이
는 중! 누가 똥차고 누가 벤츠일까?
9.9
드라마, 판타지, 인어
제주도 우도의 푸른 바다. 해녀와 인어의 특별한
인연이 시작된다.
9.9
학원, 액션, 전투
카운터
고통스러운 기억과 현실에서 벗어나기 위한 차정
은과 차혜리의 고군분투
9.9
해오와 사라 바니와 오빠들
더보기+
순정, 드라마, 짝사랑
죽어도 좋아♥
이루다 주임의 미중년 상사 백 과장, 이 둘 사이에
생긴 묘한 사건
9.9
공포, 스릴러, 좀비
1호선
5회 다음공모전 대상작, 폐허가 된 서울. 그녀를
찾기 위해 1호선을 따라 걷는다.
9.9
공포, 스릴러, 스토커
햄스터와 그녀
대학생 민규는 햄스터를 들고 다니는 이상한 여자와
엮이게 되면서 악몽 같은 일상을 겪에 되는데…
9.9
더보기+
첫 화 보기 첫 화 보기 첫 화 보기
더보기+NOTICE 10월 유료화 작품 안내 2019-09-30
---- 다음 화면에 이어서 ----
11
12
13 14
15
16
17
18
19
메인 ( 웹툰 메인페이지)
2
문서번호
화면목록
페이지번호
프로젝트명 다음웹툰 메인화면 시스템 명 작성일자 소속 작성자 Ver
페이지설명 다음웹툰 2019-10-13 DMD 12조 0.1
화면 설명
20
클릭시 해당 배너에 관련한 본선 진출작
페이지로 이동
21
마케팅 배너
: 클릭 시 해당 팝업스토어 페이지로 이동
22 각 메뉴 클릭 시 해당 메뉴로 이동
23 각 메뉴 클릭 시 해당 메뉴로 이동
공모대전7 본선 진출작 발표
치열한 경쟁을 뚫은 14개의 본선 진출작 대공개!
작품 보러가기 +
20
다음웹툰 굿즈 팝업스토어 오픈!
10.10~10.20 신촌 현대백화점에서 만날 수 있어요.
보러가기 +
연재 및 유통문의 사업제휴문의 앱 다운로드
서비스 약관/정책 개인정보처리방침 권리침해신고 다음웹툰 고객센터 유료서비스 약관
Copyright C Kakao Corp. All rights reserved.
21
22
23
메인 ( 웹툰 메인페이지)
3
문서번호
화면목록
페이지번호
프로젝트명 다음웹툰 메인화면 시스템 명 작성일자 소속 작성자 Ver
페이지설명 다음웹툰 2019-10-13 DMD 12조 0.1
화면 설명
24 클릭시 웹툰 홈으로 이동
25 클릭시 전체화면
26 클릭시 웹툰 화면 닫기
27 왼쪽 화살표 클릭 시 이전화 이동
28 클릭 시 목록으로 이동
29 오른쪽 화살표 클릭 시 다음화 이동
30 클릭 시 페이지 맨 위로 이동
31 클릭 시 페이지 맨 아래로 이동
32 왼쪽 화살표 클릭 시 이전화 이동
33 오른쪽 화살표 클릭 시 다음화 이동
34 클릭 시 목록으로 이동
35
달리는 사람 아이콘 넣어서 클릭시 정주
행 모드로 변경
36 클릭 시 자동 스크롤 모드 진행
37 카메라 버튼 클릭 시 화면 캡쳐
5부 19화
웹툰 화면
프레너미
5부 19화
ICON ICON ICON
24 25 26
27 2928
32 33
30
31
35 36 37
34
서브 ( 웹툰 상세페이지 )
4
문서번호
화면목록
페이지번호
프로젝트명 다음웹툰 메인화면 시스템 명 작성일자 소속 작성자 Ver
페이지설명 다음웹툰 2019-10-13 DMD 12조 0.1서브 ( 웹툰 검색페이지 )
화면 설명
38 BI클릭 시 다음의 메인 페이지로 이동
39
각 대메뉴 클릭 시 해당 메뉴로 이동 ( 홈,
연재, 완결, 랭킹, 웹툰리그, MY 순서 )
40
로그인
: 버튼 클릭 시 로그인 페이지로 이동
41 최근 본 웹툰으로 이동
42
돋보기 아이콘을 넣어 웹툰을 검색할 수
있는 페이지로 이동
43 검색어 입력 후 클릭 시 페이지 이동
44 화살표 클릭으로 필터 접었다 펴기
45 이전 추천 웹툰 표시
46 다음 추천 웹툰 표시
47
키워드 클릭 시 해당 키워드 검색 페이지
로 이동
연재 완결 랭킹 웹툰리그 MY
로그인
최근본
DAUM
검색 필터
연재 여부
장르별
연도별
전체 연재 완결
전체 액션 일상 개그 판타지 드라마 순정 스릴러
2019 2018 2017 2016 2015 2014 2013 2012 2011 2010 2009 2008 2007
액션, 스포츠, 권투
마샬아츠
부산에서 전학 온 문제아 황민도가 종합격투기에 도전하는 청춘 열혈
스포츠 만화!
추천웹툰 다음엔 이거 어때요?
추천키워드
# 결혼생활
# 복수
# 외계인
# 대학생
# 직장생활
# 일진
# 반려동물
# 솔로
# 음식
# 배틀
# 연예인
# 격투
38 40
39 41 42
43
44
45 46
47
5
기대효과
Daum Webtoon Web37
고객의 만족
회사의 수요 증가
웹툰 시장의 발전,
업계 1위로 성장하는
다음웹툰
편의성, 앱과의
통일성을 통해
고객의 만족도 증가
구독자의 지속적인
방문을 통해 수요 증가
다음웹툰
웹 리뉴얼
종합의견
Daum Webtoon Web38
그간 웹사이트의 디자인적인 요소에만 신경을 썼던 다음웹툰은 어플의 사용자 수는 유지가 되었지만
웹사이트의 이탈 수는 계속 상승하고 있습니다.
이러한 점으로 보아 웹툰을 다루는 웹사이트들에 있어 중요한 점은 단순한 디자인적인 요소만 아니라
독자들에게 맞춰진 개인화 그리고 웹사이트의 사용성 이였습니다.
저희는 이러한 점들을 분석하여 다음웹툰 웹사이트가 개선이 될 수 있도록 이러한 제안서를 작성하는 바입니다.
End of Document
21961094 장용환
21961095 장우진

More Related Content

What's hot

[메조미디어] 2024 트렌드 리포트
[메조미디어] 2024 트렌드 리포트[메조미디어] 2024 트렌드 리포트
[메조미디어] 2024 트렌드 리포트MezzoMedia
 
[메조미디어] 메타버스 스타터 패키지
[메조미디어] 메타버스 스타터 패키지[메조미디어] 메타버스 스타터 패키지
[메조미디어] 메타버스 스타터 패키지MezzoMedia
 
하이트 제로 마케팅 제안서
하이트 제로 마케팅 제안서하이트 제로 마케팅 제안서
하이트 제로 마케팅 제안서April7
 
Univbook 파트너십 제안서
Univbook 파트너십 제안서Univbook 파트너십 제안서
Univbook 파트너십 제안서ROTAEJUN
 
[메조미디어] 2023 상반기 미디어 이슈 결산
[메조미디어] 2023 상반기 미디어 이슈 결산[메조미디어] 2023 상반기 미디어 이슈 결산
[메조미디어] 2023 상반기 미디어 이슈 결산MezzoMedia
 
[메조미디어] 2022 상반기 추천 미디어 결산.pdf
[메조미디어] 2022 상반기 추천 미디어 결산.pdf[메조미디어] 2022 상반기 추천 미디어 결산.pdf
[메조미디어] 2022 상반기 추천 미디어 결산.pdfMezzoMedia
 
[메조미디어] Media&Market Report (2022.09)
[메조미디어] Media&Market Report (2022.09)[메조미디어] Media&Market Report (2022.09)
[메조미디어] Media&Market Report (2022.09)MezzoMedia
 
UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]RightBrain inc.
 
2022 디지털마케팅트렌드 분석(2022 Digital Marketing Trend)
2022 디지털마케팅트렌드 분석(2022 Digital Marketing Trend)2022 디지털마케팅트렌드 분석(2022 Digital Marketing Trend)
2022 디지털마케팅트렌드 분석(2022 Digital Marketing Trend)Digital Initiative Group
 
UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]RightBrain inc.
 
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선] UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선] RightBrain inc.
 
제 15회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [개미야 뭐하니?팀] : 투자자의 반응을 이용한 실시간 등락 예측(feat. 카프카)
제 15회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [개미야 뭐하니?팀] : 투자자의 반응을 이용한 실시간 등락 예측(feat. 카프카)제 15회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [개미야 뭐하니?팀] : 투자자의 반응을 이용한 실시간 등락 예측(feat. 카프카)
제 15회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [개미야 뭐하니?팀] : 투자자의 반응을 이용한 실시간 등락 예측(feat. 카프카)BOAZ Bigdata
 
[메조미디어] Media&Market Report (2022.10)
[메조미디어] Media&Market Report (2022.10)[메조미디어] Media&Market Report (2022.10)
[메조미디어] Media&Market Report (2022.10)MezzoMedia
 
UX_Academy_16th_Market_Kurly_UXUI
UX_Academy_16th_Market_Kurly_UXUIUX_Academy_16th_Market_Kurly_UXUI
UX_Academy_16th_Market_Kurly_UXUIRightBrain inc.
 
[메조미디어] 2022년 숏폼 콘텐츠 마케팅 리포트
[메조미디어] 2022년 숏폼 콘텐츠 마케팅 리포트[메조미디어] 2022년 숏폼 콘텐츠 마케팅 리포트
[메조미디어] 2022년 숏폼 콘텐츠 마케팅 리포트MezzoMedia
 
[Rightbrain UX Academy] Skyscanner UX/UI개선
[Rightbrain UX Academy] Skyscanner UX/UI개선 [Rightbrain UX Academy] Skyscanner UX/UI개선
[Rightbrain UX Academy] Skyscanner UX/UI개선 RightBrain inc.
 
UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]RightBrain inc.
 
[창업자&예비창업자] SNS를 활용한 홍보전략
[창업자&예비창업자] SNS를 활용한 홍보전략[창업자&예비창업자] SNS를 활용한 홍보전략
[창업자&예비창업자] SNS를 활용한 홍보전략더게임체인저스
 
디지털 해적들로부터 영상 콘텐츠 보호하기 – 황윤상 AWS 솔루션즈 아키텍트, 김준호 잉카엔트웍스 매니저:: AWS Cloud Week ...
디지털 해적들로부터 영상 콘텐츠 보호하기 –  황윤상 AWS 솔루션즈 아키텍트, 김준호 잉카엔트웍스 매니저:: AWS Cloud Week ...디지털 해적들로부터 영상 콘텐츠 보호하기 –  황윤상 AWS 솔루션즈 아키텍트, 김준호 잉카엔트웍스 매니저:: AWS Cloud Week ...
디지털 해적들로부터 영상 콘텐츠 보호하기 – 황윤상 AWS 솔루션즈 아키텍트, 김준호 잉카엔트웍스 매니저:: AWS Cloud Week ...Amazon Web Services Korea
 
UX Academy 16th Subway UX/UI 개선 프로젝트
UX Academy 16th Subway UX/UI 개선 프로젝트UX Academy 16th Subway UX/UI 개선 프로젝트
UX Academy 16th Subway UX/UI 개선 프로젝트RightBrain inc.
 

What's hot (20)

[메조미디어] 2024 트렌드 리포트
[메조미디어] 2024 트렌드 리포트[메조미디어] 2024 트렌드 리포트
[메조미디어] 2024 트렌드 리포트
 
[메조미디어] 메타버스 스타터 패키지
[메조미디어] 메타버스 스타터 패키지[메조미디어] 메타버스 스타터 패키지
[메조미디어] 메타버스 스타터 패키지
 
하이트 제로 마케팅 제안서
하이트 제로 마케팅 제안서하이트 제로 마케팅 제안서
하이트 제로 마케팅 제안서
 
Univbook 파트너십 제안서
Univbook 파트너십 제안서Univbook 파트너십 제안서
Univbook 파트너십 제안서
 
[메조미디어] 2023 상반기 미디어 이슈 결산
[메조미디어] 2023 상반기 미디어 이슈 결산[메조미디어] 2023 상반기 미디어 이슈 결산
[메조미디어] 2023 상반기 미디어 이슈 결산
 
[메조미디어] 2022 상반기 추천 미디어 결산.pdf
[메조미디어] 2022 상반기 추천 미디어 결산.pdf[메조미디어] 2022 상반기 추천 미디어 결산.pdf
[메조미디어] 2022 상반기 추천 미디어 결산.pdf
 
[메조미디어] Media&Market Report (2022.09)
[메조미디어] Media&Market Report (2022.09)[메조미디어] Media&Market Report (2022.09)
[메조미디어] Media&Market Report (2022.09)
 
UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]
 
2022 디지털마케팅트렌드 분석(2022 Digital Marketing Trend)
2022 디지털마케팅트렌드 분석(2022 Digital Marketing Trend)2022 디지털마케팅트렌드 분석(2022 Digital Marketing Trend)
2022 디지털마케팅트렌드 분석(2022 Digital Marketing Trend)
 
UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]
 
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선] UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
 
제 15회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [개미야 뭐하니?팀] : 투자자의 반응을 이용한 실시간 등락 예측(feat. 카프카)
제 15회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [개미야 뭐하니?팀] : 투자자의 반응을 이용한 실시간 등락 예측(feat. 카프카)제 15회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [개미야 뭐하니?팀] : 투자자의 반응을 이용한 실시간 등락 예측(feat. 카프카)
제 15회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [개미야 뭐하니?팀] : 투자자의 반응을 이용한 실시간 등락 예측(feat. 카프카)
 
[메조미디어] Media&Market Report (2022.10)
[메조미디어] Media&Market Report (2022.10)[메조미디어] Media&Market Report (2022.10)
[메조미디어] Media&Market Report (2022.10)
 
UX_Academy_16th_Market_Kurly_UXUI
UX_Academy_16th_Market_Kurly_UXUIUX_Academy_16th_Market_Kurly_UXUI
UX_Academy_16th_Market_Kurly_UXUI
 
[메조미디어] 2022년 숏폼 콘텐츠 마케팅 리포트
[메조미디어] 2022년 숏폼 콘텐츠 마케팅 리포트[메조미디어] 2022년 숏폼 콘텐츠 마케팅 리포트
[메조미디어] 2022년 숏폼 콘텐츠 마케팅 리포트
 
[Rightbrain UX Academy] Skyscanner UX/UI개선
[Rightbrain UX Academy] Skyscanner UX/UI개선 [Rightbrain UX Academy] Skyscanner UX/UI개선
[Rightbrain UX Academy] Skyscanner UX/UI개선
 
UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]
 
[창업자&예비창업자] SNS를 활용한 홍보전략
[창업자&예비창업자] SNS를 활용한 홍보전략[창업자&예비창업자] SNS를 활용한 홍보전략
[창업자&예비창업자] SNS를 활용한 홍보전략
 
디지털 해적들로부터 영상 콘텐츠 보호하기 – 황윤상 AWS 솔루션즈 아키텍트, 김준호 잉카엔트웍스 매니저:: AWS Cloud Week ...
디지털 해적들로부터 영상 콘텐츠 보호하기 –  황윤상 AWS 솔루션즈 아키텍트, 김준호 잉카엔트웍스 매니저:: AWS Cloud Week ...디지털 해적들로부터 영상 콘텐츠 보호하기 –  황윤상 AWS 솔루션즈 아키텍트, 김준호 잉카엔트웍스 매니저:: AWS Cloud Week ...
디지털 해적들로부터 영상 콘텐츠 보호하기 – 황윤상 AWS 솔루션즈 아키텍트, 김준호 잉카엔트웍스 매니저:: AWS Cloud Week ...
 
UX Academy 16th Subway UX/UI 개선 프로젝트
UX Academy 16th Subway UX/UI 개선 프로젝트UX Academy 16th Subway UX/UI 개선 프로젝트
UX Academy 16th Subway UX/UI 개선 프로젝트
 

Similar to 장용환_다음웹툰 리뉴얼_콘텐츠 기획

2011년 1월 Webdevmobile 세미나
2011년 1월 Webdevmobile 세미나2011년 1월 Webdevmobile 세미나
2011년 1월 Webdevmobile 세미나korea_simgoon
 
어흥~!이번발표
어흥~!이번발표어흥~!이번발표
어흥~!이번발표korea_simgoon
 
Webdevmobile 2011 01
Webdevmobile 2011 01Webdevmobile 2011 01
Webdevmobile 2011 01korea_simgoon
 
Web2.0 guide by_twlog
Web2.0 guide by_twlogWeb2.0 guide by_twlog
Web2.0 guide by_twlogtwdanny
 
K모바일발표 111026 하이브리드ux_배포용
K모바일발표 111026 하이브리드ux_배포용K모바일발표 111026 하이브리드ux_배포용
K모바일발표 111026 하이브리드ux_배포용jinwook shin
 
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표Minho Lee
 
I/O Extended 2019 Seoul - What's New in Web
I/O Extended 2019 Seoul - What's New in WebI/O Extended 2019 Seoul - What's New in Web
I/O Extended 2019 Seoul - What's New in WebHanboramRobinJang
 
K모바일발표 120113 남들보다뛰어난앱만들기_공유용
K모바일발표 120113 남들보다뛰어난앱만들기_공유용K모바일발표 120113 남들보다뛰어난앱만들기_공유용
K모바일발표 120113 남들보다뛰어난앱만들기_공유용jinwook shin
 
portfolio_B급영어짤
portfolio_B급영어짤portfolio_B급영어짤
portfolio_B급영어짤Eunji Kim
 
5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기
5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기
5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기5moments
 
2013년이 요구하는 UX/UI
2013년이 요구하는 UX/UI 2013년이 요구하는 UX/UI
2013년이 요구하는 UX/UI Billy Choi
 
2014 ux trend report
2014 ux trend report2014 ux trend report
2014 ux trend reportHyunjeong Lee
 
2016결산보고서 미디어이슈 1216
2016결산보고서 미디어이슈 12162016결산보고서 미디어이슈 1216
2016결산보고서 미디어이슈 1216Nasmedia
 
하이브리드 앱 개발 개요
하이브리드 앱 개발 개요하이브리드 앱 개발 개요
하이브리드 앱 개발 개요Sohee Jeong
 
[네이버웹툰 브랜드북] 홍보광고학과 한유현
[네이버웹툰 브랜드북] 홍보광고학과 한유현[네이버웹툰 브랜드북] 홍보광고학과 한유현
[네이버웹툰 브랜드북] 홍보광고학과 한유현ssuserefaf8b
 
UX Academy 18th 롯데온 UX/UI 개선 프로젝트
UX Academy 18th  롯데온 UX/UI 개선 프로젝트UX Academy 18th  롯데온 UX/UI 개선 프로젝트
UX Academy 18th 롯데온 UX/UI 개선 프로젝트RightBrain inc.
 
Conference Link mini_Session2
Conference Link mini_Session2Conference Link mini_Session2
Conference Link mini_Session2websmedia
 

Similar to 장용환_다음웹툰 리뉴얼_콘텐츠 기획 (20)

2011년 1월 Webdevmobile 세미나
2011년 1월 Webdevmobile 세미나2011년 1월 Webdevmobile 세미나
2011년 1월 Webdevmobile 세미나
 
어흥~!이번발표
어흥~!이번발표어흥~!이번발표
어흥~!이번발표
 
Webdevmobile 2011 01
Webdevmobile 2011 01Webdevmobile 2011 01
Webdevmobile 2011 01
 
Web2.0 guide by_twlog
Web2.0 guide by_twlogWeb2.0 guide by_twlog
Web2.0 guide by_twlog
 
K모바일발표 111026 하이브리드ux_배포용
K모바일발표 111026 하이브리드ux_배포용K모바일발표 111026 하이브리드ux_배포용
K모바일발표 111026 하이브리드ux_배포용
 
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
 
I/O Extended 2019 Seoul - What's New in Web
I/O Extended 2019 Seoul - What's New in WebI/O Extended 2019 Seoul - What's New in Web
I/O Extended 2019 Seoul - What's New in Web
 
K모바일발표 120113 남들보다뛰어난앱만들기_공유용
K모바일발표 120113 남들보다뛰어난앱만들기_공유용K모바일발표 120113 남들보다뛰어난앱만들기_공유용
K모바일발표 120113 남들보다뛰어난앱만들기_공유용
 
portfolio_B급영어짤
portfolio_B급영어짤portfolio_B급영어짤
portfolio_B급영어짤
 
5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기
5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기
5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기
 
2013년이 요구하는 UX/UI
2013년이 요구하는 UX/UI 2013년이 요구하는 UX/UI
2013년이 요구하는 UX/UI
 
2013 app design trends
2013 app design trends2013 app design trends
2013 app design trends
 
2014 ux trend report
2014 ux trend report2014 ux trend report
2014 ux trend report
 
2016결산보고서 미디어이슈 1216
2016결산보고서 미디어이슈 12162016결산보고서 미디어이슈 1216
2016결산보고서 미디어이슈 1216
 
미래웹기술연구소는 왜 Sencha 를 채택하였는가?
미래웹기술연구소는 왜 Sencha 를 채택하였는가?미래웹기술연구소는 왜 Sencha 를 채택하였는가?
미래웹기술연구소는 왜 Sencha 를 채택하였는가?
 
하이브리드 앱 개발 개요
하이브리드 앱 개발 개요하이브리드 앱 개발 개요
하이브리드 앱 개발 개요
 
[네이버웹툰 브랜드북] 홍보광고학과 한유현
[네이버웹툰 브랜드북] 홍보광고학과 한유현[네이버웹툰 브랜드북] 홍보광고학과 한유현
[네이버웹툰 브랜드북] 홍보광고학과 한유현
 
Hellotutorial
HellotutorialHellotutorial
Hellotutorial
 
UX Academy 18th 롯데온 UX/UI 개선 프로젝트
UX Academy 18th  롯데온 UX/UI 개선 프로젝트UX Academy 18th  롯데온 UX/UI 개선 프로젝트
UX Academy 18th 롯데온 UX/UI 개선 프로젝트
 
Conference Link mini_Session2
Conference Link mini_Session2Conference Link mini_Session2
Conference Link mini_Session2
 

장용환_다음웹툰 리뉴얼_콘텐츠 기획

  • 1. DAUM WEBTOON Web Renewal 만화 속 세상, Kaywon University Art & Design Contents Planning ­ C Class 21961094 장용환 21961095 장우진
  • 2. 프로세스 소개 What - Overview - 주제 - 선정이유 Why - 현 상황 - As is, To be - 프로젝트 브리프 - 온라인 서베이 - 3C분석 - SWOT 분석 - 벤치마킹 - 해결방안 도출 2Daum Webtoon Web
  • 3. - 정보구조설계 - 와이어프레임 - 스토리보드 프로세스 소개 How - 기대효과 3Daum Webtoon Web
  • 4. Overview 4Daum Webtoon 통일화 된 웹 사이트 스마트폰이 발전하고 많은 앱이 생기면서 웹사이트의 이용률이 줄어들었습니다. 시장이 점점 모바일에만 치우쳐져 가고있으며 그에 집중된 플랫폼들이 생겨났습니다. 하지만 이 사이에서 갈피를 못 잡고 콘텐츠의 활용을 못하고 있는 사이트가 있습니다. PC Mobile - 주제 Web
  • 5. Overview 5Daum Webtoon - 선정이유 만화 속 세상, 다음웹툰 다음웹툰 같은 경우에는 콘텐츠를 활용하지 못하는 대표적 사이트 입니다. 다음웹툰은 18년 9월 – 19년 5월 8개월동안 20만명의 사용자를 잃었습니다. 소비자의 니즈를 고려하여 사용성이 높은 웹페이지를 개선하기 위해 다음웹툰을 선정하였습니다. Web
  • 6. 현 상황 6Daum Webtoon 앞뒤로 막혀버린 현재 5,816,1053,947,219 1,069,536 카카오페이지 네이버웹툰 다음웹툰 현재 다음웹툰은 시장점유율 3위를 차지하고 있습니다. 이는 후발주자인 카카오페이지 보다 뒤쳐지는 숫자입니다. (2019.05 와이즈앱) Web
  • 7. As is, To be 7Daum Webtoon As is To be 웹 사이트와 어플의 통일성이 부족함 디자인적 요소에만 치중한 다음웹툰의 인터페이스가 웹툰 사이트를 이용하는 독자들에게 편의성을 제공해주지 못함 웹 사이트와 어플의 통일성을 높임 디자인적인 요소 뿐만 아니라 편의성을 고려 새로운 유저들이 사이트를 접했을 때 이용유도 PC Web와 Mobile의 통일성을 높이고, 편의성을 부여해 계속적인 사이트 체류를 유도하고 이탈 고객을 잡으려 합니다. Web
  • 8. 프로젝트 브리프 Daum Webtoon Web 프로젝트 명 다음웹툰 웹 리뉴얼 프로젝트 목적 Goal 1. 웹사이트와 앱의 UI 통일 및 플로우 일치화 -> 어플을 사용하다가 웹 사이트 를 이용할 때 느끼는 이질감을 개선 Goal 2. 사이트 편의성 제공 -> 웹툰을 보는 구독자에게 지속적인 콘텐츠 유도를 통 해 사이트 체류 증가 기대 효과 다음웹툰을 이용하는 독자들이 찾고자 하는 콘텐츠를 검색하기 용이하게 하고 UI를 이용할 때 편의성 증진 핵심 타깃 모바일 및 웹을 통해 다음췝툰 및 타 웹툰 플랫폼을 이용하는 국내 사용자. 매체 PC Web 저작물의 형식 반응형 웹사이트 작성자 장용환,장우진 작성일 2019년 9월 6일
  • 9. 프로젝트 브리프 Daum Webtoon 수행 조건 n/a 내용 메인페이지에 콘텐츠를 한눈에 볼 수 있게 구현 검색기능 개선 웹툰 페이지 내부 리모콘 기능 추가 일정 2주차 : 온라인 서베이 3주차 : 3C, SWOT분석 4주차 : 벤치마킹 5주차 : 서비스 흐름도 작성 6주차 : 정리된 내용으로 와이어 프레임 작성 7주차 : 스토리보드 작성 As is, To be를 기반으로 프로젝트 브리프를 작성 하였습니다. 전체적으로 사용성 증진에 초점을 맞췄으며, 그에 맞게 주어진 일정대로 프로젝트를 진행하였습니다. Web9
  • 10. 온라인 서베이 Daum Webtoon Web10 사용성에 키워드를 맞춰 설문 시작 1. 귀하의 성별은 무엇입니까? 2. 귀하의 나이대가 어떻게 되십니까? 3. 다음웹툰을 이용해보신적이 있으십니까? 4.다음웹툰을 이용하신다면 주로 어떤 플랫폼으로 이용하십니까? 4-1. 다음웹툰을 사용하시면서 불편하신 점이 있으십니까? 5. 다음웹툰을 이용하지 않으시다면 무슨 이유로 이용하지 않으십니까? 5-1. 어떤 점이 불편하다고 느끼셨습니까? 6. 귀하가 생각하시는 현재 다음 웹툰 웹사이트에 대한 점수를 1-5까지 매겨 주십 시오. 7. 만약 모바일 / 웹 / 태블릿 / 연동이 되고 개인 추천화된 웹툰 사이트가 생기면 사용하실 의향이 있으십니까? 7-1. 의향이 없으시다면 그 이유는 무엇입니까? 8. 웹툰을 보실 때 어떤 기능이 있었으면 좋겠습니까?
  • 11. 온라인 서베이 Daum Webtoon Web11 핵심질문을 뽑았습니다. 1. 귀하의 성별은 무엇입니까? 2. 귀하의 나이대가 어떻게 되십니까? 3. 다음웹툰을 이용해보신적이 있으십니까? 4.다음웹툰을 이용하신다면 주로 어떤 플랫폼으로 이용하십니까? 4-1. 다음웹툰을 사용하시면서 불편하신 점이 있으십니까? 5. 다음웹툰을 이용하지 않으시다면 무슨 이유로 이용하지 않으십니까? 5-1. 어떤 점이 불편하다고 느끼셨습니까? 6. 귀하가 생각하시는 현재 다음 웹툰 웹사이트에 대한 점수를 1-5까지 매겨 주십 시오. 7. 만약 모바일 / 웹 / 태블릿 / 연동이 되고 개인 추천화된 웹툰 사이트가 생기면 사용하실 의향이 있으십니까? 7-1. 의향이 없으시다면 그 이유는 무엇입니까? 8. 웹툰을 보실 때 어떤 기능이 있었으면 좋겠습니까?
  • 12. 온라인 서베이 Daum Webtoon Web12 4.다음웹툰을 이용하신다면 주로 어떤 플랫폼으로 이용하십니까? 5-1. 어떤 점이 불편하다고 느끼셨습니까? 4-1. 다음웹툰을 사용하시면서 불편하신 점이 있으십니까? 0 20 40 60 80 100 태블릿PC 웹 모바일 아니요 72% 네 28% • 부실한 인터페이스 • 좀 네이버가 친숙해서 다음은 좀 낯선 느낌입니다. • 네이*, 카카*페이지 처럼 저장이 안되는게 싫어여 • 유료 콘텐츠가 많다 • 네이버로도 충분함 • 그냥 불편하게 되있음 • 재미없다. 6. 귀하가 생각하시는 현재 다음 웹툰 웹사이트에 대한 점수를 1-5까지 매겨 주십시오. 0 20 40 60 1 2 3 4 5
  • 13. 온라인 서베이 Daum Webtoon Web13 7. 만약 모바일 / 웹 / 태블릿 / 연동이 되고 개인 추천화된 웹툰 사이트가 생기면 사용하실 의향이 있으십니까? 8. 웹툰을 보실 때 어떤 기능이 있었으면 좋겠습니까? 아니요 12% 네 88% • 네이버로 충분 • 웹툰을 진짜 안봅니다. • 현재, 많은 정보나 재미있는 컨텐츠들이 영상으로 제작되면서, 웹툰보다는 유튜브를 선호하는 추세로 변하였고 나 또한 그러함. 또한, 성인들은 취업 문제 혹은 여러가지 경제적인 문제로 인해 시간이 부족해짐에 따라 이용을 안할 것으로 추정. 성인들이 이용 을 하지 않는다면, 성인에게 맞는 컨텐츠 제작도 많이 되지 않을 것이므로 이용하지 않을 듯 싶음. • 모바일 PC연동
  • 14. 3C 분석 Daum Webtoon Web14 온라인 서베이를 종합한 결과 고객, 타사, 자사에 대한 피드백을 토대로 3C 분석을 진행했습니다. 고객 경쟁사 자사
  • 15. 3C 분석 Daum Webtoon Web - 고객 분석 15 모바일 서비스로 제공되는 디지털 만화 이용자가 급격히 증가. (2018, 뉴시스, 전진우)
  • 16. 3C 분석 Daum Webtoon Web - 고객 분석 16 0 10 20 30 40 50 60 70 80 90 100 20일 미만 10~20일미만 10일 미만 0일 월간 실행 일수 0일 (45%), 10일 미만 (30%), 10~20일 미만 사용자 (10%), 20일 이상 유저 (5% 이상) (2017, 앱에이프)
  • 17. 3C 분석 Daum Webtoon Web - 경쟁사 분석 17 76.9%네이버웹툰 76.9% (2017.12, 한국 콘텐츠 진흥원)
  • 18. 3C 분석 Daum Webtoon Web - 경쟁사 분석 18 S W • 타 플랫폼에 비해 많은 1004개 콘텐츠 (2019.09 웹툰 인사이트) • 웹사이트 리모컨 기능 • 다양한 콘텐츠를 한꺼번에 담는 인터페이스 • 무분별한 댓글 • 미리보기 72시간 지나면 재결재 유도 • 미리보기 뷰어 지원 불가
  • 19. 3C 분석 Daum Webtoon Web - 자사 분석 19 9.4%다음웹툰 9.4% (2017.12, 한국 콘텐츠 진흥원)
  • 20. 3C 분석 Daum Webtoon Web - 자사 분석 20 882개 콘텐츠(2019.09 웹툰 인사이트)
  • 21. SWOT 분석 Daum Webtoon Web21 3C분석에서 더 나아가 우리에게 필요할 점을 분석했습니다.
  • 22. SWOT 분석 Daum Webtoon Web22 S - 확고한 콘텐츠 컬러 (70몇개의 작품속에서 있는 통일성) - 해당 요일을 바로 볼 수 있는 인터페이스 - 다음이라는 검색엔진에 대한 접근성 - 연재가 된 웹툰 뿐 아니라 완결까지 난 웹툰의 랭킹을 쉽게 볼 수 있음 - 웹툰에 집중 된 인터페이스 - 결제를 하면 계속 볼 수있음 S W S - 타사에 비해 많지 않은 컨텐츠 - 해당 요일만 쉽게 볼 수 있는 인터페이스 - 연재가 된 웹툰의 순위만 중점적으로 볼 수 있음 (현재 연재중인 콘텐츠는 못봄) - 네이버, 카카오에 비해 접근성이 낮다. - 네이버웹툰과 달리 연결/연동 되는 이벤트 부족 W
  • 23. SWOT 분석 Daum Webtoon Web23 S - 커져가고 있는 웹툰시장 - 상대적으로 적은 콘텐츠로 유저의 혼잡을 막을 수 있음 - 주기적으로 진행되는 공모전을 통해 웹툰 시장을 개척하고 있다는 이미지 - 동종업계 플레이 스토어 2위 (2019.6 와이즈앱) O T O - 영상 기반의 다양한 웹툰 콘텐츠 등장 - 다음웹툰 같은 경우에는 여성 구독자가 상대적으로 많은 편인데 후발주자 여성 전용 웹툰 플랫폼 ‘봄툰’의 등장으로 인해 여성 구독자를 뺏길 수 있음. - 네이버 웹툰의 OTT시장 (영상기반) 진출 (네이버웹툰 “글로벌 OTT 전쟁, 우리는 기회…아시아의 디즈니될 것”, 2019, 블로터, 김인경) T
  • 24. SWOT 전략 Daum Webtoon Web24 O SO WO ST WT - 확고한 콘텐츠 컬러로 커져가는 웹툰시장에 코어 소비자를 구할 수 있음 - 다음이라는 큰 플랫폼의 접근성을 활용해 사용자를 유도 - 해당 요일의 콘텐츠를 적절히 배치하여 유저들의 혼잡을 막아 기존 유저들의 유출을 막음 - 공모전의 결과를 메인에 띄워 콘텐츠와 연동되는 이벤트를 만들어 고객을 유입시킴. - 이미 만들어진 영상화 된 콘텐츠 (영화 29년, 이끼 등) 영상기반으로 된 콘텐츠를 웹툰 페이지에 이벤트를 만들어 사이트 체류, 소비 유도 - 다양한 플랫폼 등장 속 개인화 된 페이지를 제공해 고객 유치 및 유출을 막음
  • 25. 벤치마킹 Daum Webtoon Web25 전략을 알았으니 그것에 대해 더 파고듭니다, 벤치마킹을 통해서.
  • 26. 벤치마킹 Daum Webtoon Web26 만화 속 세상 ‘다음웹툰’ 다음웹툰 9.4% (2017.12, 한국 콘텐츠 진흥원) / 전체 플랫폼 2위 콘텐츠는 확고한 편이지만 인터페이스나 CI가 묻어나지 않는 화면들로 이루어져 있다. 인터페이스 또한 모바일로 맞춰져 있어 PC로 볼 때의 이점은 찾아볼 수도 없으며 모든 스크린의 화면을 통일화 해야한다. 다음웹툰 http://webtoon.daum.net Contents UI Visual Marketing Theme & Massage Support 연계성이 높고 소개 콘텐츠로써 성실한가? 서비스에 적당한 콘텐츠인가? 차별화 된 콘텐츠는 만족스러운가? 사용성이 높은 UI 구조인가? 네비게이션은 효율적인 구조인가? 디자인은 세련되었는가? 동적요소가 있는가? 주요 요소가 눈에 띄이는가? 이벤트 및 홍보 영역이 있는가? 마케팅 지원 가능한 콘텐츠가 있는가? 고객 로열티를 높일 콘텐츠가 있는가? 이벤트 및 프로모션 정도는? 주제 및 사이트 컨셉이 명확한가? 말하고자 하는 요소 파악이 분명한가? 메시지를 전달하기 위한 메뉴가 존재하는가? 고객지원 요소는 충분한가? 고객지원 정보의 접근성은? 정보의 비교 및 습득이 용이한가? 사이트 상단에 이벤트 바를 통해 콘텐츠 유도하는 것은 좋다. 하지만 넘어가지 않고 하나의 콘텐츠만 보여주는 것이 문제다. 분석대상 분석 기준 주요내용 및 평가방법 웹툰플랫폼에 걸맞게 사이트에 적당한 콘텐츠를 보여주고있다. 타사와 달리 확고한 장르성이 있다. 사용자가 수동으로 연재물을 확인해야한다는 점이다. 타사에 비해 전혀 효율적이지 않은 구조를 띄고있다. 웹툰을 보는 화면은 마치 모바일 플랫폼을 연상케 하는데 제한적인 이 화면은 비효율적이다. 랭킹에 메인메뉴에서는 블러 처리를 줘 트렌드 함을 따랐지만 정작 소비가 많 은 웹툰 콘텐츠는 그런 생각이 안든다. 흔한 애니메이션도 없어 오히려 딱딱한 느낌을 준다. 전혀 없다. 페이지를 누르면 프로그레시브 방식으로 뜰 뿐이다. 모바일은 CTA 애니메이션이 있어 웹툰을 소비하는 느낌을 더해주지만 웹은 그런 느낌이 없다. 하얀색 백그라운드에 콘텐츠를 올려 잘 보인다. GNB밑에 바로 위치해있어서 바로 확인할 수 있지만 넘어가지않아 제한적이다. OSMU적인 콘텐츠 들이 많다. 영화, 이모티콘 등 다양한 컬쳐에 사용이 가능하다. (ex: 영화 이끼, 드라마 어쩌다 발견한 7월) 다양한 콘텐츠가 소비가능하다. (2019, 뉴시스, '웹툰의 진화' 모바일게임-드라마로 영역 확장) 16,17,18년 기준으로 평균 6-7개의 이벤트가 열렸다. 업계2위를 생각하면 터무니 없는 이벤트의 갯 수이다. ‘만화 속 세상’ 이라는 BI에 맞지않는 키워드다. 이걸 내세운 화면은 그 어디에도 없다. 브랜드 퍼스널 컬러만 남아있을 뿐 ‘만화 속 세상’ 이 뭘 의미하는지 소개 파트가 없다. 전혀 존재하지 않는다. 메인 사이트 푸터에 위치해 있어 잘 띄지 않는다. 해당 질문이 없으면 카카오톡으로 질문이 가능한 것은 괜찮다. 대표 질문 5개로 추려서 질문을 받는 것은 좋지만 이외의 질문을 하고 싶을때 이탈하는 수가 있다. 이점에서 아쉽다.
  • 27. 벤치마킹 Daum Webtoon Web27 Contents UI Visual Marketing Theme & Massage Support 분석대상 분석 기준 주요내용 및 평가방법 연계성이 높고 소개 콘텐츠로써 성실한가? 서비스에 적당한 콘텐츠인가? 차별화 된 콘텐츠는 만족스러운가? 사용성이 높은 UI 구조인가? 네비게이션은 효율적인 구조인가? 디자인은 세련되었는가? 동적요소가 있는가? 주요 요소가 눈에 띄이는가? 이벤트 및 홍보 영역이 있는가? 마케팅 지원 가능한 콘텐츠가 있는가? 고객 로열티를 높일 콘텐츠가 있는가? 이벤트 및 프로모션 정도는? 주제 및 사이트 컨셉이 명확한가? 말하고자 하는 요소 파악이 분명한가? 메시지를 전달하기 위한 메뉴가 존재하는가? 고객지원 요소는 충분한가? 고객지원 정보의 접근성은? 정보의 비교 및 습득이 용이한가? 네이버 웹툰 네이버웹툰 76.9% (2017.12, 한국 콘텐츠 진흥원) / 자사와 한등 수 차이 다양한 콘텐츠 하지만 너무 다양하다 보니 독이됐다. 기업의 정체성이 안보인다. 하지만 콘텐츠가 다양하다 보니 마케팅면에서는 뛰어나는 모습을 보여주었다. 네이버 웹툰 http://webtoon.naver.com 자사와 비교했을 때 약 100개가 넘는 콘텐츠를 보유하고 있다. 웹툰이라는 플랫폼에 맞게 다양한 콘텐츠를 담고있다. 하지만 이 콘텐츠가 너무 많다 보니 유저에 이탈을 유도할 수 있고, 다양한 콘텐츠를 담고있기에 콘텐츠의 색깔이 뚜렷하지 않다. 웹툰을 소비하는 이용자에게 편한 ‘리모컨’ 기능을 도입했다. 이는 웹툰을 보는 이들에게 언제든지 다양한 콘텐츠를 볼 수있는 방향성을 제시한다. 자연스럽게 사이트 체류를 유도한다. 헤더에 네이버메뉴 GNB에 네이버웹툰 메뉴를 달아 자사 사이트 유도를 권장하는 건 칭찬하지만 중복되는 메뉴가 두개가 있어 불필요한 선택지를 제공하고있다. 불필요한 광고, 요소들이 너무 많다. 눈에 띄지 않는다. 홈 화면 경우에는 오늘의 웹툰을 메인으로 내걸고 홍보하지만 나머지 화면 같은 경우에는 콘텐츠를 담으려 하다보니 가독성이 떨어진다. 상단부분아니라 하단부분에도 자연스럽게 읽을 수 있도록 제시를 하였다. 19년 9월 웹툰 인사이트에 따르면 1004개의 콘텐츠를 보유하고있다. 콘텐츠 미리보기를 통해 결재를 유도한다. 좌측에는 콘텐츠 우측에는 콘텐츠속 프로모션을 배치에 자연스럽게 새 콘텐츠를 유도하고 있습니다. 다양한 콘텐츠를 담았지만 역으로 너무 담아서 그 컬러를 보여줄 공간을 확보하지 못한게 아쉽다. 너무 많은 콘텐츠가 독이 됐다. 존재하지 않는다. 충분하지만 자사처럼 보기 쉽게 텍스트박스가 아닌 텍스트형식으로 되어 있어 유탈할 수 있는 경향이 있다. 푸터 위에 위치해있어서 상대적으로 접근이 용이하다. 해당 질문에 없으면 지식인으로 이동한다. 타사 입장에서는 영역을 확대 해서 좋지만 사용자 입장에서는 기능면에서 선을 긋는 것 같아 불필요한 과정을 띄고있다.
  • 28. 벤치마킹 Daum Webtoon Web28 유튜브 https://www.youtube.com Contents UI Visual Marketing Theme & Massage Support 분석대상 분석 기준 주요내용 및 평가방법 연계성이 높고 소개 콘텐츠로써 성실한가? 서비스에 적당한 콘텐츠인가? 차별화 된 콘텐츠는 만족스러운가? 사용성이 높은 UI 구조인가? 네비게이션은 효율적인 구조인가? 디자인은 세련되었는가? 동적요소가 있는가? 주요 요소가 눈에 띄이는가? 이벤트 및 홍보 영역이 있는가? 마케팅 지원 가능한 콘텐츠가 있는가? 고객 로열티를 높일 콘텐츠가 있는가? 이벤트 및 프로모션 정도는? 주제 및 사이트 컨셉이 명확한가? 말하고자 하는 요소 파악이 분명한가? 메시지를 전달하기 위한 메뉴가 존재하는가? 고객지원 요소는 충분한가? 고객지원 정보의 접근성은? 정보의 비교 및 습득이 용이한가? 동영상 플랫폼이라는 강점에 맞게 사람들이 직접 동영상을 올리기 때문에 무수한 콘텐츠가 있다. ’사용자가 동영상을 자유롭게 올리거나 볼수있는 사이트’ 취지에 맞게 다양한 콘텐츠가 공존한다. 타 플랫폼과 달리 자유로운 콘텐츠이기 때문에 전체적으로 사용빈도가 높다. (2018. 와이즈앱. 한국인이 가장많이 사용한 앱) 메인 페이지를 보면 LNB(내가 구독한 사용자), GNB(검색창)이 위치해 있어 직접적인 사용법을 제시한다. 대체적으로 보기쉽지만 햄버거 버튼을 누르면 메뉴가 닫히는데 거기서 좀 더 많은 콘텐츠가 나와야되는데 나오지 않아서 아쉽다. 텍스트보다는 아이콘 위주로 되어있어서 쉬운 어포던스적인 사용법을 유도한 다. 화면을 축소하거나 확대 할때 마이크로 인터렉션이 있어 영상 몰입감을 제공한 다. 콘텐츠가 대체적으로 가독성이 높다. 콘텐츠를 재생하기 전 나오는 광고는 사용자에 시선을 집중한다. 분야가 많아 여러 콘텐츠에 가능하다. 콘텐츠를 만든 이(유튜버)에게 매달 유료 멤버쉽을 등록하는 서비스가 있다. 또한 유튜브 프리미엄이라는 구독형 서비스를 실시하고 있다. 콘텐츠를 이용하기전에 광고로 나오기 때문에 집중력이 높을 수 밖에 없다. (“소비자 사로잡은 전자업계 유튜브 광고” 2019.9, 디지털타임즈 이미정) 자신이 직접 콘텐츠를 올린다는 사이트 컨셉에 명확하다. 콘텐츠를 검색하고 추천받을 수 있어 이 대목은 분명하다. 재생 바, 목록 등 브랜드의 퍼스널 컬러를 활용한건 좋지만 그런 메뉴는 보이지 않는다. 콘텐츠 옆 닷 버튼을 통해 언제든지 다양한 의견을 받을 수 있다. 콘텐츠 옆에 있기에 바로 실행이 가능하다. 플랫폼에서 답이 나오는게 아니라 메일을 통해 받아 이점은 생각해 볼 필요가 있다. 유튜브 한국인이 가장많이 사용한 어플리케이션 1위 / 와이즈앱 2018.12 전체적으로 콘텐츠를 잘 활용하고 있으며 콘텐츠 시작 전 광고가 나오는 마케팅 적인 요소는 휼륭하다. 또한 이 광고를 제거하는 유료 구독 플랫폼 수익창출또한 괜찮은 아이디어다. 웹적인 부분에서는 전체적으로 화면을 활용하려고 노력했다. 왼쪽에는 동영상을 보여주고 오른쪽에는 추천목록을 보여주는 등 모바일과 통일성을 유지하면서 활용성을 살렸다.
  • 29. 해결방안 도출 Daum Webtoon Web29 콘텐츠 인터페이스 개인화 편의성 전체적으로 콘텐츠컬러를 강조하면서 그 콘텐츠를 쉽게 소비할 수 있도록 개인화된 시스템으로 사용성을 높임
  • 30. 정보구조설계 Daum Webtoon Web30 다음웹툰 홈 랭킹완결 웹툰리그 MY연재홈 월 화 수 목 금 토 일 장르 작품 작가 연도 인기 연재랭킹 완결랭킹 일간 주간 일간 평점 1부 2부 랭킹전 공모전 웹툰 캐시 이용권 결제 내역 책갈피 찜한 작품 기다무 작품 MY 댓글
  • 32. 문서번호 화면목록 페이지번호 프로젝트명 다음웹툰 메인화면 시스템 명 작성일자 소속 작성자 Ver 페이지설명 다음웹툰 2019-10-13 DMD 12조 0.1 화면 설명 1 BI클릭 시 다음의 메인 페이지로 이동 2 각 대메뉴 클릭 시 해당 메뉴로 이동 ( 홈, 연재, 완결, 랭킹, 웹툰리그, MY 순 서 ) 3 로그인 : 버튼 클릭 시 로그인 페이지로 이동 4 최근 본 웹툰으로 이동 5 돋보기 아이콘을 넣어 웹툰을 검색할 수 있는 페이지로 이동 6 해당 배너에 대한 내용을 자세히 보기 7 버튼 클릭 시 수요웹툰의 목록 전체보 기 8 각 웹툰 썸네일 클릭시 해당 웹툰 페이 지로 이동 9 조회순과 별점순 탭 클릭 시 해당 순차 목록이 나옴 10 더보기 클릭 시 전체 랭킹 목록 페이지 로 이동 연재 완결 랭킹 웹툰리그 MY 로그인 MBC 수,목 드라마 원작 ---- 다음 화면에 이어서 ---- 3 4 5 6 7 8 1 최근본 ‘어쩌다 발견한 7월’ 단오의 운명 개척 로맨스! 원작 웹툰으로 미리 만나보세요. 자세히 보기 수요일의 웹툰 트레이스 토이 콤플렉스 카운터 밤의 새벽 대나무숲에서 알립니다 돈나무 N번째 연애 블랙 베히모스 더보기+ 우리가 사랑하는 방법 창백한 말 실시간 랭킹 조회순 별점순 트레이스 아비무쌍 겟 레디 위드 미 화양연화 징크스의 연인 멸종인간 N번째 연애 우리집이거든요! 오무라이스 꿀잼 토이 콤플렉스 1 2 3 4 5 6 7 8 9 10 더보기+ 9 10 DAUM 2 메인 ( 웹툰 메인페이지) 1
  • 33. 문서번호 화면목록 페이지번호 프로젝트명 다음웹툰 메인화면 시스템 명 작성일자 소속 작성자 Ver 페이지설명 다음웹툰 2019-10-13 DMD 12조 0.1 화면 설명 11 해당 신규 웹툰 썸네일 클릭 시 웹툰 페 이지로 이동 12 별 모양 클릭으로 웹툰에 평점을 줄 수 있음 13 하트모양 클릭으로 즐겨찾기 웹툰 등록 14 공유버튼 클릭으로 해당 웹툰을 sns에 공유할 수 있음 15 버튼 클릭 시 더 많은 신규 웹툰 페이지 로 이동 16 해당 완결 웹툰 썸네일 클릭 시 웹툰 페 이지로 이동 17 버튼 클릭 시 더 많은 완결 웹툰 페이지 로 이동 18 공지 클릭시 해당 공지 페이지로 이동 19 버튼 클릭 시 전체 공지 목록으로 이동 신규 웹툰 완결 웹툰 추천 학원, 액션, 일진 ONE 문제는 세상에 나쁜 놈들이 너무 많다는 거야. 이 건 혁명이야. 9.9 드라마,액션,북한 정상회담: 스틸레인3 정상회담을 위해 한자리에 모인 남북의 3인의 정 상들 예상치 못한 위기에 빠진다. 9.9 드라마, 일상, 가족 유색의 멜랑꼴리 "이 결혼 용남 못해!” 떨어지는 꽃잎 사이로 벌어 진 난투극. 34살 유도완의 결혼식은 그렇게 망했다. 9.9 순정, 코믹, 연애 흑역사 첫 연애를 끝낸 뒤, 자꾸만 남자들이 꼬이 는 중! 누가 똥차고 누가 벤츠일까? 9.9 드라마, 판타지, 인어 제주도 우도의 푸른 바다. 해녀와 인어의 특별한 인연이 시작된다. 9.9 학원, 액션, 전투 카운터 고통스러운 기억과 현실에서 벗어나기 위한 차정 은과 차혜리의 고군분투 9.9 해오와 사라 바니와 오빠들 더보기+ 순정, 드라마, 짝사랑 죽어도 좋아♥ 이루다 주임의 미중년 상사 백 과장, 이 둘 사이에 생긴 묘한 사건 9.9 공포, 스릴러, 좀비 1호선 5회 다음공모전 대상작, 폐허가 된 서울. 그녀를 찾기 위해 1호선을 따라 걷는다. 9.9 공포, 스릴러, 스토커 햄스터와 그녀 대학생 민규는 햄스터를 들고 다니는 이상한 여자와 엮이게 되면서 악몽 같은 일상을 겪에 되는데… 9.9 더보기+ 첫 화 보기 첫 화 보기 첫 화 보기 더보기+NOTICE 10월 유료화 작품 안내 2019-09-30 ---- 다음 화면에 이어서 ---- 11 12 13 14 15 16 17 18 19 메인 ( 웹툰 메인페이지) 2
  • 34. 문서번호 화면목록 페이지번호 프로젝트명 다음웹툰 메인화면 시스템 명 작성일자 소속 작성자 Ver 페이지설명 다음웹툰 2019-10-13 DMD 12조 0.1 화면 설명 20 클릭시 해당 배너에 관련한 본선 진출작 페이지로 이동 21 마케팅 배너 : 클릭 시 해당 팝업스토어 페이지로 이동 22 각 메뉴 클릭 시 해당 메뉴로 이동 23 각 메뉴 클릭 시 해당 메뉴로 이동 공모대전7 본선 진출작 발표 치열한 경쟁을 뚫은 14개의 본선 진출작 대공개! 작품 보러가기 + 20 다음웹툰 굿즈 팝업스토어 오픈! 10.10~10.20 신촌 현대백화점에서 만날 수 있어요. 보러가기 + 연재 및 유통문의 사업제휴문의 앱 다운로드 서비스 약관/정책 개인정보처리방침 권리침해신고 다음웹툰 고객센터 유료서비스 약관 Copyright C Kakao Corp. All rights reserved. 21 22 23 메인 ( 웹툰 메인페이지) 3
  • 35. 문서번호 화면목록 페이지번호 프로젝트명 다음웹툰 메인화면 시스템 명 작성일자 소속 작성자 Ver 페이지설명 다음웹툰 2019-10-13 DMD 12조 0.1 화면 설명 24 클릭시 웹툰 홈으로 이동 25 클릭시 전체화면 26 클릭시 웹툰 화면 닫기 27 왼쪽 화살표 클릭 시 이전화 이동 28 클릭 시 목록으로 이동 29 오른쪽 화살표 클릭 시 다음화 이동 30 클릭 시 페이지 맨 위로 이동 31 클릭 시 페이지 맨 아래로 이동 32 왼쪽 화살표 클릭 시 이전화 이동 33 오른쪽 화살표 클릭 시 다음화 이동 34 클릭 시 목록으로 이동 35 달리는 사람 아이콘 넣어서 클릭시 정주 행 모드로 변경 36 클릭 시 자동 스크롤 모드 진행 37 카메라 버튼 클릭 시 화면 캡쳐 5부 19화 웹툰 화면 프레너미 5부 19화 ICON ICON ICON 24 25 26 27 2928 32 33 30 31 35 36 37 34 서브 ( 웹툰 상세페이지 ) 4
  • 36. 문서번호 화면목록 페이지번호 프로젝트명 다음웹툰 메인화면 시스템 명 작성일자 소속 작성자 Ver 페이지설명 다음웹툰 2019-10-13 DMD 12조 0.1서브 ( 웹툰 검색페이지 ) 화면 설명 38 BI클릭 시 다음의 메인 페이지로 이동 39 각 대메뉴 클릭 시 해당 메뉴로 이동 ( 홈, 연재, 완결, 랭킹, 웹툰리그, MY 순서 ) 40 로그인 : 버튼 클릭 시 로그인 페이지로 이동 41 최근 본 웹툰으로 이동 42 돋보기 아이콘을 넣어 웹툰을 검색할 수 있는 페이지로 이동 43 검색어 입력 후 클릭 시 페이지 이동 44 화살표 클릭으로 필터 접었다 펴기 45 이전 추천 웹툰 표시 46 다음 추천 웹툰 표시 47 키워드 클릭 시 해당 키워드 검색 페이지 로 이동 연재 완결 랭킹 웹툰리그 MY 로그인 최근본 DAUM 검색 필터 연재 여부 장르별 연도별 전체 연재 완결 전체 액션 일상 개그 판타지 드라마 순정 스릴러 2019 2018 2017 2016 2015 2014 2013 2012 2011 2010 2009 2008 2007 액션, 스포츠, 권투 마샬아츠 부산에서 전학 온 문제아 황민도가 종합격투기에 도전하는 청춘 열혈 스포츠 만화! 추천웹툰 다음엔 이거 어때요? 추천키워드 # 결혼생활 # 복수 # 외계인 # 대학생 # 직장생활 # 일진 # 반려동물 # 솔로 # 음식 # 배틀 # 연예인 # 격투 38 40 39 41 42 43 44 45 46 47 5
  • 37. 기대효과 Daum Webtoon Web37 고객의 만족 회사의 수요 증가 웹툰 시장의 발전, 업계 1위로 성장하는 다음웹툰 편의성, 앱과의 통일성을 통해 고객의 만족도 증가 구독자의 지속적인 방문을 통해 수요 증가 다음웹툰 웹 리뉴얼
  • 38. 종합의견 Daum Webtoon Web38 그간 웹사이트의 디자인적인 요소에만 신경을 썼던 다음웹툰은 어플의 사용자 수는 유지가 되었지만 웹사이트의 이탈 수는 계속 상승하고 있습니다. 이러한 점으로 보아 웹툰을 다루는 웹사이트들에 있어 중요한 점은 단순한 디자인적인 요소만 아니라 독자들에게 맞춰진 개인화 그리고 웹사이트의 사용성 이였습니다. 저희는 이러한 점들을 분석하여 다음웹툰 웹사이트가 개선이 될 수 있도록 이러한 제안서를 작성하는 바입니다.
  • 39. End of Document 21961094 장용환 21961095 장우진