프로젝트 한눈에 보기
한진칼 및 계열사 리뉴얼
쉽게 말하면
한진칼과 계열사 홈페이지 리뉴얼에서 콘센트릭스가 전달한 Vue 컴포넌트를 ICE 5.0 CMS에 맞게 커스터마이징했습니다. 공식 가이드가 없어 생긴 교육 혼선을 줄이기 위해 개발 구조와 ICE 환경 세팅 가이드를 만들어 공유했고, 이후 대외 커뮤니케이션도 맡았습니다.
IntelliJ / ICE 5.0 / Microsoft Teams / Word / PowerPoint / HTML / SCSS / Vue.js
01 / PROJECT NOTE
제가 맡고 끝까지 책임진 일
완성 화면만 나열하지 않았습니다. 왜 그렇게 만들었고 어떤 변화를 남겼는지 차례대로 설명합니다.
문제를 이렇게 풀었습니다
- 콘센트릭스가 전달한 Vue 컴포넌트를 ICE 5.0 CMS 구조에 맞게 커스터마이징 / 재구성
- ICE가 요구하는 파일 구조를 직접 설계하고, 컴포넌트를 재사용 / 확장 가능한 CMS 친화형으로 변환
- 공식 가이드 부재로 생긴 교육 혼선을 해소하기 위해 개발 구조 / ICE 세팅 가이드를 직접 기획 / 제작해 콘센트릭스 / 한진칼에 공유
- ICE 내부 기능 미비로 발생한 이슈를 ICE 담당자와 지속 커뮤니케이션하며 해결 속도 단축
- 퍼블리싱 가이드를 유지하면서 다양한 디바이스 대응 마크업 / 스타일링을 주도적으로 수정 / 적용
- 2025.04 ICE 담당자 롤아웃 이후 대외 커뮤니케이션 전담, 내부 산출물 정리 / 공유로 협업 효율 유지
그래서 실제로 달라진 점
- 가이드 / 산출물 정리로 교육 / 협업 혼선을 줄여 커뮤니케이션 비용 약 30% 절감 추산
- ICE 기능 한계 상황에서도 컴포넌트 재사용 / 확장 구조를 확보해 운영 안정성 향상
- 협력사(콘센트릭스 / 아이온)–고객사(한진칼) 사이를 잇는 커뮤니케이션 허브 역할 수행
이 프로젝트에서 눈여겨볼 점
- CMS 커스터마이징 적응력
- 가이드 / 문서화 / 교육 주도
- 다자 협업 커뮤니케이션
02 / SCREENS
화면으로 확인하기
말보다 화면이 빠를 때가 있습니다. 실제 결과물에서 구현의 디테일을 확인해 보세요.
