일도기계 웹사이트 리뉴얼
홈페이지 전면 리뉴얼 프로젝트로 풀스택 웹사이트를 구축했습니다.
프로젝트 이야기
기존 홈페이지는 낡은 구성으로 기업의 실제 기술력과 '자동화 설비 개발'이라는 핵심 가치를 전달하지 못하고 있었습니다. 구식 제조기업 이미지를 현대적 자동화 전문기업으로 재브랜딩하고, 관리자가 코드 없이 콘텐츠를 직접 운영할 수 있는 시스템까지 갖춘 홈페이지로 전면 리뉴얼하는 것을 목표로 했습니다. 히어로에는 실제 설비 가동 영상을 배치해 신뢰감을 높였고, 제품별 대형 갤러리와 사례·영상 필터 탭, 견적·공장설계 문의 폼과 컨설팅 CTA 구조를 갖췄습니다. 백엔드는 Cloudflare 서버리스 아키텍처(D1 데이터베이스 + R2 이미지 저장 + Hono API)로 구성해 운영비를 절감했습니다. 전 과정(기획·디자인·프론트엔드·백엔드·배포·CMS)을 풀스택으로 담당했습니다.
- 작업 기간
- 프로젝트별 기록
- 참여 역할
- 기획 · 제작
주요 기능
- 제품별 대형 사진 갤러리 — 썸네일 클릭으로 실사진 전환
- 사례·영상 갤러리 탭 필터로 콘텐츠 분류
- 어드민 CMS — 사례·영상 업로드, 사용자 관리, 조회수 집계
- 히어로 실가동 설비 영상 (모바일 대응)
- 견적·공장설계 문의 폼, 메일 자동 수신
- 제품·공정 기반 컨설팅 CTA 유도
- 데스크톱·모바일 반응형 최적화
- SEO 최적화 (메타·sitemap·robots)