NIMED
Case Study
Case Study
Project
니메드는 검사 장비에서 생성되는 데이터를 병원 EMR에서 바로 활용할 수 있도록 자동 변환하고, 다양한 의료 장비와 병원 시스템을 안정적으로 연결하는 의료 데이터 연동 프로그램입니다.
니메드는 검사 장비에서 생성되는 데이터를 병원 EMR에서 바로 활용할 수 있도록 자동 변환하고, 다양한 의료 장비와 병원 시스템을 안정적으로 연결하는 의료 데이터 연동 프로그램입니다.
Year
Year
2026
2026
Title
Title
NIMED
NIMED
Type
Type
B2B · 병원 솔루션
B2B · 병원 솔루션
Tools
Tools
Figma · Adobe · Generative AI
Figma · Adobe · Generative AI
Dev
Dev
HTML · CSS · JS
HTML · CSS · JS
Roles
Roles
윈폼 UI/UX 디자인
윈폼 UI/UX 디자인
100%
100%
로고 디자인
로고 디자인
100%
100%
디자인 시스템 (퍼블 포함)
디자인 시스템 (퍼블 포함)
100%
100%
복잡한 의료 데이터를 누구나 빠르게 이해하고 사용할 수 있는 인터페이스를 만드는 것을 목표로 했습니다. 정보의 정확성과 사용성을 함께 고려해, 다양한 업무를 하나의 일관된 시스템 안에서 경험할 수 있도록 설계했습니다.
(1)
개발 효율을 고려한 UI 재설계
개발 속도를 고려해 기존 WinForms의 구조는 필요한 범위에서 활용하고, 사용 흐름에 문제가 있는 부분은 새롭게 재구성했습니다. 불필요한 개발 범위를 늘리지 않으면서 정보 위계와 사용성을 개선하고, NIMED의 브랜드 특징을 반영해 제품 전반에 일관된 UI를 구축했습니다.
개발 속도를 고려해 기존 WinForms의 구조는 필요한 범위에서 활용하고, 사용 흐름에 문제가 있는 부분은 새롭게 재구성했습니다. 불필요한 개발 범위를 늘리지 않으면서 정보 위계와 사용성을 개선하고, NIMED의 브랜드 특징을 반영해 제품 전반에 일관된 UI를 구축했습니다.
(2)
제품 경험을 연결하는 브랜드 시스템
서로 다른 의료기기와 병원 시스템을 연결하는 NIMED의 역할을 하나의 시각 언어로 확장했습니다. 연결 구조를 모티프로 심볼과 그래픽을 구성하고, 제품 UI에도 동일한 컬러와 디자인 원칙을 적용해 브랜드와 제품이 하나의 경험으로 이어지도록 설계했습니다.
서로 다른 의료기기와 병원 시스템을 연결하는 NIMED의 역할을 하나의 시각 언어로 확장했습니다. 연결 구조를 모티프로 심볼과 그래픽을 구성하고, 제품 UI에도 동일한 컬러와 디자인 원칙을 적용해 브랜드와 제품이 하나의 경험으로 이어지도록 설계했습니다.
(3)
WinForms 환경을 고려한 디자인 시스템
많은 데이터를 실시간으로 처리하는 환경과 병원 PC의 성능을 고려해, 시각적 요소를 최소화하면서도 정보의 위계와 상태를 명확하게 전달하는 방향으로 설계했습니다. WinForms의 제약 안에서 컬러, 타이포그래피, 간격과 공통 컴포넌트만으로 일관된 디자인 시스템을 구축했습니다. 또한 Figma를 활용한 협업이 어려운 환경을 고려해 HTML·CSS·JavaScript로 직접 구현하고, 개발자가 쉽게 적용하고 유지보수할 수 있는 기준까지 함께 제공했습니다.
많은 데이터를 실시간으로 처리하는 환경과 병원 PC의 성능을 고려해, 시각적 요소를 최소화하면서도 정보의 위계와 상태를 명확하게 전달하는 방향으로 설계했습니다. WinForms의 제약 안에서 컬러, 타이포그래피, 간격과 공통 컴포넌트만으로 일관된 디자인 시스템을 구축했습니다. 또한 Figma를 활용한 협업이 어려운 환경을 고려해 HTML·CSS·JavaScript로 직접 구현하고, 개발자가 쉽게 적용하고 유지보수할 수 있는 기준까지 함께 제공했습니다.
WinForms Design System
Less visual noise. More clarity.
Main Tab
Report
EMR View
1
First
2
Selected Step
Next
Tabs
Form Controls
H
e
l
l
o
T
e
x
t
F
i
e
l
d
Dropdown
First List
Second List
Third List
Date Picker
Buttons
Basic Button
Sub Button
Button w/ ic
Action Button
+ Filter Button
Filter Text
Logo System
Table
#
Patient Name
PID
Test Code
1
Billy Joe
xxxxxxxx1
T000001
2
Claire Danes
xxxxxxxx2
T000002
3
Judy Dench
xxxxxxxx3
T000003
(4)
운영 데이터를 한눈에 파악하는 대시보드
실제 사용자 데이터가 없는 상황에서 제품 설명서와 기존 프로그램을 분석하고, Python을 활용해 기능과 업무 흐름을 정리했습니다. 이를 바탕으로 처리 현황, 연동 상태, 오류와 로그 등 운영자가 지속적으로 확인해야 하는 핵심 정보를 선별하고, 전체 시스템의 상태를 한 화면에서 파악할 수 있도록 대시보드 구조를 설계했습니다.
실제 사용자 데이터가 없는 상황에서 제품 설명서와 기존 프로그램을 분석하고, Python을 활용해 기능과 업무 흐름을 정리했습니다. 이를 바탕으로 처리 현황, 연동 상태, 오류와 로그 등 운영자가 지속적으로 확인해야 하는 핵심 정보를 선별하고, 전체 시스템의 상태를 한 화면에서 파악할 수 있도록 대시보드 구조를 설계했습니다.
Network Interface for Medical Devices
어떤 의료 데이터도
니메드로 연결
WinForms Design System
Less visual noise. More clarity.
Main Tab
Report
EMR View
1
First
2
Selected Step
Next
Tabs
Form Controls
H
e
l
l
o
T
e
x
t
F
i
e
l
d
Dropdown
First List
Second List
Third List
Date Picker
Buttons
Basic Button
Sub Button
Button w/ ic
Action Button
+ Filter Button
Filter Text
Logo System
Table
#
Patient Name
PID
Test Code
1
Billy Joe
xxxxxxxx1
T000001
2
Claire Danes
xxxxxxxx2
T000002
3
Judy Dench
xxxxxxxx3
T000003
제한적인 WinForms 환경 안에서 일관된 UI를 구현하고, 디자인 가이드라인과 시스템을 통해 이후 유지보수까지 이어질 수 있도록 설계했습니다.
제한적인 WinForms 환경 안에서 일관된 UI를 구현하고, 디자인 가이드라인과 시스템을 통해 이후 유지보수까지 이어질 수 있도록 설계했습니다.
Project
니메드는 검사 장비에서 생성되는 데이터를 병원 EMR에서 바로 활용할 수 있도록 자동 변환하고, 다양한 의료 장비와 병원 시스템을 안정적으로 연결하는 의료 데이터 연동 프로그램입니다.
Year
2026
Title
NIMED
Type
B2B · 병원 솔루션
Tools
Figma · Adobe · Generative AI
Dev
HTML · CSS · JS
Roles
윈폼 UI/UX 디자인
100%
로고 디자인
100%
디자인 시스템 (퍼블 포함)
100%
복잡한 의료 데이터를 누구나 빠르게 이해하고 사용할 수 있는 인터페이스를 만드는 것을 목표로 했습니다. 정보의 정확성과 사용성을 함께 고려해, 다양한 업무를 하나의 일관된 시스템 안에서 경험할 수 있도록 설계했습니다.
(1)
개발 효율을 고려한 UI 재설계
개발 속도를 고려해 기존 WinForms의 구조는 필요한 범위에서 활용하고, 사용 흐름에 문제가 있는 부분은 새롭게 재구성했습니다. 불필요한 개발 범위를 늘리지 않으면서 정보 위계와 사용성을 개선하고, NIMED의 브랜드 특징을 반영해 제품 전반에 일관된 UI를 구축했습니다.
(2)
제품 경험을 연결하는 브랜드 시스템
서로 다른 의료기기와 병원 시스템을 연결하는 NIMED의 역할을 하나의 시각 언어로 확장했습니다. 연결 구조를 모티프로 심볼과 그래픽을 구성하고, 제품 UI에도 동일한 컬러와 디자인 원칙을 적용해 브랜드와 제품이 하나의 경험으로 이어지도록 설계했습니다.
(3)
WinForms 환경을 고려한 디자인 시스템
많은 데이터를 실시간으로 처리하는 환경과 병원 PC의 성능을 고려해, 시각적 요소를 최소화하면서도 정보의 위계와 상태를 명확하게 전달하는 방향으로 설계했습니다. WinForms의 제약 안에서 컬러, 타이포그래피, 간격과 공통 컴포넌트만으로 일관된 디자인 시스템을 구축했습니다. 또한 Figma를 활용한 협업이 어려운 환경을 고려해 HTML·CSS·JavaScript로 직접 구현하고, 개발자가 쉽게 적용하고 유지보수할 수 있는 기준까지 함께 제공했습니다.
WinForms Design System
Less visual noise. More clarity.
Main Tab
Report
EMR View
1
First
2
Selected Step
Next
Tabs
Form Controls
H
e
l
l
o
T
e
x
t
F
i
e
l
d
Dropdown
First List
Second List
Third List
Date Picker
Buttons
Basic Button
Sub Button
Button w/ ic
Action Button
+ Filter Button
Filter Text
Logo System
Table
#
Patient Name
PID
Test Code
1
Billy Joe
xxxxxxxx1
T000001
2
Claire Danes
xxxxxxxx2
T000002
3
Judy Dench
xxxxxxxx3
T000003
(4)
운영 데이터를 한눈에 파악하는 대시보드
실제 사용자 데이터가 없는 상황에서 제품 설명서와 기존 프로그램을 분석하고, Python을 활용해 기능과 업무 흐름을 정리했습니다. 이를 바탕으로 처리 현황, 연동 상태, 오류와 로그 등 운영자가 지속적으로 확인해야 하는 핵심 정보를 선별하고, 전체 시스템의 상태를 한 화면에서 파악할 수 있도록 대시보드 구조를 설계했습니다.
Network Interface for Medical Devices
어떤 의료 데이터도
니메드로 연결
WinForms Design System
Less visual noise. More clarity.
Main Tab
Report
EMR View
1
First
2
Selected Step
Next
Tabs
Form Controls
H
e
l
l
o
T
e
x
t
F
i
e
l
d
Dropdown
First List
Second List
Third List
Date Picker
Buttons
Basic Button
Sub Button
Button w/ ic
Action Button
+ Filter Button
Filter Text
Logo System
Table
#
Patient Name
PID
Test Code
1
Billy Joe
xxxxxxxx1
T000001
2
Claire Danes
xxxxxxxx2
T000002
3
Judy Dench
xxxxxxxx3
T000003
제한적인 WinForms 환경 안에서 일관된 UI를 구현하고, 디자인 가이드라인과 시스템을 통해 이후 유지보수까지 이어질 수 있도록 설계했습니다.
Other Case Studis
Archives
니메드
병원 솔루션
윈폼 UI/UX
니메드
병원 솔루션
윈폼 UI/UX
Sills Perfume
향수 브랜드
ORVÉN Skincare
스킨케어 브랜드
NONANI
패션 브랜드
PLOPKIE
쿠키 브랜드