📄 프로젝트 개요


/assets/images/Skhynix.png

SK HYNIX NEWSROOM은 기업의 최신 뉴스와 기술 정보를 전달하기 위해
구축된 뉴스룸 플랫폼입니다.
이 프로젝트는 사용자 친화적인 UI/UX 디자인과 효율적인 콘텐츠 관리 시스템(CMS)을 목표로 개발되었습니다.

URL : SK_HYNIX NEWSROOM


[기간]

2021.09 ~ 2021.12 ( 4개월 )


[목표]

SK_HYNIX 내 NEWSROOM 구축 및 CMS 개발.


[역할]

HTML 구조 설계 및 CSS 적용, HubL 개발 및 퍼블리셔.


[기여도]

기존 개발팀 외 퍼블리셔 1명 포함 총 6명 중 약 30% 기여. ( 퍼블리싱 파트 : 50% )


[활동내용]

  • CMS 구축에 필요한 HubL 사용 하여, 템플릿 및 구조 설계 및 개발.
  • HubSpot API 연동 및 CSS 전반 퍼블리셔 업무 진행.


[주요기능]

1. 뉴스 카테고리 분류

최신 뉴스, 기술 혁신, 사회적 책임 등 다양한 카테고리로 분류된 뉴스 제공.

2. 반응형 웹 디자인

모든 기기(PC, 태블릿, 모바일)에서 최적화된 사용자 경험 제공.

3. SEO 최적화

검색 엔진에서 높은 가시성을 확보하기 위한 메타 태그 및 콘텐츠 구조 설계.

4. CMS 연동

관리자 페이지를 통해 실시간으로 콘텐츠를 관리 및 업데이트 가능.


[사용된기술]

1. HTML5

구조와 시맨틱 마크업.

2. CSS3

Flexbox, Grid, Slider 등 스타일링.

3. JavaScript

인터랙션 및 DOM 조작.

4. HubL (HubSpot Markup Language)

  • HubSpot CMS에서의 데이터 바인딩과 템플릿 관리.
  • 마케팅 자동화를 위한 동적 콘텐츠 생성에 사용.

5. HubSpot CMS

  • 템플릿 시스템을 통해 사이트 구조를 효율적으로 관리하고, 페이지 및 블로그 콘텐츠 업데이트.
  • 모듈화된 콘텐츠 관리와 디자인 최적화를 통해 개발 속도와 유지 관리.
  • HubDB 사용 DB (Database) 관리 및 사용.

6. 디자인 툴

  • Zeplin: 디자이너와의 협업을 통해 UI/UX 프로토타입 제작.


[성과]

  • 2021.12 WEB_AWARDS KOREA 모바일웹 서비스부문 통합대상.
  • 유지보수 3년 계약.


[느낀점]

1. 첫 프로젝트에서 배운 점

문제 설명

  • 프로젝트 초기에는 요구사항 분석이 미흡해 여러 번 수정 작업이 필요했습니다.
  • 클라이언트의 요구를 명확히 이해하지 못한 점이 주요 원인이었습니다.

해결 방법

  • Notion을 활용하여 요구사항 명세서를 작성하고, 각 단계별로 피드백 기록했습니다.
  • 클라이언트와의 의견을 시각적으로 공유하며 명확한 합의를 도출했습니다.
  • 프로젝트 전반에서 업무 우선순위를 효율적으로 관리할 수 있었습니다.

2. 협업에서의 경험

문제 설명

  • 초기에는 팀 내 커뮤니케이션 부족으로 작업 간소화와 책임 분담이 명확하지 않아 일정이 지연되는 상황이 발생 했습니다.

해결 방법

  • Slack을 통해 팀 내 실시간 소통 채널을 개설하고, 업무 진행 상황을 공유 했습니다.
  • Notion을 사용해 작업 분담 및 일정 관리를 시각화함으로써 작업 혼란을 줄이고 생산성을 향상 했습니다.
  • 정기적인 회의를 통해 진행 상황과 문제점을 점검, 효율적인 협업 체계 구축 했습니다.
  • 이 과정에서 팀워크와 협업 효율성이 크게 향상되었습니다.