BEST.GG – 디자인 구조

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

선택과 집중 X 챔피언 분석 X 첫번째 이야기

본 이야기는 OP.GG에 챔피언 분석 디자인 리뉴얼에 대한 이야기를 담고 있습니다. 크게는 이번 리뉴얼디자인에 대한 접근 방법부터 작게는 어떠한 고민을 담고 있는지 이 이야기는 여러 편에 거쳐 쓸 예정이며 본 편은 프롤로그 정도로 보면 될 것 같습니다.   챔피언 분석부터 OP.GG가 앞으로 PC 서비스의 디자인의 새로운 방향성입니다. 모바일과 PC는 각각 뚜렷한 목적으로 접근하여야 하고 우선 […]

Segmented Controls (세그먼트 컨트롤)

간혹 디자인 회의를 할 때 동료 디자이너들과 User Interface (UI)에 대한 관점이 다른 경우가 있습니다. 디자인의 Look&Feel을 논의할 때는 서로의 의견이 다른 경우, 관점이 다르더라도 자기의 생각이 주관적임을 인식하고 얘기하기 때문에 이해할 수 있다라고 생각하는데 반해 UI의 경우는 상대방을 설득하기가 쉽지 않습니다. 여러가지 이유가 있겠지만 가장 큰 이유는 UI는 주관적이 아니라 객관적이고 보편적이라고 생각하기 때문이 아닌가 […]

첫 웹사이트 작업기

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

OP.GG에서 함께 서비스를 만들어갈 팀원을 찾습니다.

We make gaming better. OP.GG는 전세계 11개의 지역에서 20개 국어로 서비스를 제공하고 있으며 매월 2,500만명의 사용자가 방문, 월 2억 5천만회 이상의 페이지뷰를 기록하고 있습니다. 최근 오버워치의 인기가 높아짐에 따라 ‘오버워치 전적 서비스’를 출시하였으며, 역시 업계 점유율 1위를 기록하고 있습니다. 또한 모바일 게임 최초로 주식회사 네시삼십삼분과 협업 하여 ‘팬텀 스트라이크 전적 검색’을 출시 하였습니다. 본격적으로 팀을 […]

OP.GG의 모바일 앱을 개발할 iOS 개발자를 찾습니다.

OP.GG의 iOS 앱을 개발할 엔지니어를 찾습니다. 전반적인 회사 및 서비스에 대한 소개나 업무 환경은 아래 포스트를 통해 먼저 확인할 수 있습니다. ‘OP.GG 개발팀에서 함께 서비스를 만들어갈 팀원을 찾습니다.’ 주요 업무 OP.GG의 iOS 네이티브 앱 신규 기능 개발 끝내주는 UI를 구현하기 위해 UI/UX 디자이너와의 적극적인 협업 글로벌 서비스를 위한 각종 현지화 기능 구현 스크럼 개발팀에 참여하여 […]

OP.GG에서 백엔드 개발자를 찾습니다.

OP.GG를 함께 만들어갈 웹 개발자를 찾습니다. 전반적인 회사 및 서비스에 대한 소개나 업무 환경은 아래 포스트를 통해 먼저 확인할 수 있습니다. ‘OP.GG 개발팀에서 함께 서비스를 만들어갈 팀원을 찾습니다.’ 주요 업무 각종 신규 서비스 기능 개발 및 개선을 위한 백엔드 API 개발 (PHP 7 with Laravel 로 구성됨) 2,000만 유저들의 빠르고 쾌적한 서비스 사용 경험을 위한 시스템 […]

OP.GG에서 프론트엔드 개발자를 찾습니다.

OP.GG를 함께 만들어갈 프론트엔드 개발자를 찾습니다. 전반적인 회사 및 서비스에 대한 소개나 업무 환경은 아래 포스트를 통해 먼저 확인할 수 있습니다. ‘OP.GG 개발팀에서 함께 서비스를 만들어갈 팀원을 찾습니다.’ 주요 업무 끝내주는 UI를 구현하기 위해 UI/UX 디자이너와의 적극적인 협업 사용자 환경에 맞춘 PC 및 모바일 웹 UI 구현 주요 게임 지표 및 통계 데이터에 대한 시각화 구현 […]

The past and the future of OP.GG

2014년 1월에 1주년 글을 쓴 후 3년을 달려왔습니다. 그동안 모든 것들이 변했습니다. OP.GG의 트래픽은 지난 4월에 월간 방문자수 2,500만명을 최초로 돌파했고, 생각보다 큰 회사가 되면서 여러가지 일들을 겪었습니다. 그리고 저도 처음 맡아본 임원직이자 CTO로서 배운 것이 정말 많았습니다. 2014년에 올린 글 ‘OP.GG 오픈부터의 1년을 되돌아보며’ 에서는 OP.GG가 태동 이후 급속도로 성장하면서 어떻게 기획과 개발이 되었냐, […]

티어 그래프

소환사 페이지에 있는 티어 그래프를 보시나요?   티어그래프는 자신의 티어 변동 (LP 변동)을 한 눈에 보기 쉽게 만든 그래프입니다. 티어그래프는 플레이어 전적 페이지 상단 솔랭 MMR 버튼 옆에 위치하고 있습니다. (상단 화면은 개선전이라 티어 그래프가 MMR 체크 옆에 위치해 있습니다) Problems & Solutions 티어 그래프를 개선한 지 살짝 시간이 지나서 기억을 더듬으면서 정리해 보겠습니다. 상단 […]