SK가스는 모든 구성원들이 업무에 쉽게 익숙해지고 생산성을 높일 수 있는 SK가스의 업무지원포털 UXUI 표준을 통해 일관성 있고 편의성이 뛰어난 임직원 경험 기준을 마련하고자 하였습니다. 기존 내부시스템의 방대한 정보와 복잡한 구조, 다양한 업무 반복적 기능, 시스템 중심의 화면 제공, 텍스트 중심의 정보전달, 이용가이드 부재와 같은 문제점을 해결하기 위해 전사적인 디자인 시스템 구축에 대한 방향성이 필요했던 것이었습니다. UXUI 표준가이드는 B2B와 B2C의 목적성과 활용방법에 기반한 내부 임직원 및 관계사의 경영혁신과 협업을 위한 효율성에 우선순위를 두었습니다.

Case Intelligence Summary

Pain Points

방대한 정보와 시스템 중심 화면 탓에 임직원의 업무 경험이 제각각이었습니다.

SK가스 임직원이 쓰는 내부 업무 시스템은 대부분 기능 중심으로 만들어져 오랫동안 UX 개편 없이 쓰이고 있었습니다. 방대한 정보와 복잡한 구조, 여러 곳에 반복되는 기능, 텍스트 위주의 정보 전달, 시스템 중심의 화면, 이용 가이드의 부재가 겹치면서 시스템마다 업무 경험이 제각각이었습니다. 다양한 B2B·B2C 서비스를 경험한 구성원들은 자사 시스템의 불편함을 제기하고 있었습니다. 동시에 숙련된 사용자가 반복적이고 전문적인 업무를 처리하는 곳이라, 새 UX가 현장에서 거부감 없이 바로 쓰일 수 있을지에 대한 우려도 컸습니다.

Strategic Lens

디자인보다 정보설계를 먼저, 사용 빈도와 중요도로 업무를 분류했습니다.

디자인 결과물을 양산하기보다, 디자인 이전에 정보설계부터 이해하는 데 집중했습니다. 현장 담당자와 시스템 개발 PM 인터뷰, 구축 중이거나 운영 중인 시스템의 현황 분석, UI 가설 수립과 리뷰를 통해 SK가스의 업무 특성을 먼저 파악했습니다. 실무진이 가장 자주 보는 업무와 의사결정에 중요한 업무를 빈도와 중요도로 판단해 분리하고, 환경 관련 의무이행 메뉴는 ESG 거버넌스 관점에서 따로 구분했습니다. 또한 국내외 업무지원 시스템과 임직원 워크스페이스를 벤치마킹해 사용자 중심 업무 흐름의 최신 트렌드를 모으고 고객과 깊이 공유했습니다.

Creative Approach

국내외 업무 시스템을 벤치마킹해 네 가지 디자인 거버넌스 관점을 도출했습니다.

벤치마킹에서 네 가지 디자인 거버넌스 관점을 도출했습니다. Navigation in Layout은 GNB·유틸리티·LNB의 영역을 명확히 나누고, Layout & Grid는 상단·좌측 구조와 접히는 내비게이션으로 콘텐츠 영역을 넓히며, Visual Hierarchy는 정보 그룹핑과 인포그래픽, 아코디언·슬라이드 UI로 계층을 보여주고, Aesthetic Design은 무채색을 기본으로 ID 컬러를 포인트로만 써서 내용에 집중하게 합니다. 이를 바탕으로 일관성과 표준, 유연성과 효율, 임직원 중심 화면, 시각적 계층, 온보딩 피드백의 다섯 가지 디자인 원칙을 세웠습니다. 각 원칙은 방대한 정보, 반복 기능, 시스템 중심 화면, 텍스트 위주 전달, 가이드 부재라는 문제에 하나씩 대응합니다.

Delivered Experience

UXUI 표준 가이드와 디자인 머터리얼로 전사 디자인 시스템의 기준을 정립했습니다.

UXUI 표준 가이드와 디자인 머터리얼로 SK가스 전사 디자인 시스템의 기준을 정립했습니다. 먼저 모든 디자인 요소 중 SK가스에 바로 적용할 수 있는 항목을 선별해 머터리얼 구성을 정리했습니다. 기대 효과는 업무 메뉴와 사용자 사이의 Gap을 줄인 최적의 정보구조, 여러 시스템에서도 일관되고 익숙한 업무 경험, 그리고 내부 시스템의 확장과 연계를 뒷받침하는 디자인 거버넌스입니다. 좋은 업무 시스템은 사용자의 업무 특성을 이해하는 데서 출발한다는 점을 다시 확인한, 디지털 트랜스포메이션의 새로운 시작이었습니다.