2008 경쟁 게임 웹사이트 벤치마킹_ pdf

2008게임 웹사이트벤치마킹

2008 12 08 TUE 임인규

OOOO 웹사이트 구축을 위한 게임 사이트 분석

ContentsINTERODUCE

한게임

피망

넥슨

엔씨소프트

엠게임

위메이드

한빛온

구름닷컴

기타

넷마블

벤치마킹 요약

03

04

13

24

36

46

51

56

61

66

76

89

Introduce게임을 잘 모르던 2008년 5월, OOOO이란 게임의 웹사이트를 만들어야 했습니다. 모르면 공부하자, 싶어서 주요 게임 포털의 웹사이트들을 분석하였습니다. (이 땐 어디가 주요게임 포털인지도 몰라서 네이버 검색량을 기준으로 뽑았었죠ㅋ)

경쟁 업체들의 게임 웹사이트의 장단점을 ‘컨텐츠’와 ‘디자인’의 측면에서 분석하고 유형별 특징을 파악하여 OOOO 웹사이트 구축의 기본 자료가 되는 벤치마킹을 실시하였습니다.

각 장은 게임 포털 별로 주요 웹사이트의 컨텐츠와 디자인의 장단점을 2X2 매트릭스에 따라 구분하였으며 장점은 빨간색 텍스트, 단점은 파란색 텍스트로 구분하여 작성하였습니다.

가장 마지막 장에서는 벤치마킹 하였던 총 75개의 웹사이트의 공통적인 특징을 끌어내어 신규 웹사이트 구축 시 참고가 될 수 있도록 간략하게 정리하였습니다.

이 자료는 최소한 ‘2008년 5월 시점의 대한민국 주요 게임 웹사이트의 메인 페이지들의모든 스샷을 볼 수 있다’는 수준의 의미는 있다고 생각하여 오래되었지만 공유하여 봅니다.

빨강 빨강

파랑 파랑

컨텐츠 디자인

장점

단점

- 2014년 6월 2일

HANGAME

한게임

반지의 제왕온라인CBT한게임

디자인유명한 캐릭터를 전면에 배치

컨텐츠초보자 가이드를 중앙에 노출

빨간 글씨 : 좋다고 생각되는 부분

파란 글씨 : 좋지 않다고 생각되는 부분

R2정식한게임

디자인캐릭터 + 배경의 전형적인 디자인BG영역과 컨텐츠 영역의 극명한 대비

컨텐츠공성 정보를 상단에 배치

아크로드정식한게임

디자인캐릭터 + 배경의 전형적인 디자인

컨텐츠특이사항 없음

던전앤 파이터정식한게임

디자인배경에 캐릭터와 컨텐츠가 얹혀진 구성그라나도 에스파다와 함께 유이한 세로형 네비게이션 구성

컨텐츠핵심 컨텐츠만 간결하게

몬스터헌터프론티어Teaser한게임

디자인인터렉티브를 극대화한 티저사이트게임 홍보 스틸샷을 활용하여구성

컨텐츠아이템을 수집하는 게임의 특징을 알리기 위한 ‘아이템 수집’놀이



울프팀정식한게임

디자인늑대 VS 인간의 대결구도를 살린 상단 비주얼블랙+브라운의 적절한 컬러 조화

컨텐츠홍보 동영상 강조



고고씽정식한게임

디자인레이싱 게임의 속도감을 반영한 메인 비주얼컨셉은 야간주행?


라그나로크2정식한게임



PMANG

피망

NBA스트리트온라인CBT피망

디자인임팩트는 있으나 어중간함배경(street) + 캐릭터의 일반적인 조합에 graffiti 요소를 융합하여 게임의 컨셉을 반영




AVA정식피망

디자인도시의 골목 질감을 살린 디자인강조하는 배너는 옐로우 테두리

컨텐츠다른 FPS에 비하여 상대적으로랭킹이 잘 보이지 않는 곳에 배치됨대회소식이 고정 배치

FIFA 온라인2정식피망

디자인축구공을 모티브로 한 상단 영역게임 스타트 버튼의 존재감이약함




텐비정식피망

디자인BI 컬러와 게임의 요소(배경/캐릭터 등)을 군데 군데 활용한깔끔한 디자인

컨텐츠‘아이템 감정’ 컨텐츠



워로드정식피망



듀얼게이트OBT피망

디자인카드게임이란 메타포 반영카드를 선택하면 화면 중앙 영역의 동영상 플레이

컨텐츠카드 게임 필수의 덱 구성 관련컨텐츠

