산학협력 업무 시스템 30여 개 화면 전면 리뉴얼로 만족도 45% 향상

01 / THE CHALLENGE

Where the challenge began.

연구과제 관리, 기업 협력 현황 추적 등 내부 업무용 웹 솔루션을 오래 사용해 온 공과대학 산학협력단. 수년간 부분적인 기능 추가만 이루어지면서 UI가 노후화되어 사용성이 크게 떨어졌고, 직관적이지 않은 인터페이스 때문에 신규 직원의 업무 적응에 불필요한 시간이 들었다. 기존 코드 구조의 한계로 새 기능 추가도 점점 어려워졌다. 기존 데이터 구조와 백엔드 API를 그대로 유지하면서 프론트엔드만 전면 교체해야 하는 제약이 있었고, 오래 익숙해진 사용자들의 교육 비용을 최소화하기 위해 핵심 워크플로우는 유지하면서 직관성을 높여야 했다. 30개 이상의 화면을 짧은 기간에 모두 개선해야 하는 일정 압박과 크로스 브라우저 호환성 확보도 과제였다.

02 / THE APPROACH

Designed around the way work happens.

기존 화면의 사용성 문제를 화면별로 분석하고 실제 사용자 인터뷰로 불편 사항과 개선 요구를 수집해 우선순위를 정했다. 색상, 타이포그래피, 간격 등 시각 표준을 담은 현대적 디자인 시스템을 정의하고, 주요 화면의 UI 프로토타입을 실사용자 대상으로 사전 검증했다. 기존 백엔드 API와의 호환성을 설계 단계에서 미리 검증해 개발 리스크를 최소화했다. 30개 이상의 화면을 컴포넌트 기반 UI 프레임워크로 전면 재구축하고, 연구과제 현황과 기업 협력 실적을 한눈에 보는 데이터 시각화 대시보드, 고급 검색·다중 필터링 기능을 새로 추가했다. 반복 UI 패턴을 재사용 컴포넌트로 구성해 유지보수와 확장이 쉬운 구조를 만들고 페이지 로딩 속도도 최적화했다.

03 / THE PROCESS

From early validation to a working system.

1. 01

   화면별 사용성 분석과 사용자 인터뷰 기반 개선 우선순위 수립

2. 02

   디자인 시스템 정의와 주요 화면 프로토타입 검증

3. 03

   기존 백엔드 API 호환성 사전 검증

4. 04

   30개 이상 화면의 컴포넌트 기반 전면 재구축

5. 05

   데이터 시각화 대시보드·고급 검색·다중 필터링 신규 개발

6. 06

   크로스 브라우저 검증 및 배포

04 / THE OUTCOME

Results in numbers and in everyday work.

• 30개 이상 화면을 직관적인 현대적 UI로 리뉴얼하고 신규 기능을 추가해 사용자 만족도 45% 이상 향상
• 기존 워크플로우 유지로 별도 사용자 교육 없이 즉시 업무 활용
• 1개월 내 전체 화면 리뉴얼과 신규 기능 개발 동시 완료
• 컴포넌트 기반 아키텍처로 향후 기능 개발 속도 향상 기반 마련
• 대학 내 다른 부서 시스템 개선 프로젝트로 확대 검토

05 / THE HANDOVER

Built to remain an asset for the team.

컴포넌트 기반으로 재구축된 30개 이상 화면, 데이터 시각화 대시보드, 고급 검색·다중 필터링 기능. 기존 백엔드 API와 완전 호환.