한의학 기반의 생체 신호 분석 기술을 연구하는 기업 ENOMONT의 공식 홈페이지를 개발한 프로젝트입니다. 기업의 기술력과 전문성을 효과적으로 전달하기 위해 애니메이션 시각화와 반응형 웹 디자인을 적용했으며, 클라이언트에게 직관적이고 신뢰감 있는 UI/UX를 제공하는 데 중점을 두었습니다.

서비스 Url : ENOMONT 홈페이지 바로 가기

썸네일

1. 프로젝트 개요

  • 성격: 기업 공식 홈페이지 외주 제작
  • 기간: 2026.04 - 2026.04
  • 규모: 1인 개발 (단독 수행)

2. 기술 스택

  • Library: React
  • Language: JavaScript, HTML5, CSS3

3. 주요 기술적 성과

컴포넌트 기반 아키텍처 및 모듈화

  • 효율적인 코드 관리를 위해 React의 컴포넌트 구조를 도입했습니다. 헤더, 푸터, 네비게이션 및 공통 섹션 등을 독립적인 모듈로 분리하여 코드의 재사용성과 유지보수성을 높였습니다.

반응형 웹 디자인 구현

  • 다양한 기기 환경(PC, 태블릿, 모바일)에 대응하기 위해 반응형 웹으로 구축했습니다. 미디어 쿼리를 적극 활용하여 해상도 변화에 따라 레이아웃이 자연스럽게 재배치되도록 구현했습니다.

인터랙티브 애니메이션 시각화

  • 정적인 기업 정보에 동적인 요소를 부여하여 사용자 경험을 향상시켰습니다. Hover 이벤트 및 스크롤 등 특정 행동에 반응하는 애니메이션을 적용하여 사용자의 시선을 유도하고 정보 전달력을 강화했습니다.

4. 학습 및 성찰

UI/UX 디자인의 중요성 체감

  • 단순히 기능을 구현하는 것을 넘어, 기업의 아이덴티티와 전문성을 시각적으로 어떻게 표현할지에 대한 깊은 고민을 했습니다. 사용자 동선과 정보 계층을 고려한 UI/UX 설계가 웹사이트의 가치를 결정짓는 핵심 요소임을 깨달았습니다.

반응형 레이아웃 설계에 대한 고찰

  • 반응형 웹을 개발하며 단순히 화면 크기를 줄이는 것이 아니라, 기기별로 최적화된 정보 배치와 UI 요소의 변화를 어떻게 설계해야 하는지 깊이 있게 고민하고 적용해 볼 수 있었습니다.

인프라 및 보안 개념 확립

  • 프로젝트를 배포하는 과정에서 SSL 인증서 발급 및 적용을 통해 웹 보안의 기초를 다졌으며, Nginx 등을 활용한 리버스 프록시(Reverse Proxy) 개념을 학습하고 실무에 적용해 보며 백엔드 인프라에 대한 이해도를 넓혔습니다.