알투비트정식피망

디자인음악게임이지만 음악적 디자인요소가 전혀 없음!!

컨텐츠푸시 아이템을 강조! (상단 배치)홍보 동영상 강조



포키포키정식피망

디자인너무 정직하게 타겟의 특성을반영항 디자인

컨텐츠‘커플해요’ 컨텐츠

퍼펙트KO정식피망

디자인캐릭터가 중요한 격투게임이지만 캐릭터를 사용하지 않고 디자인

컨텐츠캐릭터 소개를 잘보이는 위치에 배치



슬러거정식피망

컨텐츠‘자동 검색 배너’클릭하면 3천캣 지급검색하면 네이버 검색화면결국 게임 검색어 1위

(검색어는웹진 게임순위 반영)

디자인‘라이센스’를 강조한 실제 인물을 활용

NEXON

넥슨

메이플스토리정식넥슨

디자인캐릭터를 매우 많이 이용

컨텐츠‘투데이 친구’가 있음. 싸이의투멤과 같은 컨텐츠아이템을 특별히 강조하지 않음



카운터 스트라이크정식넥슨

디자인그레이톤의 세련된 질감이 훌륭텍스트형 정보(공지&전략) 등의 컨텐츠 해석이 탁월

컨텐츠커뮤니티 및 클랜의 강조



카트라이더정식넥슨

디자인상단 아이덴티티 영역과 공지, 로그인, 게임스타트를 일체화

컨텐츠포털형 컨텐츠 배치‘동영상 컨텐츠’ 강조



쿵파정식넥슨

디자인로고를 중앙 상단에 놓고큰 이벤트 영역게임 스타트도 액션게임 답게역동적으로 디자인

컨텐츠‘중계석’ 컨텐츠 생성



슬랩샷CBT넥슨

디자인CBT 웹사이트 답게 큰 이미지활용너무 어두침침한 블랙톤심심하고 눈에 들어오지 않는게임스타트 버튼

컨텐츠동영상 강조



크아비앤비정식넥슨

디자인컬러풀한 BG라인으로 컨텐츠 그룹간 구분


마비노기정식넥슨

디자인캐릭터를 이용한 깔끔한 디자인상단 공지 배너를 크게

컨텐츠홍보 동영상 강조게임 공략, 지식검색 컨텐츠

제4구역CBT넥슨

디자인슬랩샷과 매우 유사단점도 비슷너무 어두침침한 블랙톤심심하고 눈에 들어오지 않는게임스타트 버튼




SP1OBT넥슨

디자인블랙 & 화이트의 대비를 활용상단은 ‘미스터리 스릴러’ 컨셉을 활용

컨텐츠지식검색 컨텐츠게임정보 바로가기 배너들



바람의 나라정식넥슨

디자인컨셉도 없고 전체적으로 조잡함

컨텐츠오랫동안 쌓였을 무시무시한커뮤니티의 컨텐츠를 활용하지못하고 일반적인 게임 사이트와 같이 만듦



제라넥슨정식

디자인브라운 컬러 활용. 정체를 알 수없는 캐릭터의 활용.캐릭터 넣을 땐 이름이라도 써주자.게임스타트 버튼의 애매함

컨텐츠카툰 연재



NC SOFT

엔씨소프트

길드워TeaserNC소프트

컨텐츠인터렉티브한 체험을 통해게임의 특징을 경험

인트로 동영상 ->종족선택 ->참가 서명 ->전장 선택 ->직업 선택 ->길드 구성 (문장선택) ->파티 구성 (파티원선택)->전투시작 (파티원 선택) ->결과에 따른 영토 변경

디자인게임의 소스 활용한 플래시

체감형 티저 사이트!

http://factions.guildwars.co.kr/start.asp

http://factions.guildwars.co.kr/start.asp

리니지정식NC소프트

디자인상단 전체를 이벤트로 활용컬러로 컨텐츠 영역을 구분하는 고전 트랜드

컨텐츠‘집중! 리니지’ 컨텐츠 구분함께하는 리니지 등 커뮤니티형 컨텐츠의 적절한 묶음.



리니지2정식NC소프트

디자인이미지/배너 영역은 강한 컬러, 컨텐츠 영역은 화이트의 대비리니지와 마찬가지로 상단을이벤트 영역으로 활용

