SK실트론 제조 공정 모니터링 업무 포털 구축

2024년 6월 1일
SK실트론, SK C&C
PROJECT SUMMARY

프로젝트 요약

팀인터페이스는 SK실트론 반도체 공장의 제조시설과 장비를 효율적으로 관리하고 현장 상황을 실시간으로 모니터링하는 업무 포털의 UX/UI를 디자인했습니다. 관리 대상이 다양한 제조 시설에서 생성되는 방대한 데이터를 직관적이고 명료하게 정리하는 UX 전략을 세우고, 공장 상황 모니터링 포털과 장비 상태 모니터링 포털을 디자인했습니다. 차트와 표 같은 데이터가 추가되어도 일관된 디자인을 유지하도록 디자인 시스템도 구축했습니다.
고객사
SK실트론, SK C&C
수행 범위
UX 전략, UX/UI 디자인, 디자인시스템 구축
대상 시스템
공장 상황 모니터링 포털, 장비 상태 모니터링 포털
진행 방식
Agile, Sprint
완료
2024

주요 작업

  • 제조 데이터를 직관적이고 명료하게 정리하는 UX 전략 수립
  • 공장 상황 모니터링 포털과 장비 상태 모니터링 포털 디자인
  • 차트, 표 등 데이터가 추가되어도 일관된 디자인을 유지하는 디자인 시스템
  • 표준화된 UI 컴포넌트 규정과 상세 케이스를 정의한 디자인 가이드
SK실트론 제조 공정 모니터링 업무 포털 구축 프로젝트 소개 이미지
SK실트론 제조 공정 모니터링 업무 포털 구축 프로젝트 주요 화면 1
SK실트론 제조 공정 모니터링 업무 포털 구축 프로젝트 주요 화면 2

하나의 대시보드로 장비 현황 부터 제어까지

All-in-one 업무포털

UX Strategy

다양한 관리 대상이 있는 제조 시설에서 생성되는 방대한 데이터를
보다 직관적이고 명료하게 정리할 수 있는 UX 전략을 설계하는 데 주력했습니다.
공장 상황 모니터링 포털은 복잡한 데이터에서 유의미한 정보를,
장비 상태 모니터링 포털은 시각적으로 상태를 직관적으로 파악하는 데 초점을 맞췄습니다.

Seamless Framework

자연스럽게 연결되는 업무

두 시스템을 유사한 구조로 설계하여
시스템 간 전환 시에도 익숙하고 일관된 사용자 경험을 제공합니다.

Intuitive & Clear Data

복잡한 데이터를 직관적이고 명확하게

데이터의 특성에 맞는 차트를 사용하고, 다량의 차트가 생성되는 경우를 고려하여 카드형 UI로 가독성을 높였습니다.
또한, 기존의 숫자와 표 데이터를 시각화하여 정보 인지성을 강화했습니다.

Flexible UI

다양한 데이터를 위한 표준화

표준화된 UI 컴포넌트를 규정하고 상세 케이스를 정의해 가이드를 제작했습니다.
특히, 제조 모니터링 포털은 모듈형 위젯으로 설계하여
차트, 표 등 데이터가 추가되더라도 일관된 디자인을 유지할 수 있도록 했습니다.

Design System

시각적 체계가 담긴 디자인 시스템

시각적으로 조화롭고 명확하게 전달하는 디자인 시스템을 구축했습니다.
메인 컬러와 차트 컬러를 구분하여 다양한 정보 속에서도 톤앤매너를 유지할수 있도록 했고,
색상이 많이 사용되는 것을 고려하여 차트 이외의 UI 컴포넌트에 컬러 사용을 최소화 했습니다.

반도체 공장의 제조시설과 장비를 효율적으로 관리하고 현장 상황을 실시간으로 모니터링하는 업무 포털 UX/UI 디자인

PROJECT INQUIRY
비슷한 프로젝트를 준비하고 계신가요
SK실트론, SK C&C 프로젝트처럼, 사용자 조사부터 UX 전략과 설계, 구축까지 팀인터페이스가 함께합니다. 1996년부터 600여 건의 프로젝트에서 다듬은 방법론으로 지금 상황에 맞는 진행 방식을 제안합니다.
프로젝트 문의하기 →