HITEJINRO(하이트진로) Thumbnail
HITEJINRO(하이트진로) Logo

하이트진로는 국내 주류업계 최초로 100년을 바라보는 기업입니다.


About Client

하이트맥주와 진로가 단일 회사로 통합되어 탄생한 하이트진로는 현재 주류시장을 석권하고 있는 국내 1위 종합 주류 업체입니다.


Needs

하이트진로의 경영진과 직원들은 기능이 부족하고 사용성이 낮은 기존 그룹웨어로 불편을 겪고 있었습니다.
경영진은 기존 모바일 그룹웨어가 경영정보를 제공하지 않는 점, 직원들은 영업 현장 등 외부 환경에서 작업 시 기존 모바일 그룹웨어로 업무를 처리할 수 없는 점이 가장 큰 불편이었습니다.
우리는 하이트진로의 다양한 직무, 직급, 조직구조의 특성을 반영하여 업무 효율을 높일 수 있도록 UX 개선 작업을 진행했습니다.


Project Goal

개인화 UX의 적용으로 모바일 그룹웨어의 사용성을 높여, 업무 효율을 향상하고자 했습니다.
모바일 화면에 최적화한 데이터 시각화로 빠르고 간편하게 경영정보를 확인할 수 있게 했습니다.
외부에서도 원활하게 업무를 처리할 수 있도록 결재/승인 등 모바일 업무 기능을 강화하였습니다.


UX/UI Principle 01

개인화 UI

직급과 직무별 주요 업무를 파악하기 위해 사용자 인터뷰를 진행하고 그 결과를 메인 화면 UI에 적용했습니다.
모든 사용자가 동일한 화면을 사용하는 UI 대신 사용자가 직접 메인 화면과 메뉴바의 메뉴들을 설정하는 개인화 UI를 제공했습니다.

HITEJINRO(하이트진로) UX Concept

간결한 메인 화면과 풍부한 업무 콘텐츠를 제공하는 서브 메인 화면

사용자 선호도 조사를 통해, 메뉴 버튼과 간략한 정보를 담은 심플한 메인 화면을 구성했습니다.
심플한 구성의 메인화면에서 4개의 서브 메인으로 쉽게 이동하게 하여 간결한 시작에서 구체적 정보로 확장하는 순차적 경험을 제공했습니다.

HITEJINRO(하이트진로) UX Concept


UX/UI Principle 02

경영정보 데이터 시각화

PC에서만 제공하던 경영정보를 모바일 오피스에서도 실시간으로 확인할 수 있습니다.
경영정보 대시보드에서 판매실적, 수익성, 채권, 생산, 재고 등 주요 항목의 현황을 한 눈에 파악하도록 했습니다.
판매실적에는 달성률과 진척률의 비교가 용이한 막대그래프를, 채권에는 증감률 추이 파악이 쉬운 꺾은선 그래프를 사용하는 등 데이터 시각화를 최적화하여 효과적으로 정보를 전달했습니다.

HITEJINRO(하이트진로) UX Concept


Design Concept

하이트진로 차세대 모바일 오피스의 UI는 장식 요소를 최소화하는 명확하고 간결한 디자인으로 표현했습니다.
배경 색을 화이트 컬러로 지정하여 깨끗한 느낌을 주고 콘텐츠에 집중할 수 있도록 했습니다.
포인트 컬러는 하이트진로의 블루 컬러를 사용하여 일관된 그룹웨어 사용자 경험을 제공했습니다.
사용자에게 새로운 화면을 소개하는 Onboarding 콘텐츠를 추가했습니다.

HITEJINRO(하이트진로) The Next Generation Mobile Office Mobile App UX/UI GUI Design