← WORK 목록으로
KOREA위시켓디자인

수중 펌프 통합 관제용 임베디드 GUI 화면 설계 및 디자인 전문가

수중 펌프 다수를 통합 관제하는 소형 임베디드 터치 패널용 GUI 화면을 UX 기획부터 새로 설계하는 디자인 전담 프로젝트입니다. 총 26종 화면 시안, 개발 이관용 픽셀 가이드 문서(약 50쪽), 이미지 에셋 약 300개(버튼 상태별·펌프 애니메이션 프레임·이미지 폰트·한/영/중 3개 국어 세트) 제작이 핵심 범위이며, 화면 구현 코딩과 펌웨어 개발은 제외됩니다. 산업 장비 HMI 및 임베디드 터치 GUI 디자인 경험과 좌표·폰트·색상을 수치로 명세하는 개발 이관 문서 작성, 대량 에셋 슬라이싱 경험이 있는 디자인 팀에 적합합니다.

2026.09.09VIEW 5위시켓에서 수집
Budget협의
Difficulty중급
Duration약 2개월
Work style외주
Required stack

필요 기술

IllustratorInDesignPhotoshopQt/QML9-patch
Project brief

프로젝트 내용

[프로젝트 개요]
수중 펌프 여러 대를 통합 관제하는 소형 임베디드 터치 패널용 GUI 화면을 새로 설계합니다. UX 기획부터 시작해 화면 디자인 시안, 개발 이관용 픽셀 가이드 문서, 이미지 에셋 제작까지가 범위이며, 화면 구현(코딩)과 펌웨어 개발은 포함하지 않는 디자인 전담 과업입니다.

[추진 배경과 시점]
운영 중인 수중 펌프 모니터링 장비의 조작 화면을 새로 설계해야 하는 상황입니다. 화면은 소형 임베디드 터치 패널에 탑재되며, 여러 대의 펌프 운전 상태와 수질 지표, 각종 설정값을 한 화면 체계 안에서 확인하고 조작할 수 있어야 합니다. 서면으로 정리된 요구정의서가 없어 정보구조와 화면 흐름을 포함한 UX 설계 단계부터 새로 시작해야 하고, 개발팀이 별도 설명 없이 곧바로 구현에 들어갈 수 있는 수준의 좌표·색상·폰트 명세와 이미지 에셋까지 함께 준비돼야 합니다. 착수 시점과 세부 사양은 아래 확인 절차를 거쳐 정합니다.

[난점과 경위]
구두로 전달된 한 줄 요구가 출발점이라, 화면 구성과 조작 흐름을 처음부터 설계해야 합니다. 이 과업의 실제 무게는 화면 개수가 아니라 개발 이관용 명세에 있습니다 — 모든 화면 요소의 좌표·크기·색상·상태를 수치로 정의하고, 버튼 눌림 상태와 동작 애니메이션까지 포함한 이미지 에셋을 대량으로 제작해야 합니다. 이 유형의 산출물은 완성도를 높이는 과정에서 검토·수정이 여러 차례 반복되는 경향이 있어, 검토 절차의 범위를 착수 시 명확히 정해 두지 않으면 일정과 품질 기준이 함께 흔들리기 쉽습니다.

[요구사항]
첨부된 파일을 확인해주세요. 샘플 문서이며 이번 과업과 매우 유사한 형태의 GUI 프로그램 디자인 작업 내용입니다. 작업 난이도와 분량 그리고 화면/기능 흐름을 첨부된 파일 기준으로 산정해주시면 됩니다. 개발 이관용 가이드 문서 및 이미지 슬라이스도 첨부된 자료 기준으로 작업 분량을 산정해주시면 됩니다.
다음 범위를 하나의 과업으로 수행합니다. 화면 시안은 총 26종이며, 대상 데이터는 펌프 다수 대의 운전·수질 지표와 각종 설정값입니다.

UX 기획
- 정보구조와 화면 목록 정의, 화면 전환 흐름(버튼 터치 시 이동 경로) 설계
- 펌프 대수별 화면 분기, 수질감시 기능 켬/끔에 따른 화면 변형 등 상태·조건 분기 정의
- 입력값 범위와 검증 규칙 정리(예: 소수점 자리수, 허용 범위)
- 전반적인 디자인 톤 정립