컨텐츠리니지2 매거진의 만화/동영상이 있음Best 커뮤니티가 있음 (오래된게임들의 공통적인 특징으로커뮤니티의 컨텐츠를 활용하고있음)GM온라인이란 코너를 두어GM을내세운 컨텐츠가 있음게임사이트 중 매우 드문케이스로 ‘검색창’을 부각

장수 게임들이 꼭 참고해야 할웹사이트!

게임 서비스 기간이 길어 방대한 컨텐츠가 쌓였을 경우에 어떻게 해야 하는지를 보여주는잘만든 웹사이트

AIONCBTNC소프트

디자인국내 최초의 게임 OCR사이트컨텐츠를 보기에 최적화된 디자인 (버튼이나 제목의 가독성을 위한 디자인이 좋음)

컨텐츠포럼형태의 툴을 활용한 컨텐츠 업데이트.

국내 최초의 게임 OCR 웹사이트!! (Open Communication Relationship)정보가 많은 대작 게임의 경우에 CBT 이전 단계에서 검토해볼만한 전략!!

포인트 블랭크정식NC소프트

디자인블랙에 형광블루를 포인트 컬러로 활용

컨텐츠클랜 검색을 메인에 배치.특이사항 없음



스매시스타정식NC소프트

디자인게임 스타트 버튼을 테니스공과 연결하여 레이아웃 구성

컨텐츠게임의 특징을 알리는 배너가크게 자리잡음

엑스틸정식NC소프트

디자인메카닉 캐릭터를 활용한 디자인다른 요소들에서 메카닉의 메타포를 활용하거나 하진 않음

컨텐츠특이사항 없음.

드래고니카CBTNC소프트

디자인독특한 레이아웃.‘오래된 문서’라는 비주얼 메타포가 게임의 특징과 밀접하진않음.

컨텐츠동영상 강조



마법학교아르피아OBTNC소프트

무려 플래시 게임!!!2007.12.17부터 OBT 시작꽤 많은 글이 있고 활성화되어있는 듯

디자인캐릭터 + 배경이라는 기본구성

컨텐츠오직 게시판 뿐

MGAME

엠게임

홀릭정식엠게임



풍림화산정식엠게임

디자인캐릭터 노출의 전형적인 디자인

컨텐츠GM이 tip을 주는 컨텐츠(똑같은 tip이지만 GM으로 포장)

저스티쇼CBT엠게임

디자인캐릭터 + 배경의 전형적인 디자인이면서도 네비게이션, 배너등에서 게임의 특징을 잘 반영이벤트 공지의 독특한 노출




열혈강호온라인정식엠게임

디자인레이아웃은 독특하나 reason why가 없음

컨텐츠게임의 요소에 어울리는conceptual labeling



WEMADE

위메이드

NEDOBT위메이드

디자인게임의 가장 큰 특징인 12종의크리쳐를 강조한 디자인크리쳐가 중요한 게임의 특징을 잘 반영한 독특한 레이아웃

컨텐츠12종의 크리쳐 소개



창천 온라인정식위메이드

디자인캐릭터 + 배경의 전형적인 디자인컨셉사이트 좋음

컨텐츠컨셉사이트, 인벤 등의 링크를옆에 걸어줌게임 속 삼국지 영웅 소개



나르샤 온라인OBT위메이드

디자인캐릭터 + 배경의 전형적인 디자인원화의 색감+질감을 극대화


스트리트 기어즈CBT위메이드

디자인Street에서 느껴지는 자유분방함을 반영


HANBIT ON

한빛 온

헬게이트:런던정식한빛온


컨텐츠‘지하방송국’

그라나도 에스파다정식한빛온

디자인세로형 메뉴구조를 채택하여1-2depth 메뉴를 동시 노출

컨텐츠업데이트되는 컨텐츠 위주의메인페이지 구성

스파이크 걸즈CBT한빛온

디자인미소녀 + 배구를 활용

컨텐츠홍보 동영상 노출

그루브파티OBT한빛온

디자인저채도 원색을 활용한 디자인독특한 메뉴 위치. 게임시작을강조.Typo의 활용이 지나쳐서 산만해보임




GOORUM

구름닷컴

개구리중사케로로파이터OBT구름인터렉티브

디자인캐릭터의 컬러의 활용을 극대화타겟 연령에 맞는 깔끔한 구성과 캐릭터의 적절한 활용

컨텐츠OBT부터 아이템을 강조.지속적인 동영상 제작/노출

‘케로로 라이브’가 아니라 ‘지금케로로에는 어떤일이?’ 라는 식의 레이블링

개구리중사케로로레이싱CBT구름인터렉티브

