산업안전 AI 기업 국문·영문 홈페이지 리뉴얼, 시안부터 매뉴얼까지

이노자일이 제작에 참여한 프로젝트입니다. AI 영상분석과 합성 데이터 솔루션을 개발하는 회사의 홈페이지를 국문·영문으로 새로 만드는 일이었습니다. 솔루션 3종과 기술 3종, 적용 분야, 뉴스·뉴스레터·자료실, 기업 정보·채용·문의하기까지 홈과 대메뉴 5개 아래 14개 화면을 담아야 했습니다. 기존 홈페이지의 뉴스도 옮겨 와야 했습니다.

사이트 빌더(아임웹)로 만들어 회사 담당자가 글과 배너를 직접 고칠 수 있게 하고 운영 매뉴얼까지 함께 넘기는 범위였습니다. 2026년 4월 27일 과업지시서를 받으며 시작했습니다.

5월 11일 첫 컨셉 시안을 보여 드리고 5월 12일과 14일 두 차례 의견을 반영한 뒤, 5월 22일 전체 페이지 시안을 전달했습니다. 5월 26일 받은 의견은 "확정하고 문구만 고칠 페이지"와 "아직 이미지·문구가 정해지지 않은 페이지"로 나뉘어 있었습니다. 확정된 페이지부터 만들기 시작했습니다. 화면 폭처럼 시안에서 정하기 어려운 부분은 원래 폭으로 먼저 진행한 뒤 실제 화면에서 맞췄습니다.

국문 검수는 6월 18일부터 24일까지 네 차례 이어졌습니다. 차수마다 보는 것이 달랐습니다. 1·2차에는 화면 배치와 글자 크기, 링크 연결을 다듬었고 3차에는 협력사·인증 로고와 이미지를 추가하거나 바꿨습니다. 4차에는 띄어쓰기와 주소 오기 같은 문구 오류를 바로잡았습니다.

6월 25일에는 운영 매뉴얼을 고객이 직접 따라 해 보는 검수를 했습니다. 매뉴얼에 적힌 자료실 게시판이 관리 화면에 보이지 않았습니다. 뉴스 글쓰기 화면에는 카테고리를 고르는 칸이 없었고 옛 뉴스를 직접 옮기면 원래 게시일이 남지 않는다는 점도 나왔습니다. 이 지적을 받아 매뉴얼을 보완했고 7월 초 관리자 화면 검수에서 남은 부분을 다시 맞췄습니다. 배너 문구 수정과 자료실 관리처럼 자주 하는 작업은 영상 매뉴얼로 따로 만들었습니다. 이어 영문 페이지 검수와 마지막 수정을 거쳐 7월 10일 모바일 줄바꿈까지 정리했습니다.

인도물은 홈페이지와 함께 디자인 원본, 가져오기 안내, 이미지·영상 원본, 사이트에 넣은 코드, 국문·영문 소스, 뉴스 이관 자료입니다. 14개 화면을 하나씩 설명한 결과보고서와 사이트 빌더 가이드북·운영 매뉴얼·영상 매뉴얼도 함께 넘겼습니다. 마지막으로 이 모든 폴더를 설명한 안내서를 붙였습니다.