Corporate Website
IBC Group
아프리카 중심 글로벌 엔지니어링 및 컨설팅 기업 웹사이트
Next.js 15TypeScriptTailwind CSSFramer MotionResendVerceli18n
프로젝트 개요
참여 기간2025.09 - 2025.10
참여 형태프리랜서 (단독 개발)
담당 역할기획, 디자인, 프론트엔드 개발
프로젝트 유형기업 소개 웹사이트
페이지 구성
- Home - 히어로 섹션 + 서비스 개요
- About Us - 회사 소개 및 연혁
- Markets - 에너지/물/농업/보건/환경 분야
- Services - 컨설팅/역량강화/혁신센터
- References - 포트폴리오 및 사례
- Newsroom - 뉴스 및 블로그
- Careers - 채용 정보
- Contact - 문의 폼 + 지도
주요 기술 구현
다국어 지원 (i18n)
Next.js App Router 기반 다국어 라우팅 구현. 영어/프랑스어 지원으로 글로벌 사용자 대응.
반응형 디자인
Tailwind CSS를 활용한 모바일/태블릿/데스크톱 완벽 대응. 모든 디바이스에서 최적화된 UX 제공.
인터랙티브 애니메이션
Framer Motion을 활용한 스크롤 기반 애니메이션과 페이지 전환 효과로 몰입감 있는 사용자 경험 구현.
이메일 문의 시스템
Resend API를 활용한 문의 폼 구현. 서버리스 환경에서 안정적인 이메일 발송.
SEO 최적화
Next.js 메타데이터 API를 활용한 동적 SEO. sitemap.xml, robots.txt 자동 생성.
Vercel 배포
Vercel을 통한 자동 배포 및 CDN 최적화. 글로벌 엣지 네트워크로 빠른 로딩 속도 제공.