디자인캐릭터를 활용하고 레이싱의메타포를 넣어줌. 안전한 방법을 택한 디자인.


트리니티온라인CBT구름인터렉티브

디자인캐릭터를 이용하여 좌우를 잡아주었으나 배경과 컨텐츠와캐릭터가 따로 노는 느낌을 주는듯

컨텐츠액션게임은 동영상을 강조해야함. 그래서 동영상 있음.기타 특이사항 없음

브리스톨탐험대정식구름인터렉티브

디자인배경과 캐릭터를 활용한 레이아웃은 좋으나 캐릭터 퀄러티가 매우 낮음. 이런 경우엔 어울리지 않는 디자인 전략인듯.

컨텐츠브리스톨 연혁보기



ETC

기타

아틀란티카정식엔도어즈

디자인캐릭터 + 로고를 활용한 디자인

컨텐츠안내형 컨텐츠 배너들 묶음이좋음



십이지천2정식파란

디자인독특한 레이아웃‘전쟁’이란 무거운 컨셉의 디자인이지만 캐릭터는 전쟁과 안어울리는듯게임 스타트 버튼의 존재감이약함

컨텐츠시스템을 ‘한자’로 표시



월드오브워크래프트정식블리자드엔터테인먼트

디자인매우 좋다는 말 밖에…

컨텐츠상단과 하단의 구분을 명확히하여 이벤트와 공지 강조!컨텐츠 최소화

적당히 conceptual한 메뉴명



블랙샷정식엔트리브

디자인사상 초유의 캐릭터 뒷모습 메인 비주얼!!타산지석의 경우.

컨텐츠검색 배너 있음기타 특이사항 없음



오디션정식벅스게임

디자인캐릭터를 이용한 디자인퀵메뉴 활용을 높일 수 있는 구성

컨텐츠오디션 핫데뷰 있음

프리스타일정식조이시티

디자인농구 코트 메타포 활용은 신선하지만 산만하고 정리가 덜 된디자인

컨텐츠의상공모전 등의 컨테스트캐쉬 무료 충전소 노출

에어로너츠OBT조이시티

디자인도시 부감을 BG로 활용은 신선구름의 질감이 재미있음상단 비주얼에 인트로 영상을플레이 영역으로 활용

컨텐츠LIVE란 영역을 별도로 두고 강조!세계관을 강조조석의 에어로백서 만화 연재



겟앰프드정식윈디소프트

디자인보는 사람이 민망

컨텐츠투표가 비교적 큰 영역을 차지게임의 활성화 정도에 비하여웹사이트의 컨텐츠 구성이 매우 빈약



데카론정식게임하이

디자인몬스터를 사용한 메인 비주얼라인이 전반적으로 두껍게 사용되어 투박한 느낌을 줌

컨텐츠오늘의 포럼



NETMARBLE

넷마블

완미세계정식넷마블

디자인캐릭터 + 배경의 전형적인 디자인게임 스타트 버튼을 매우 강조한 레이아웃


프리우스온라인CBT넷마블

디자인고품질의 게임 원화를 활용네비게이션의 파격성

컨텐츠프리우스 일정 알림이



서든어택정식넷마블

디자인컨텐츠 노출과 캐릭터 노출 (혹은 게임 아이덴티티)의 어중간함

컨텐츠동접자 수가 많기에 서버 소식을 알리는 게 메인 컨텐츠

대항해시대정식넷마블

디자인게임의 특징을 담은 두말할 필요없는 이미지 활용


우리가 간다CBT넷마블

디자인미국 코믹스 스타일의 게임 비주얼을 활용명암 대비가 극단적




진삼국무쌍온라인CBT넷마블

디자인CBT라 네비게이션을 생략한 과감성메인을 ‘움직이는 광고판’으로구성

컨텐츠여러 사람이 말하는 ‘삼국지’ 혹은 ‘진삼국무쌍’



루미네스온라인OBT넷마블

디자인게임의 비주얼 특징을 반영한웹사이트

컨텐츠게임 플레이 영상



마구마구정식넷마블

디자인야구공과 카드 모티브를 활용한 디자인

컨텐츠금주의 마구대결. Vote 컨텐츠



그랜드체이스정식넷마블



SD건담캡슐파이터정식넷마블



미니파이터정식넷마블



스톤에이지2OBT넷마블


컨텐츠‘클럽’ 서비스

GMAE

WEBSITE

BENCHMARKING

SUMMARY

OverviewO

충성도

유저수

관심 방문 시도 재방문 전파

