이음웹스튜디오 Logo
목록으로 돌아가기
기획프론트엔드백엔드 개발 및 배포 (1인 전담)

한미르(주) 3D 반응형 기업 웹사이트 및 사내 관리자(Admin) 시스템

hanmirfe.com

담당 역할

기획, 프론트엔드, 백엔드 개발 및 배포 (1인 전담)

제작 기간

2026. 01 ~ 2026. 02 (4주)

사용 기술

Node.js, Next.js, Route Handlers, Prisma ORM

한미르(주) 3D 반응형 기업 웹사이트 및 사내 관리자(Admin) 시스템 메인 화면

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 챗봇을 도입하여, 단순한 홍보용 웹사이트 이상의 비즈니스 플랫폼 완성.

비슷한 프로젝트를 준비 중이신가요?

이 레퍼런스를 바탕으로 어떤 확장이 가능한지 먼저 상담해보세요.