디자인 — 디자인 확인 요청

어느 화면 Calendar · Date Picker 6562:30518

지금 웹은 이렇습니다 도면 값을 그대로 하드코딩하고 노드 id 주석을 남겼습니다. 임의로 가까운 단계로 바꾸지 않았습니다. CPC 카드 쪽은 「지연중」 칩을 아직 못 만듭니다 — 부품의 색 축에 마젠타가 없어 지금은 Rose 50(#fff1f3)로 그립니다.

어느 화면 Navigation · Weather Card · Notification 5885:25132

지금 웹은 이렇습니다 도면 값을 그대로 넣었습니다. 투명도가 섞인 색은 팔레트의 불투명 단계로 바꿔치기하면 배경이 다른 화면에서 다르게 보여서 임의로 바꾸지 않았습니다.

어느 화면 Calendar · Date Picker 7021:96305

지금 웹은 이렇습니다 도면을 따라 월요일 시작으로 구현했습니다. 로케일 값을 쓰면 화면이 일 월 화 … 로 나와 도면과 어긋나서입니다.

2026-08-26 — 날짜 선택기 부품은 지웠습니다(안 쓰여서). 배차 달력은 그대로 있고 월요일 시작입니다 — 이 문항은 그 달력에 그대로 해당합니다.

어느 화면 CPC Status Card 7021:97195

지금 웹은 이렇습니다 둘 다 고정값으로 두었습니다. 어떤 조건에서 바뀌는지 몰라 규칙을 지어내지 않았습니다 — 지금은 어느 칸에서도 색이 안 바뀝니다.

2026-08-26 — 그 카드 부품을 지웠습니다. 어느 화면에서도 안 쓰여서 사용자 판정으로 걷어냈습니다(git 에 남아 있습니다). 같은 규칙이 일정 드로어 카드에는 그대로 살아 있으므로 답은 여전히 필요합니다 — 되살리거나 드로어 카드에 적용할 때 씁니다.

어느 화면 Settings-01-02 AS 연락처 변경 모달 7404:66515

지금 웹은 이렇습니다 공용 부품을 안 고쳤습니다. 이미 여러 화면이 쓰고 있어 한 화면 때문에 바꾸면 나머지가 조용히 함께 움직입니다.

지금 웹은 이렇습니다 저희가 만들겠습니다(2026-08-26 사용자 판정 — 일정상 도면을 기다리지 않습니다). 지금은 문구와 「다시 시도」 버튼만 있는 최소 화면입니다. 만들고 나서 보여 드릴 테니 그때 고쳐 주시면 그대로 반영하겠습니다.

지금 웹은 이렇습니다 지금은 저절로 닫히는 알림이 한 곳도 없습니다. 전부 X 를 눌러야 닫힙니다.

도면에 X 버튼이 있어서 그것만 붙였습니다. 시간이 지나면 사라지는 동작은 도면에 없어서 넣지 않았습니다.

정해 주세요 ① 저절로 닫혀야 할까요?
② 닫힌다면 몇 초 뒤일까요? (흔히 쓰는 값은 3초 · 5초입니다)
③ 성공과 실패를 다르게 둘까요? — 성공은 저절로 닫히고 실패는 남기는 방식이 흔합니다. 실패는 사용자가 읽고 다시 해야 하기 때문입니다
④ 여러 개가 동시에 뜨면 어떻게 할까요? — 쌓아 두기 · 최신 하나만 · 개수 제한

지금 웹은 이렇습니다 현재 상태 그대로 구현을 시작했습니다.

지금 웹은 이렇습니다 화살표는 그대로 그리되 눌리지 않게 바꿔 두었습니다. 모양은 도면 그대로이고, 키보드로 옮겨 다닐 때 건너뛰고 화면 낭독기도 읽지 않습니다 — 「눌러도 되는 것」처럼 보이지 않게 한 것입니다.

알림함이 생기면 그때 살립니다.

정해 주세요 ① 이 화살표를 지금 화면에서는 빼는 것이 맞습니까? 갈 곳이 생길 때까지요.
② 아니면 지금처럼 모양만 두는 것이 맞습니까?
③ 알림함이 생긴다면 이 화살표는 무엇을 엽니까? — 그 알림 하나입니까, 알림함 목록입니까?

지금 웹은 이렇습니다 도면대로 다섯 칸을 그렸습니다 — 아이콘 · 장비명 · 분류 · 발생시간 · 화살표. 도면에 횟수 자리가 없어서 넣지 않았습니다.

값은 이미 받고 있습니다. 자리만 정해 주시면 바로 붙습니다.

정해 주세요 ① 반복 횟수를 보여 줄까요?
② 보여 준다면 어디에 둘까요? — 분류 옆에 「(112회)」 · 칸을 하나 더 · 발생시간 옆
③ 아니면 지금처럼 안 보여 주는 것이 맞습니까?

어느 화면 [PC] My Page 약관 본문 (긴 문서) 7249:87122

지금 웹은 이렇습니다 본문 안에서만 스크롤하게 했습니다 — 좌측 메뉴와 문서 제목은 제자리에 남습니다. 전에는 도면의 프레임 높이를 그대로 박아 두어 본문이 없는데도 페이지가 4510px 로 늘어나 있었습니다.

어느 화면 [PC] My Page-01 내 정보 7244:49434

지금 웹은 이렇습니다 「미등록」으로 그립니다(영문 Not registered). 2026-08-26 답변대로 바꿨습니다 — 전에는 기호 — 하나였습니다.

불러오는 중에는 여전히 빈 칸입니다. 아직 안 온 값과 없는 값은 다르므로, 응답이 온 뒤 비어 있는 것만 「미등록」이 됩니다.

지금 웹은 이렇습니다 세 가지를 그 두 화면에서 그대로 가져왔습니다.

· 「비밀번호 조건」 안내 — 「영문 대소문자, 숫자, 특수문자를 포함한 조합」 · 「12~16자 입력」. 문구도 모양도 재설정 화면과 같은 것입니다
· 비밀번호 확인 입력 — 오타 하나로 로그인을 잃기 때문입니다(저장에 성공하면 그 자리에서 로그아웃됩니다)
· 제목 · 입력 · 취소/저장 배치는 같은 폴더의 연락처 변경 모달과 같습니다

조건을 강제하지는 않습니다 — 재설정 화면도 보여 주기만 하고 서버가 거절합니다. 그 방식을 그대로 따랐습니다.

정해 주세요 ① 지금 모양대로 두어도 될까요?
② 아니면 이 모달의 도면을 주시겠어요?
③ 특히 「비밀번호 조건」 안내를 여기에도 두는 것이 맞습니까?

어느 화면 [EN] Trip-08 배차 취소 모달 7041:77711

지금 웹은 이렇습니다 그 키만 비워 뒀습니다. 나머지 영문은 도면대로 넣었고 이것만 안 넣었습니다 — 지금 넣으면 영어 화면에서 취소와 중단이 같은 제목으로 보입니다.

어느 화면 Trip-07-01 배차 변경 진입점 6575:69899

지금 웹은 이렇습니다 2026-08-26 — 이제 두 자리에 다 있습니다. 캘린더 날짜를 누르면 열리는 Drawer 가 생겼고 그 안에도 [배차 변경]이 있습니다. 배차 상세의 「배차 취소」 옆에도 그대로 있습니다.

전에 이 칸에 「Drawer 가 없어서 상세에만 뒀고, 생기면 옮기겠습니다」라고 적었는데 Drawer 가 생겼고 옮기는 대신 양쪽에 뒀습니다.

어느 화면 Personnel-04 운전자 제거 6020:59472

지금 웹은 이렇습니다 확인 단계 없이 곧장 지웁니다. 2026-08-26 답변대로 모달을 걷어냈습니다 — 도면에 없는 것을 저희가 더해 두었던 자리입니다.

실패는 모달 안이 아니라 상단 띠로 알립니다. 다만 그 문구의 영문 값이 없어 영문 화면에서 한국어로 뜹니다 — 모달일 때도 같았던 기존 결함이라 이번에 함께 고치지 않았습니다.

어느 화면 Asset-07-03 펌프 정보 수정 7404:51950

지금 웹은 이렇습니다 두 칸으로 나눠 그렸고, 단위는 입력칸이 아니라 라벨로 옮겼습니다. 값에는 숫자만 넣습니다 — 단위까지 같이 보내면 저장이 거부됩니다.

어느 화면 Site-02-04 현장 추가 6881:92286

지금 웹은 이렇습니다 반경을 300m 로 정해 박아 뒀습니다. 지어낸 값입니다 — 도면에 없는 입력 칸을 새로 만드는 것보다 낫다고 보고 상수로 두었습니다. 코드에 그 사실을 적어 뒀습니다.

어느 화면 Monitoring-07 실시간 작업 현황 6736:42248

지금 웹은 이렇습니다 읽은 대로 넣어 뒀습니다. 값이 아직 없어 화면에는 라벨만 보입니다.

어느 화면 Personnel-05 장비 선택 목록 6020:47651

지금 웹은 이렇습니다 그 줄을 「고를 수 없음」 상태로만 구분했습니다. 배지는 없지만 현재 장비라는 것은 눈에 보입니다.

어느 화면 Trip-03-03 진행중 배차 카드 6876:79885

지금 웹은 이렇습니다 서버가 허용하는 전이 둘(중단·완료)을 담았습니다. 문구는 이미 쓰고 있는 전이 문구를 그대로 썼습니다 — 지어내지 않았지만 이 메뉴에 무엇이 들어가야 하는지는 확인이 필요합니다.

어느 화면 Dashboard-02 선택된 지도 마커 6796:55935

지금 웹은 이렇습니다 배지를 안 그렸습니다. 아이콘을 골라 넣으면 그 선택이 확정된 사양으로 굳습니다 — 여섯 중 하나를 찍는 것보다 비워 두는 편이 낫다고 봤습니다.

어느 화면 Dashboard-02 지도 마커 6796:55475

지금 웹은 이렇습니다 두 화면이 같이 움직이게 뒀습니다. 부품을 둘로 가르면 앞으로 지도 고칠 때마다 두 번 고쳐야 합니다.

어느 화면 Asset-02 장비 추가 모달 6037:12582

지금 웹은 이렇습니다 2단계를 접힌 채로 그리고 1단계 저장까지만 이었습니다. 칸을 지어내면 그것이 확정된 사양으로 굳습니다.

어느 화면 Asset-01 · Asset-02 장비 종류 표기 6037:12582

지금 웹은 이렇습니다 「콘크리트 펌프카」로 띄어 씁니다(2026-08-26 답변대로). 장비 추가 모달만 붙어 있었고 대시보드는 원래 띄어쓴 쪽이었습니다.

어느 화면 [EN] 차고지 추가 폼 · 영문 화면 전반 7041:48953

지금 웹은 이렇습니다 ②③④는 도면대로 넣었고 ⑤는 넣지 않았습니다(한글을 영문 파일에 넣을 수 없습니다). ⑥의 탭 문자는 떼고 넣었습니다. ①의 오타는 도면 그대로 두었습니다 — 임의로 고치면 도면과 갈립니다.

⑦⑧은 아직 그대로입니다(2026-08-26 확인). 설정의 완료 안내 하나만 큰따옴표를 쓰고(다른 열세 곳은 작은따옴표) 문장체 대문자를 씁니다(다른 곳은 단어마다 대문자). 도면이 그러해서 그대로 뒀습니다.

어느 화면 [EN] 장비 · 마이 페이지 · 설정 7041:48969

지금 웹은 이렇습니다 그 자리를 안 채웠습니다. 번역해서 채우면 그 영문이 확정된 사양으로 굳습니다.

2026-08-26 정정 — 「빈칸」이 아니라 「한국어」가 보입니다. 전에는 영어로 보면 myPage.preferences.timezone 같은 키 문자열이 나왔는데, 되돌아갈 언어를 한국어로 바꿔서 이제 한글 문구가 그대로 뜹니다(예: 환경 설정 화면의 「시간 설정」·「측정 시스템」).

영어 화면에 한국어가 섞이는 것이 지금 의도된 상태입니다 — 키보다는 낫다는 판단입니다.

어느 화면 일정 Drawer · 겹치는 배차 확인 6876:79097

지금 웹은 이렇습니다 그대로 뒀습니다. 도면에 그 확인 화면이 없어 제품 모달을 지어 만들지 않았습니다.

어느 화면 [PC] Monitoring-07-미연결 장비 6736:42681

지금 웹은 이렇습니다 연료에는 실제 값을 넣고 배지는 안 그렸습니다. 오는 값을 배지로 가리면 있는 정보를 없다고 말하는 화면이 됩니다. 나머지 셋은 빈 게이지로 뒀습니다.

어느 화면 [PC] Monitoring-10-작업중 장비 6736:42248

지금 웹은 이렇습니다 그림으로만 두었습니다. 누르는 동작을 안 붙였고 손 모양 커서도 안 나옵니다. 접는 기능을 지어내면 「접힌 상태가 기본인가」·「접은 것을 기억하나」까지 저희가 정하게 됩니다.

지금 웹은 이렇습니다 ①만 만들었고, [다음]을 누르면 그 자리에서 장비가 등록되고 모달이 닫힙니다. ② 화면은 오지 않습니다.

그래서 「다음」이라는 문구가 사실과 다릅니다 — 사용자는 다음 단계로 간다고 믿고 누르는데 그 순간 등록이 끝납니다. 그리고 등록한 장비는 지울 방법이 없습니다(B-34).

단계 표시의 문구(「어퍼킷 정보」·「장비 정보」)는 저희가 이미 넣어 두었습니다 — 화면만 없습니다.

지금 웹은 이렇습니다 지금은 달력이 좁아집니다. 일정 창이 열려도 일곱 요일이 다 보이지만 각 칸이 절반 가까이 줄어 그 날의 배차 이름이 잘립니다.

도면대로 겹치게 하면 반대가 됩니다 — 달력 칸은 넓은 채로 남지만 오른쪽 세 칸(금·토·일)이 일정 창에 가립니다. 달력에서 다른 날을 보며 고르는 화면이라 어느 쪽이 맞는지 저희가 정할 수 없습니다.

정해 주세요 ① 일정 창이 달력을 덮는 것이 맞습니까?(도면대로)
② 아니면 지금처럼 옆으로 밀어 달력을 좁히는 것이 맞습니까?
③ 덮는 쪽이라면 가려진 날짜를 어떻게 보게 할까요?(달력을 가로로 밀기 · 창을 닫기 · 그대로 둬도 됨)

지금 웹은 이렇습니다 도면대로 한 줄로 자르고 있습니다. 잘린 것을 되살리는 장치는 넣지 않았습니다 — 도면에 그런 표시가 없어서 지어내지 않았습니다.

정해 주세요 ① 마우스를 올리면 전체 이름이 뜨게 할까요?
② 그렇다면 어떤 모양입니까? — 브라우저 기본 말풍선입니까, 도면에 있는 툴팁 부품입니까?
③ 아니면 지금처럼 자르기만 하는 것이 맞습니까?

지금 웹은 이렇습니다 지금은 「점소 압력」으로 그대로 두었습니다. 어느 쪽이 맞는지 몰라 고치지 않았습니다.

이 줄은 장비가 「작업중」일 때만 그려집니다.

참고로 같은 화면의 「볼타입」은 「붐타입」의 오타가 확실해서 고쳤습니다 — 도면·영문·서버가 전부 붐이었습니다. 이건 셋이 갈려서 여쭙습니다.

정해 주세요 ① 「질소 압력」이 맞습니까? (영문 도면 기준)
② 아니면 「붐 압력」이 맞습니까? (코드 키 기준)
③ 아니면 다른 이름입니까?

지금 웹은 이렇습니다 지금은 어퍼킷 모델을 그리고 있습니다. 이 화면이 쓰는 목록 응답에 그 값이 바로 있어서였습니다.

트럭 이름을 넣으려면 장비마다 결속 정보를 한 번 더 물어야 합니다 — 어려운 일은 아닙니다.

정해 주세요 ① 여기 「차량 모델」은 트럭 모델이 맞습니까?
② 그렇다면 어퍼킷 모델은 이 화면에서 안 보여도 됩니까? 아니면 줄을 하나 더 둘까요?

지금 웹은 이렇습니다 도면에서 본 값을 그대로 뒀습니다 — 여섯 다 각자의 값입니다. 확인된 값을 덮지 않는 쪽을 골랐습니다. 답이 오면 그 자리만 바꾸면 됩니다.

지연은 토큰에 없는 색이 둘입니다 — 지금 단계 #c91ac3, 바깥 테 #ffc9fd. 아직 안 온 단계도 저희는 #fbd7f8 로 뒀는데 도면에서 그 노드를 못 찾았습니다.

같이 고친 것: 단계 점을 도면대로 20px 원 + 12px 흰 아이콘으로, 완료·예정의 원 색을 400 에서 500 으로, 라벨을 점 위 가운데로 맞췄습니다.

정해 주세요 ① 바깥 테는 상태마다 다른 것이 맞습니까? 아니면 한 단계로 통일할까요? (통일한다면 몇입니까)
② 지연의 세 색(지금 단계 · 바깥 테 · 아직 안 온 단계)을 토큰으로 주시겠습니까? 지금은 저희가 hex 를 박아 두었습니다.

지금 웹은 이렇습니다 양쪽 도면을 각각 따랐습니다 — 문구 세트를 둘로 나눠 두고 화면마다 골라 씁니다. 임의로 통일하지 않았습니다.

다만 한 줄이 특히 걱정됩니다 — 「배차 완료」가 아직 시작도 안 한 「예정」 상태입니다(2026-08-26 실측: 관제 상세가 「배차 완료」로 표시한 배차가 서버에서는 scheduled). 「배차가 끝났다」로 읽힐 수 있고, 바로 옆 화면에는 진짜 끝난 상태를 가리키는 「완료」가 따로 있습니다.

정해 주세요 ① 여섯 이름을 한 벌로 통일할까요? 그렇다면 어느 쪽 이름을 쓸지 알려 주세요. ② 화면마다 달라야 한다면, 「배차 완료」만이라도 다른 말로 바꿔 주실 수 있나요? (「배차됨」·「출발 전」 같은)