PUBG.OP.GG – 디자인 접근 방법

작년 11월에 OP.GG에서 배틀그라운드 전적 서비스인 PUBG.OP.GG를 출시했습니다. 서비스 시작 이후로 지금까지 꾸준히 사용자 수가 늘고 있죠. 이번 글에서는 PUBG.OP.GG 서비스 디자인의 접근 방법과 현재까지의 진행 과정에 관해 이야기하고자 합니다.   OP.GG는 한국을 기점으로 글로벌로 나아간 서비스입니다. 게임에 대한 한국인의 열정은 대단하죠. 그래서인지 PUBG.OP.GG도 한국 시장을 먼저 점유해야 한다는 생각이 강했습니다. 안타깝게도 PUBG.OP.GG는 배틀그라운드 출시보다 […]

OP.GG App – 홈 화면 개선

OP.GG는 웹으로 처음 시작한 서비스입니다. 처음에는 리소스가 부족해서 웹뷰로 보여주는 앱을 런칭했었습니다. 하지만 모바일 시대가 도래하면서 모바일에서의 사용자 경험이 중요시되는 환경이 조성되었고, 앱을 활용한 효율적인 마케팅 방안들이 생기면서 앱의 필요성이 대두되었습니다.   OP.GG = 게임 전적 서비스 OP.GG는 유저가 게임을 플레이하고 있을 때 가장 활발한 서비스입니다. 인게임에 대한 정보들을 확인하거나, 게임에 필요한 빌드를 확인하기 위함이죠. […]

BEST.GG – 디자인 구조

오늘은 BEST.GG의 구조에 대해서 얘기해보려고 합니다. 페이지의 전체적인 레이아웃과 내용에 맞는 UI 구성을 잡아가면서 BEST.GG만의 규칙을 만들어가는 과정이었죠.   1. 그리드 (Grid)   BEST.GG의 구조를 짤 때 가장 중요시했던 부분은 통일된 그리드를 통해 전반적인 사이트의 구성을 탄탄하게 가져가고자 함이었습니다. 작업하면서 몇 가지 불가피한 예외사항들이 있어 100% 완벽하게 적용했다고 하기에는 어렵지만, 작업에 들어가기에 앞서 그리드를 정해놓았기 때문에 […]

첫 웹사이트 작업기

BEST.GG는 UI 디자인을 시작하게 된 지 6개월 정도 되던 시점부터 만든 사이트입니다. (!) 신입 디자이너가 사이트를 만드는 일은 아마 흔한 일이 아닐 겁니다… 그래서 오늘은 BEST.GG 프로젝트를 시작하겠다고 들었던 당시의 기억을 되살려 글을 써보려고 합니다. 초기에 아무런 구상 없이 무작정 만들기만 했었던 디자인 시안을 다시 보면 무슨 생각으로 저렇게 했었지? 라는 생각이 들기도 하는데요… ㅎㅎ […]

BEST.GG – 전적 페이지 디자인

BEST.GG는 OP.GG의 패밀리사이트로 얼마 전 베타 버전을 오픈했습니다. OP.GG는 롤을 플레이하는 전 세계 모든 유저들에 대한 전적을 보는 사이트였죠. 그에 반해 BEST.GG는 과거부터 현재까지 프로 리그를 뛰고 있는 선수들과 팀에 대한 전적을 보는 사이트입니다. 여러 지표를 분석한 통계를 바탕으로 저희만의 기준을 만들어 팀 순위 및 선수 순위에 대한 데이터를 제공하고 있으며, 실제 선수들이 경기에서 사용하는 […]

최근 20게임 overview 개편

모스트 챔피언 및 포지션 정보 추가 OP.GG의 가장 중요한 기능을 담당하고 있는 전적검색 페이지에서 최근 20게임 overview에 대한 디자인이 변경되었습니다. 기존에는 승률 및 KDA에 관련된 정보만 제공하고 있었죠. 그러나 롤에 대한 데이터들이 점차 고도화되면서, 유저들은 최근 전적에 대한 보다 다양한 통계를 원하고 있습니다. 최근 20게임에 대한 데이터 개편의 필요성을 느낀 저희는 리뉴얼 작업을 진행하기로 했습니다. […]

OP.GG 사이트 내 컬러 이슈

OP.GG는 ‘리그 오브 레전드(이하 롤)’라는 게임에 대한 통계 및 전적 검색 사이트입니다. 게임 기반의 사이트라 화려하고 색이 많은 이미지를 그대로 보여줘야 하기 때문에 수많은 통계들과 이미지, 그리고 색상 사이의 균형이 중요한 이슈로 여겨집니다.  ‘팀’과 ‘승패’에 대한 색상 기존 롤에서는 진영에 따라 블루팀과 퍼플팀 2개의 팀으로 구분되어 있었습니다. 그러나 몇 년 전에 퍼플팀이 레드팀으로 바뀌면서 블루팀, […]