이엘산업 영업 및 프로젝트 통합관리시스템 포트폴리오

메인 화면 기획 및 데이터 흐름
[메인 화면 기획]

발주일부터 계약금액, 입금내역, 미수금액까지 프로젝트 단위로 정리한 목록형 대시보드를 구성했습니다.

완료·미완료 상태를 색상으로 구분해 담당자가 진행 중인 건을 바로 확인할 수 있도록 했습니다.



메인 디자인 시스템
[메인 디자인]

발주일, 상호, 사업명, 품목, 계약금액 등 많은 열을 가진 표를 가로 스크롤 없이 한 화면에 담았습니다.

상태 배지로 완료 건과 미완료 건을 색상으로 분리해 담당자가 우선순위를 빠르게 파악하도록 구현했습니다.

콘텐츠 디자인 및 정보 구조
[콘텐츠 디자인]

신규 영업 문의, 제품 재고, 배차 및 운송비 지급을 각각의 화면으로 분리해 업무 단계별로 접근할 수있도록 구조화했습니다.
목록 상단에 총 건수와 금액 요약 카드를 배치해 전체 현황을 먼저 파악한 뒤 세부 항목을 확인하도록 설계했습니다.

다크 모드 지원
[다크 모드]

우측 상단 토글로 라이트 모드와 다크 모드를 즉시 전환할 수 있습니다.
야간 근무나 장시간 모니터링에도 눈의 피로를 줄일 수 있도록 전체 화면에 어두운 테마를 적용했습니다.

웹사이트 UXUI 최적화
[웹사이트 UXUI]

다크 네이비 헤더와 화이트 콘텐츠 영역을 대비시켜 반복적인 데이터 입력 작업에서도 눈의 피로를줄였습니다.
영업 문의 등록부터 수주 확정, 배차 지급까지 이어지는 하나의 업무 흐름을 화면 전환 없이 처리할수 있도록 연결했습니다.