행동 과학 기반
게임형 진단
협업을 위해 디자인 업무 프로세스를 구축한 사례
프로젝트 기간
11 - 2022. 07
2021년 12 서비스 출시
7월 모바일 개발 완료 시점
참여 범위 (기여도)
디자인 100%
게임 UI/UX, 애니메이션 등
1인 디자이너 참여
팀 프로젝트
디자이너 1명 (본인) 참여
피플 사이언티스트 3명
개발자 3명 (프론트, 백앤드)
작업 툴
Figma, Adobe Illustrator
Notion, ClickUp
Adobe After Effects
프로젝트 배경
행동 측정 기술로 만든
게임형 진단
인에이트의 게임형 진단은 기존 인적성 검사의 한계를 느껴 새로운 채용 평가를 찾던 기업들을 위해 행동 측정
기술로 만들어진 진단입니다. 진단 참여자의 게임 내 행동을 분석하여 개인의 강점과 성향을 측정하기 때문에,
일반적인 설문이나 면접에서 발견하기 어려운 성향을 미리 알아차리고 검증하는 것이 가능합니다.
2021년 12월 첫 베타 서비스 출시 이후, 현재는 '채용 평가'에만 집중했던 비즈니스를 HRD 솔루션까지
확장하였고 게임형 진단을 활용하여 구성원 강점 진단 솔루션을 제공하고 있습니다.
서비스 프로세스
게임형 진단 UI/UX
분석 결과 디자인까지
입사 초기, 서비스 출시를 위해 디자인 인턴 1명과 함께 게임형 진단의 전반적인 UI/UX 디자인을 진행했습니다.
또한, 진단 웹서비스 in8.kr의 설계 및 디자인을 진행하고, 서비스 출시 후에는 '채용 평가' 솔루션에 활용될 수
있도록 진단 결과 리포트를 개선했습니다.
프로젝트 참여 범위
PC전용 게임형 진단
UI/UX
모바일 게임
UI/UX
웹 디자인
(진단 참여자,
기업 고객용)
채용 평가 솔루션
리포트 디자인
게임 UI/UX
게임 플레이 영상
업무 프로세스
디자인 프로세스로
신뢰 자산을 쌓기
인에이트는 다양한 문헌과 연구를 분석하여 데이터 수집 및 로직을 개발합니다. 게임을 만들기 위해서는
필요한 정보들을 기획자(피플 사이언티스트)가 제공하면 이 기획안을 바탕으로 주요 요구사항과 문제점들을 파악,
개발자와 함께 제작을 진행합니다. 대부분의 게임의 경우 수집하고자 하는 데이터에 의해 필수 요구사항이
있었지만, 참고 자료가 없는 새로운 게임 디자인을 시도하기도 했습니다.
게임 디자인 프로세스
요구사항 파악
및 이슈 파악
자료 공유 요청,
리서치 및 문헌 참고
디자인 미팅
및 프로토타입 공유
UI/UX 디자인,
그래픽, 애니메이션,
Hand-Off
모든 디자인 프로세스 및 과정을 팀원들에게 공유
미리 이슈와 요구사항을 파악하고, 필요한 경우 레퍼런스를 전달받아 분석하여 적용하거나 없으면 유사한 디자인 또는 사례를 직접 찾아보기도 하였습니다.
디자인을 진행할 때 'Workspace' 라는 Figma 파일 내 Page를 별도로 생성하여 모든 디자인 과정을 동료들이 확인할 수 있게 했으며, 또 디자인 프로세스를 기록하여
공유했습니다. 일정 상 일부 과정을 생략해야 했던 경우도 있지만, 주로 위의 프로세스를 유지하려고 노력했습니다.
디자인 핸드오프
모든 디자인 파일에
동일한 규칙 적용
동료들이 (개발자, 피플 사이언티스트) 디자인 파일을 열어 봤을 때 각 페이지의 어느 위치에 어떤 정보가 들어
있는지 쉽게 이해할 수 있도록, 디자인 파일 전체에 일관된 체계를 만들어 적용하였습니다.
위의 구조를 모든 게임 디자인 파일에 적용하여 누구나 쉽게 디자인을 확인할 수 있도록 공유
디자인 결과물
행동을 측정하는
새로운 게임형 강점 진단
PC 전용 게임 UI/UX
솔루션에 활용된
게임형 진단
인에이트 솔루션에 활용되는 프로덕트로 PC 전용 게임형 진단의 게임 UI/UX 디자인, 게임 가이드 일러스트,
가이드 애니메이션, 게임과 게임을 이어주는 링크 페이지 등의 디자인을 진행하였습니다.
프로모션용
모바일 게임
PC전용 진단의 경우, 사용자의 다양한 디바이스 크기에 대응하고 화면의 집중도를 높이기 위하여 어두운 배경에 라이트한 프레임으로 게임을 디자인 했다면 한정적인 크기의 모바일 화면의 경우, 화면 전체를 프레임으로 활용
하였습니다.
가이드 일러스트, 애니메이션
게임 방법 안내
가이드와 애니메이션
이 게임은 사용자의 게임 내 행동을 분석하여 개인의 강점과 성향을 측정하기 때문에, '연습 모드' 서비스는 별도로 제공되지 않습니다. 그래서 사용자들이 게임을 이해할 수 있도록 가이드와 미리보기 애니메이션을 제공합니다.
게임 가이드 일러스트 (일부)
모바일 게임 애니메이션
모바일 게임의 경우, 프로모션 목적이기에 새로운 시도를 해볼 수 있었습니다. 이에 따라, 게임형 진단의 컨셉에
맞춰 정적인 가이드가 아닌 스크롤 애니메이션 형태의 가이드를 제공하는 전략도 시도해보았습니다.
디자인 라이브러리
게임과 웹 서비스
디자인 시스템
모든 게임과 서비스 디자인을 혼자서 진행하고 관리하기에 일관된 디자인 스타일을 유지하기 위하여 디자인
시스템을 만들고 관리하였습니다.
게임형 진단 참여자 전용
웹 사이트 UI/UX
기업 고객에게 '초청 코드'를 전달받은 진단 참여자가 in8.kr에 가입 후, 코드를 입력하여 게임 세트를 추가합니다. 게임 세트의 일정을 확인하고 일정 안에 원하는 시간, 장소에서 게임을 진행합니다.
기업 고객용
웹 사이트 UI/UX
기업 고객이 공고별로 게임을 관리할 수 있도록 제공합니다. 게임 세트를 만들어 초청 코드를 전달하면 개인 참여자가 전달받은 코드를 등록하여 게임을 진행하고 기업 고객은 진행 상황을 확인할 수 있습니다.
2023년 8월 기준으로, 채용 솔루션의 리포트만 웹에서 확인할 수 있습니다.
리포트 디자인
기업 고객이 확인하는
채용 솔루션 리포트
게임형 진단의 결과가 적용된 채용 솔루션 리포트도 제작하였습니다. 진단 참여자가 게임을 완료하면 기업 고객이 기업 고객 사이트에서 지원자의 결과를 확인할 수 있으며, PDF로 다운받을 수 있습니다.
채용 솔루션 리포트
다양한 방식으로 개선을 시도한 채용 리포트
모바일 게임 결과
참여자가 확인하는
나의 강점과 성향
마케팅 목적으로 제작된 모바일 게임에서는, 사용자들이 자신의 결과를 SNS에 공유하도록 유도하기 위해
인에이트의 강점 유형을 반영한 일러스트를 제작하였습니다.
게임 내 그래픽 요소
게임 내에 필요한 그래픽 요소를 디자인하고, 애니메이션을 제작하였습니다. 디자인 작업에는 Figma, Illustrator, After effect를 주로 활용하였습니다.
프로젝트 리뷰
초기에 1인 디자이너로 일하는 것에 부담감도 느꼈지만, 제 스스로 체계적인 업무 방식을 구축하고, 이를 동료들과 공유함으로써, 다수의 테스크를 해결하며 생산적인 협력까지 이끌어 낼 수 있었습니다. 스타트업 1인 디자이너로 일을 할 때는 자신만의 고유한 프로세스와 업무 체계를 구축하는 것이 중요하다는 것을 인식하게 되었습니다.
행동과학 기반
게임형 진단
협업을 위해 디자인 업무 프로세스를 구축한 사례
포트폴리오 사이트에 방문해주셔서 감사드려요.
버튼을 클릭하면 메일 주소가 복사됩니다!
대화를 나누고 싶다면 언제든 연락주세요.
© Hyemi Yun