한미르(주) 3D 반응형 기업 웹사이트 및 사내 관리자(Admin) 시스템
hanmirfe.com
담당 역할
기획, 프론트엔드, 백엔드 개발 및 배포 (1인 전담)
제작 기간
2026. 01 ~ 2026. 02 (4주)
사용 기술
Node.js, Next.js, Route Handlers, Prisma ORM

1기존의 문제 및 요구사항
기존 홈페이지의 개발 언어 및 구성이 너무 노후화 되어 새로운 홈페이지를 구축하여 배포했습니다.
2해결 과정 및 솔루션
1.글로벌 다국어 지원(i18n) 및 멀티 페이지 아키텍처 - 단순한 싱글 페이지 애플리케이션(SPA)을 넘어, 여러 페이지 간의 매끄러운 트랜지션을 지원하는 다중 페이지 커뮤니티 형태로 구축. - 한국어, 영어, 중국어(ko.json, en.json, cn.json) 지원을 위한 [locale] 기반 동적 라우팅 및 번역 데이터 체계적 관리. 2. AI 기반 스마트 챗봇 도입 - Gemini API를 직접 연동하여(geminiService.ts) 방문자의 질문에 실시간으로 대응하는 기업 맞춤형 AI 챗봇 위젯(ChatWidget.tsx) 개발. 3. 맞춤형 관리자(Admin) 대시보드 (자체 CMS 구축) - 사내에서 직접 홈페이지 콘텐츠를 손쉽게 관리할 수 있도록, Prisma ORM을 활용한 풀스택 CRUD 시스템 구축. - 도료 제품(Paint-products), 시공 사례(Cases), 공지사항, Q&A, 연혁, 미디어 등 데이터베이스 모델링 및 관리 페이지(src/app/admin/) 구현. - 관리자 로그인 인증 및 권한 관리 보안 처리 (src/lib/auth.ts). 3. 동적 & 인터랙티브 UI / UX 개발 - HeroBackground3D.tsx 등을 활용한 3D 시각 효과 적용으로 혁신적인 기능성 도료 기업의 이미지 구축. - 커스텀 커서(CustomCursor.tsx) 및 페인트 소요량 계산기(PaintCalculator.tsx) 등 사용자 편의성을 최우선으로 고려한 기능성 컴포넌트 개발.
📷프로젝트 상세 이미지
3비즈니스 성과
-사내 업무 효율성을 높이는 자체 Admin 시스템과 AI 챗봇을 도입하여, 단순한 홍보용 웹사이트 이상의 비즈니스 플랫폼 완성.