화면 디자인 시안 (총 26종)
- 로딩 1종
- 키패드 3종(비밀번호·설정값·수질 항목 입력)
- 메인 화면 계열(기본·수질감시 변형·펌프 대수별 레이아웃)
- 표시계(펌프별 다지표 그리드), I/O 컨트롤러, 압력 곡선 그래프, 수질감시
- 설정 메인 및 서브 메뉴(예약운전·네트워크·통신·수질감시·메인 노출 항목·환경설정·관리자설정 등)
- 팝업, 메시지, 공지

개발 이관용 픽셀 가이드 문서
- 모든 화면 요소의 절대·상대 좌표(px), 크기, 글꼴명·크기·색상·정렬 기준을 수치로 명시
- 시스템 컬러 코드와 적용 좌표·크기, 버튼 4가지 상태(기본·선택·눌림·비활성) 표기 규칙
- 화면 전환 조건과 상태별 표출 조건을 문서에 명시
- 개발팀이 별도 설명 없이 그대로 구현할 수 있는 수준(총 50쪽 내외 규모)

이미지 에셋 제작
- 화면에 쓰이는 이미지 에셋 전량 제작·슬라이싱·파일명 규칙 적용(총 300개 규모)
- 버튼 상태별(기본·선택·비활성) 이미지 제작
- 펌프 동작을 표현하는 아이콘 애니메이션 프레임 제작
- 숫자 0~9 이미지 폰트 세트 제작
- 한국어·영어·중국어 3개 국어 문구가 들어간 이미지 각 세트 제작

구현 검수
- 개발 완료 후 구현된 화면을 디자인 명세와 대조해 검수하고 차이 항목을 정리해 전달

[사용자 스토리와 수용 기준]
- 현장 운영자로서 여러 대의 펌프 상태를 한 화면에서 확인하고 싶다. 표시계 화면에서 펌프별 주요 지표가 그리드로 한눈에 보이면 된다.
- 운영자로서 수질 이상이 발생하면 바로 알아채고 싶다. 정상 범위를 벗어난 값이 색상으로 구분되어 표시되면 된다.
- 관리자로서 설정값을 잘못 입력하지 않고 싶다. 키패드에서 허용 범위를 벗어나면 즉시 알려주면 된다.
- 해외 사용 담당자로서 자국어로 화면을 보고 싶다. 언어를 바꾸면 메뉴와 안내 문구가 해당 언어로 바뀌면 된다.
- 개발팀으로서 디자인을 그대로 구현하고 싶다. 픽셀 가이드 문서의 좌표·규격대로 만들면 추가 문의 없이 구현이 끝나면 된다.

[업무 상태 흐름]
관리자 전용 화면 진입은 비밀번호 인증을 통과해야 열립니다. 수질 지표가 설정된 정상 범위를 벗어나면 경보 상태로 전환되고, 확인 조작 전까지 그 상태를 유지합니다. 통신 두절·세척 주기 도래 등 시간이나 상태를 기준으로 하는 알림 조건은 발주처가 정한 기준을 따릅니다. 화면 간 이동 순서, 팝업 노출 조건 등 화면 자체의 흐름 설계는 위 요구사항의 UX 기획 범위에서 함께 다룹니다.

[비기능 요구]
터치 조작에 적합한 버튼 크기와 간격을 유지해야 합니다. 저사양 임베디드 패널에서도 애니메이션이 끊기지 않아야 합니다. 다국어 전환 시에도 레이아웃이 깨지지 않아야 합니다.

[외부 연동]
없음 — 별도 외부 시스템 연동은 없습니다. 다만 이미지 에셋 규격은 착수 시 확정되는 개발 스택에 맞춰 조정합니다.

[스코프 밖]
화면 구현(코딩)과 펌웨어 개발은 포함하지 않습니다. 하드웨어·기구 설계, 양산 대응도 포함하지 않습니다.

[제약 사항 및 확인 필요]
- 실제 화면 해상도·크기·화면 방향 확정 필요
- 지원 언어 범위 확정 필요(한국어·영어·중국어 기준으로 준비하되 변동 가능)
- 펌프 대수 범위 확정 필요(화면 분기 수에 영향)
- 표시·제어 항목과 센서 목록 확정 필요
- 기존 브랜드·제품 디자인 자산 유무 확인 필요
- 구현에 쓰일 개발 스택 확정 필요(이미지 에셋 규격이 달라짐)
- 버튼 눌림 상태 이미지 제작 여부 확인 필요
- 임베디드 기기에 탑재할 폰트의 라이선스 확인 필요
- 검토·수정 절차의 범위와 횟수는 착수 시 별도로 협의합니다

