플랜트 시공 4D 웹프로그램
기존 설치형 4D 시뮬레이션 프로그램을 웹 기반 플랫폼으로 전환하고, UXUI를 전면 개선하여 사용자 친화성과 시각적 완성도를 향상시킨 프로젝트입니다. 플랜트 시공 단계에서 공정 계획과 실시간 진행 상황을 직관적으로 파악할 수 있도록 지원하는 것이 주요 목적이었습니다.
Timeline
2024.1 ~ 2024.2
Service type
Build
Project scope
UX/UI디자인, 퍼블리싱
tools&technologies
Figma, HTML, CSS, VanillaJS
design strategy
• 사용자 중심의 흐름 재정의: 다양한 직무와 기술 이해도를 가진 사용자들을 고려하여, 정보 구조와 사용 흐름을 직관적으로 재구성 • 복잡한 데이터를 시각화하는 UI 구성: 3D/4D 데이터와 타임라인 정보를 효과적으로 연동해 시공 공정을 한눈에 파악할 수 있도록 설계 • 반응형 설계 도입: PC, 태블릿 등 다양한 환경에서 원활히 동작할 수 있도록 반응형 웹 구조 적용 • 모듈형 인터페이스 구성: 공정별 데이터를 필터링하고 조작할 수 있도록 인터페이스를 모듈화하여 사용자 편의성 강화
key features
• 3D 모델과 연동된 공정 타임라인 뷰어 • 공정 필터링 및 검색 기능 • 진행률 기반 시각화 • 오늘 기준 공정 하이라이팅 기능 • 직관적 네비게이션 및 사용자 인터페이스