1) 포트폴리오 소개 서비스 카테고리: 기업 프로젝트 (B2B 브랜드 웹사이트, 에너지 솔루션) 메인 타깃: 에너지 산업 파트너사, 국내외 B2B 고객사, 정부 및 지자체 조달 담당자 소개: 글로벌 에너지 솔루션 기업 '유콘에너지'의 브랜드 신뢰도를 높이고 사업 영역을 효과적으로 전달하기 위한 공식 웹사이트 프로젝트입니다. 한국어와 영어를 모두 지원하여 글로벌 비즈니스 대응력을 갖추었으며, 최신 모던 웹 기술로 사용자 경험을 최적화했습니다. 2) 작업 범위 개발 범위: 기획 보조, UI/UX 디자인(레이아웃 설계), 프론트엔드 개발(100%), 인프라 구축 및 배포 지원 환경: 반응형 웹 (Desktop, Tablet, Mobile 최적화) 기술 스택: React, Framer Motion, Context API (i18n), Docker, Nginx, SSL(HTTPS), Google Analytics 4 3) 주요 업무 다국어 통합 관리 시스템: Context API와 전역 상태 관리를 통해 새로고침 없이 실시간 한국어/영어 전환 기능을 구현하고 브라우저 언어 설정에 따른 자동 최적화 적용 인터랙티브 UI 구현: Framer Motion과 Intersection Observer API를 활용하여 스크롤 시 부드럽게 나타나는 요소와 페이지 전환 애니메이션으로 전문적인 브랜드 이미지 구축 비즈니스 상세 섹션: 제어시스템, 터보 압축기, 에너지 솔루션, 국방사업 등 복잡한 사업 영역을 직관적인 카드 형태와 상세 페이지로 구성 SEO 최적화: React Helmet Async를 통한 동적 메타 태그 관리, 사이트맵 생성, 구조화 데이터(JSON-LD) 적용을 통해 검색 엔진 노출 최적화 안정적인 인프라 구축: Docker 컨테이너화를 통해 서버 환경을 표준화하고, Nginx 리버스 프록시 및 Let's Encrypt SSL 자동 갱신 스크립트를 직접 구성하여 보안성 강화 4) 주안점 전문적이고 신뢰감 있는 디자인: 에너지 기술 기업의 특성에 맞춰 차분하면서도 가독성 높은 UI를 설계하고, 디테일한 마이크로 인터랙션을 통해 웹사이트의 완성도를 높였습니다. 성능 및 최적화: Lighthouse 성능 지표 90점 이상을 목표로 이미지 Lazy Loading 및 WebP 포맷 최적화를 적용하여 빠른 로딩 속도를 유지했습니다. 확장성 있는 코드 구조: 다국어 데이터(ko/en)와 비즈니스 데이터를 모듈화하여 관리함으로써 향후 새로운 사업 분야가 추가되거나 콘텐츠가 변경되어도 코드 수정이 용이하도록 설계했습니다.