WebstieActivity

On-lineActivity

관심Interest

방문Visit

시도Trial

재방문Re-visit

전파Viral

강렬한 인상Impact

게임소개정보Accessibility

명료한 UI Usability

게임관련정보Information

커뮤니티Community

게임과 웹사이트의 관계 분석을 통한 역할 찾기

게임의 Product Life Cycle에 따라 필요한 기능적 특성이 다릅니다

충성도

유저수


WebstieActivity

On-lineActivity

관심Interest

방문Visit

시도Trial

재방문Re-visit

전파Viral

강렬한 인상Impact

게임소개정보Accessibility

명료한 UI Usability

게임관련정보Information

커뮤니티Community

Visit 장벽 Trial의 장벽 Re-visit의 장벽 Viral의 장벽

장벽 극복노력

길드 등의 집단적 플레이 혹은친구와 플레이 등의 커뮤니티 요소

혹은 게임의 화제성

게임의 기본적 호기심 유발언론자료, 플레이소감,

플레이의 욕구가 있도록 해야 한다동영상, 게임소개, 게시판의 다른 유저 글 등

WEB GAME 복합적PR

OverviewO OverviewO게임 플레이를 방해하는 단계별 ‘장벽’

각 단계마다, 다음 단계로 넘어가는데는 각각의 장벽이 존재합니다

충성도

유저수


WEB GAME 복합적PR

웹사이트만 잘 만들면 ‘100명 방문에 10명 플레이’를 ‘100명 방문에 20명 플레이’ 로 높일 수 있습니다.그리고 웹사이트는 방문자수 대비 플레이어수를 높일 수 있는 유일한 도구이기도 합니다.

‘방문자수대비 플레이어수’의비율을 높이는 유일한 도구!

OverviewO OverviewOWeb은 ‘Trial의 장벽을 없앨 수 있는 유일한 도구!!

Web은 그 중에서도 ‘방문 -> 시도’의 장벽을 없애는 거의 유일한 도구라 할 수 있습니다

OverviewO

주요 게임 포털에서 서비스 중인 게임 + NAVER 검색 순위 40위권 내 게임

서비스 구분 장르 구분

OverviewO2008년 5월, 75개 게임 웹사이트 분석

그런 web이 어떻게 만들어지고 있는지 주요 게임 포털의 75개 웹사이트를 분석했습니다

커뮤니티

홍보컨텐츠

게임정보

커뮤니티 생성 커뮤니티 유지컨텐츠 생성

컨텐츠 확대

Service Cycle

Info.Quantity

영상물 등

이벤트 등가장 활발한 홍보

정기적홍보

기본 정보

게임 소개 등

정식서비스변경사항업데이트

고급정보는커뮤니티에서 생산

홍보컨텐츠의미 약화

CBT OBT 정식 장수

런칭 활성화 수익 창출 지속성 중심

OverviewO OverviewOPLC에 따라 변화하는 웹사이트

게임의 웹사이트는 PLC에 따라 이러한 특징을 가져야 한다고 봅니다만

OverviewO

커뮤니티홍보컨텐츠

게임정보

게임방법

게임소식

아이템

영상

프로모션

아이템

길드

랭킹 게시판

PLC의 구분, 용도의 구분, 니즈의 구분 아무것도 몇 년째 구성요소가 변하지 않고 있습니다

OverviewO10년이 지나도 천편일률적인 게임 웹사이트의 컨텐츠 구성

OverviewO

캐릭터활용 배경

비주얼활용

스토리텔링무비

게임 속오브젝트

활용

게임의특징요소

OverviewO10년이 지나도 천편일률적인 게임 웹사이트 디자인

배경으로 게임 비주얼을 깔고 캐릭터 얹는 공식으로 만들어진 웹사이트가 전체의 87% 였습니다

OverviewO OverviewO게임 웹사이트의 대안?

몇 년째 거기서 거기인 게임 웹사이트

다른 웹사이트들도 몇 년 동안 비슷한지

다른 웹사이트에서 게임 웹에 적용할 수 있는 건 없는지

기획자들은 무슨 일을 하는지

3년 뒤에도 게임회사에서 프로로써 일을 하려면 뭘 알아야 할지

게임 웹사이트는 어떻게 변해가야 할지

A to Z로 풀어봤습니다!!

To be continued

[email protected]

임인규

So what?

2008 경쟁 게임 웹사이트 벤치마킹_ pdf

Business

Transcript of 2008 경쟁 게임 웹사이트 벤치마킹_ pdf