Hunters Arena Operational Tools
헌터스 아레나 운영툴
UX/UI
헌터스 아레나 운영툴
UX/UI
It is a web-based operating tool for smooth operation of Mentisco's first project 'Hunters Arena: Legend'. There are functions such as item now, event, rolling notice setting, etc., which are necessary functions for communication managers, and KPI figures and indicator data can be checked. In addition, a mobile environment was considered to enable access through an external access network.
It consists of a layout that flows from left to right, and has a step layout with a parent, child, and grandson structure. It is an asymmetric layout that is largely configured to select the desired menu in the parent section, make the necessary elements or searches in the child section, and view the desired content in the grandson section. This is a UX that takes into account the flow of gaze and convenience, and allows it to be intuitively checked in a flat design method. The color took into account the manager's perspective of using the tool for a long period of time, using a gradient that changes from blue to emerald green, which reduces eye fatigue.
It consists of a layout that flows from left to right, and has a step layout with a parent, child, and grandson structure. It is an asymmetric layout that is largely configured to select the desired menu in the parent section, make the necessary elements or searches in the child section, and view the desired content in the grandson section. This is a UX that takes into account the flow of gaze and convenience, and allows it to be intuitively checked in a flat design method. The color took into account the manager's perspective of using the tool for a long period of time, using a gradient that changes from blue to emerald green, which reduces eye fatigue.
멘티스코의 첫번째 프로젝트 '헌터스 아레나: 레전드'의 원할한 운영을 위한 웹 기반의 운영툴이다. 커뮤니케이션 매니저에게 필요한 기능인 아이템 지금, 이벤트, 롤링 공지 설정 등의 기능이 있으며 KPI 수치, 지표 데이터 등을 확인 할 수 있다. 또한, 외부 접속망을 통하여 접속이 가능하게끔 모바일 환경까지 고려했다.
좌측에서 우측으로 흘러가는 레이아웃으로 구성하였으며 부모, 자식, 손자 구조의 층계 레이아웃으로 되어있다. 부모 섹션에서 원하는 메뉴를 선택하고 자식 섹션에서 필요한 요소 혹은 검색을 하며 손자 섹션에서 원하는 내용을 볼 수 있게 크게 구성한 비대칭 레이아웃이다. 이는 시선의 흐름과 편의성을 고려한 UX이며, 플랫 디자인 방식으로 직관적으로 확인할 수 있게 한다. 색상은 눈의 피로감을 줄이는 파란색에서 에메랄드 그린으로 변화하는 그라데이션을 사용하여 오랜 기간 툴을 사용하는 매니저의 시각을 고려하였다.
좌측에서 우측으로 흘러가는 레이아웃으로 구성하였으며 부모, 자식, 손자 구조의 층계 레이아웃으로 되어있다. 부모 섹션에서 원하는 메뉴를 선택하고 자식 섹션에서 필요한 요소 혹은 검색을 하며 손자 섹션에서 원하는 내용을 볼 수 있게 크게 구성한 비대칭 레이아웃이다. 이는 시선의 흐름과 편의성을 고려한 UX이며, 플랫 디자인 방식으로 직관적으로 확인할 수 있게 한다. 색상은 눈의 피로감을 줄이는 파란색에서 에메랄드 그린으로 변화하는 그라데이션을 사용하여 오랜 기간 툴을 사용하는 매니저의 시각을 고려하였다.
