프로젝트 배경
1. 문제점 산업용 AI 및 스마트 제조 기술은 전문성이 높아 방문자가 서비스 구조와 도입 효과를 빠르게 이해하기 어려움 제품, 플랫폼, 산업별 솔루션 및 고객 사례가 분리되어 있어 전체적인 브랜드 가치 전달이 부족함 많은 정보를 제한된 화면에 배치하면서 글자 겹침, 잘림 및 불규칙한 개행이 발생할 가능성이 높음 영문 중심의 콘텐츠로 인해 국내 고객과 담당자의 정보 접근성이 떨어짐 화면별 개별 구현
프로젝트 성과
1. 13개 공개 화면 구축
플랫폼, 제품, 솔루션, 산업별 페이지, 고객 사례, 기술 자료, 회사 소개 및 문의 화면을 일관된 디자인으로 구축
2. 한·영 다국어 서비스 적용
13개 공개 화면을 영문과 한국어로 제공하고 경로, 쿼리 및 섹션 위치를 유지하는 언어 전환 기능 구현
3. 반응형 화면 오류 제거
390px 모바일과 1440px 데스크톱 환경에서 카드 겹침, 이미지 손상 및 가로 오버플로 0건 확인
4. 검색엔진 다국어 구조 구축
언어별 제목·설명, canonical, hreflang 및 사이트맵을 적용해 검색엔진이 각 언어 페이지를 구분하도록 구성
5. 운영 배포 및 자동 QA 완료
Vercel 프로덕션 배포 후 전체 경로, 이미지, 접근성, 콘솔 오류 및 다국어 전환을 자동화된 브라우저 테스트로 검증
핵심 기능
진행 단계
1. 요구사항 및 정보구조 정의
2026.07
플랫폼, 제품, 솔루션, 산업, 고객 사례 및 문의 콘텐츠를 분석하고 사용자 관점의 메뉴와 화면 구조 정의
프로젝트 상세
산업용 AI, 머신비전, 엣지 컴퓨팅 및 스마트 제조 솔루션을 제공하는 기업의 브랜드 웹사이트를 기획하고 구축했습니다. 산업 기술은 서비스 구조와 효과를 처음 접하는 고객이 이해하기 어렵다는 특성이 있습니다. 이를 해결하기 위해 제품 중심의 단순 소개 방식을 벗어나 ‘산업 현장의 문제 → 플랫폼 작동 방식 → 솔루션 → 산업별 적용 사례 → 성과’ 순서로 정보구조를 재설계했습니다. 메인 화면을 포함해 플랫







