HYUNDAI AUTOEVER

HMG Auth

보다 더 편리하고 강력한 통합인증 플랫폼

HMG Auth 통합인증 셀프서비스 메인 화면

OVERVIEW

흩어져 있던 사내 인증 수단을
하나의 플랫폼으로 묶다

현대자동차그룹 임직원이 사용하는 FIDO · OTP · 모바일사원증 인증을 HMG Auth 한 곳에서 발급하고 관리합니다. 웹에서는 발급과 임시번호 관리를, 앱에서는 실제 인증을 담당하도록 역할을 나눠 각 화면이 해야 할 일을 명확하게 정리했습니다.

CLIENT
현대오토에버
PLATFORM
Web, Mobile App
SCOPE
UI/UX Design
YEAR
2024

01. WEB

발급은 웹에서, 한 번에

회사를 고르고 로그인하면 곧바로 발급 화면으로 이어집니다. QR과 수동, 두 가지 발급 방식은 같은 레이아웃 안에서 전환되도록 묶어 어느 쪽을 고르든 흐름이 끊기지 않습니다.

HMG Auth 웹 로그인 화면
로그인 — 회사 선택과 계정 입력
HMG Auth QR코드 발급 화면
발급 — QR 코드 스캔 방식
HMG Auth 수동 발급 화면
발급 — 수동 입력 방식

앱을 쓸 수 없는 상황까지 흐름에 담았습니다

기기를 바꾸거나 앱 설치가 어려운 임직원을 위해 기간제 임시번호를 두고, 남은 일수를 화면 가장 먼저 보이도록 배치했습니다.

HMG Auth 임시번호 발급 화면
임시번호 — 잔여 일수와 이용권 선택
HMG Auth 문의하기 화면
문의하기 — 문의 내역과 답변 확인

02. MOBILE APP

인증은 앱에서, 두 번의 탭으로

앱은 인증에만 집중합니다. 사원증과 인증수단을 카드로 쌓아 올려 지금 쓸 수 있는 수단이 무엇인지 한눈에 보이게 했고, OTP는 남은 시간을 게이지로 표시했습니다.

  • HMG Auth 앱 메인 화면 메인 — 인증수단 활성 상태
  • HMG Auth 앱 모바일사원증 미발급 상태 화면 메인 — 사원증 미발급 상태

등록부터 발급까지

QR 스캔과 수동 발급 중 하나를 고르는 지점부터 핀번호 등록, 완료 화면까지 단계 표시를 계속 노출해 지금 어디쯤인지 알 수 있게 했습니다.

  • HMG Auth 앱 QR 등록 화면 01. QR 스캔 등록
  • HMG Auth 앱 발급 시작 화면 02. 발급 시작
  • HMG Auth 앱 핀번호 등록 화면 03. 핀번호 등록
  • HMG Auth 앱 발급 완료 화면 04. 발급 완료

설정

인증 관리 · 공지 · 앱 관리 세 묶음으로만 나눠, 자주 쓰지 않는 화면일수록 찾기 쉽도록 했습니다.

  • HMG Auth 앱 설정 화면 설정 — 전체 메뉴
  • HMG Auth 앱 인증수단 관리 화면 설정 — 인증수단 관리

03. DARK MODE

어두운 곳에서도 같은 위계로

색만 반전시키지 않고 명도 단계를 다시 잡았습니다. 카드와 배경이 붙어 보이지 않도록 면을 분리하고, 인증 버튼은 밝은 화면과 같은 세기로 눈에 들어오도록 했습니다.

  • HMG Auth 앱 다크모드 메인 화면 메인
  • HMG Auth 앱 다크모드 핀번호 등록 화면 핀번호 등록
  • HMG Auth 앱 다크모드 설정 화면 설정
NEXT PROJECT