HD현대중공업 선박 통합 솔루션 UX/UI 및 디자인 시스템 개발 · 산출물

HiOS · Helm Design System

OpenBridge 6.1을 포크하여 HD현대 브랜드로 재정의한 Helm 디자인 시스템과, 그 위에 구축한 선박 통합 SDV 플랫폼 HiOS의 프로토타입입니다. 아래 세 산출물은 각각 독립된 웹페이지입니다.

1

분석 보고서 · To-be 방향

RFP·수행계획 해석, OpenBridge 6.1 구조 분석, HD 제품 As-is 진단, 경쟁 벤치마크(K-Chief·X-CONNECT·Pleos), 표준(IEC 62288/62923·ISA-101), 사용자·항차 여정, To-be UX 원칙·IA·브랜드·토큰 아키텍처·Adopt/Adapt/Extend 매핑.

웹 보고서Phase 1–2 산출
2

Helm 디자인 시스템 스토리북

Foundations(브랜드·4팔레트·타이포·간격·아이콘), Primitive→Semantic→Component 토큰, OpenBridge 채택 컴포넌트와 HD 확장 컴포넌트의 인터랙티브 스토리, 패턴(앱 프레임·경보·제어권·미믹·정보/투어 모드).

스토리북Phase 3 산출
3

HiOS 통합 프로토타입

LNG 운반선 항차(Ras Laffan → 평택) A–Z를 타임라인으로 탐색하는 20개 화면: Conning·ECDIS·레이더·HiNAS·접안, 기관·PMS·GMS·밸러스트·장비, 성과·최적화·CII·진단, 선대·정비·HiCAMS. 동적 더미 데이터·제어 가능·정보 모드(i)·투어모드.

인터랙티브Phase 4 산출