SK_HYNIX NEWSROOM
📄 프로젝트 개요
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을 사용해 작업 분담 및 일정 관리를 시각화함으로써 작업 혼란을 줄이고 생산성을 향상 했습니다.
- 정기적인 회의를 통해 진행 상황과 문제점을 점검, 효율적인 협업 체계 구축 했습니다.
- 이 과정에서 팀워크와 협업 효율성이 크게 향상되었습니다.