[클라이언트 준비 사항]
발주처가 아래를 제공합니다.
- 표시·제어 대상 센서 및 항목 목록
- 기존 브랜드·제품 디자인 자산(있는 경우)
- 실제 기기 규격과 개발 스택 정보
- 확인 사항에 답변할 담당자

[기술 스택]
지정 없음 — 제안사 제안. 다만 임베디드 터치 패널에 탑재되는 산출물이므로, 이미지 에셋 규격(9-patch 등)은 착수 시 확정되는 개발 스택(예: Qt/QML, 안드로이드 등)에 맞춰 정합니다.

[원하는 파트너]
임베디드 터치 패널용 GUI 디자인 경험이 있는 팀을 찾습니다. 화면 시안 제작뿐 아니라 좌표·폰트·색상을 수치로 명시하는 개발 이관 문서 작성 경험, 대량 이미지 에셋 제작·슬라이싱 경험이 있어야 합니다. 산업 장비·제조 설비용 HMI 디자인 이력이 있으면 우대합니다. 다국어 화면 디자인 경험이 있으면 우대합니다.

[제안 요청 사항]
제안서에 아래를 포함해 주세요.
- 유사 임베디드 GUI 디자인 수행 이력과 산출물 예시
- 개발 이관 문서(픽셀 가이드) 작성 방식 예시
- 검토·수정 절차 운영 방식에 대한 제안
- 전체 일정과 단계별 산출물 계획

[예산과 기간]
예산은 협의합니다. 기간도 접수된 제안을 바탕으로 협의합니다. 착수일과 종료일은 계약 체결 시 정합니다.

[산출물]
- 화면 디자인 시안 26종
- 개발 이관용 픽셀 가이드 문서
- 이미지 에셋 전량(원본 파일 포함)
- 다국어 텍스트 에셋
- 구현 완료 후 검수 결과 리포트

[계약 특이사항]
검토·수정 절차의 횟수와 범위는 계약 체결 시 별도로 협의합니다. 임베디드 기기 탑재 폰트의 라이선스 비용 부담 주체는 착수 전 협의합니다.
지원 기회 분석

지원 전에 볼 것

핵심 요구사항

  • 요구정의서 없는 상태에서 정보구조·화면 흐름 UX 기획부터 설계
  • 펌프 대수·수질감시 켬끔에 따른 상태·조건 분기 화면 설계
  • 모든 화면 요소의 좌표·크기·폰트·색상·버튼 4상태를 수치로 명세한 픽셀 가이드 문서(약 50쪽)
  • 이미지 에셋 약 300개 제작·슬라이싱(버튼 상태별·펌프 애니메이션·숫자 이미지 폰트)
  • 한/영/중 3개 국어 문구 이미지 세트 및 다국어 레이아웃 대응
  • 저사양 임베디드 패널에서 끊김 없는 애니메이션 고려

예상 산출물

  • 화면 디자인 시안 26종
  • 개발 이관용 픽셀 가이드 문서(약 50쪽)
  • 이미지 에셋 약 300개(슬라이싱·파일명 규칙 적용)
  • UX 기획 산출물(정보구조·화면 전환 흐름·분기 정의)
  • 구현 검수 차이 항목 리포트

매력 포인트

  • 산출물 범위와 수량(26종·50쪽·300개)이 비교적 구체적으로 명시됨
  • 유사 샘플 문서 제공으로 분량 산정 근거 확보 가능
  • 코딩·펌웨어 제외로 순수 디자인 역량에 집중 가능

확인할 점

  • 예산 미공개 — 26종 시안·50쪽 문서·300개 에셋 대비 단가 판단 불가
  • 요구정의서 부재(구두 한 줄 요구)로 반복 검토·수정에 따른 스코프 확대 위험
  • 해상도·펌프 대수·개발 스택 등 핵심 사양이 착수 후 확정되어 에셋 규격 재작업 소지
Client signal

클라이언트 정보

회사 · 위시켓 / 지역 · 경기도 군포시 / 고용형태 · CONTRACTOR
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...