← Portfolio
브랜드 콘텐츠2026

사업부문 스크롤텔링 시리즈

정유·방향족·올레핀·폴리머·베이스오일·윤활유 6개 사업부문을 스크롤 애니메이션 스토리로 재구성한 인터랙티브 시리즈. 한/영 16개 페이지를 이틀 만에 제작·배포했다.

프로젝트 보기 ↗

문제 · Challenge

회사 사업 소개는 늘 애매했다. 홈페이지는 정보가 분산되어 있고, 개별 사업부의 PPT는 부족했다. 서로 여수 공장에서 연결성을 드러내기도 쉽지 않았다. 한번에 사업을 볼 수 있게, 정확한 데이터와 숫자를 기반으로, 기왕이면 스토리로 연결하여 보여줄 수는 없을까? 읽히는 자료를 만들 필요가 있었다.

접근 방식 · Approach

1
사업별로 시그니처 장면 하나씩 설계 — 증류탑에서 유분이 갈라지고, 벤젠 고리에 가지가 붙고, 사슬이 끊어져 이중결합이 남는 순간을 스크롤에 묶었다
2
공식 홈페이지·2025 지속가능성보고서·gspolymer·kixxoil 등 세부 페이지 교차 검증. 서로다른 수치(방향족 280만 vs 300만톤)는 근거를 따져 하나로 통일
3
챕터마다 어원 코너 배치 — 방향족(芳香), 올레핀(기름을 만드는 기체), 폴리머(많은 조각들)로 낯선 이름에 이야기를 붙였다
4
미디어허브 흑백 사진전 40장을 흑백 그대로 활용, 6색 체계로 챕터를 잇는 인덱스와 밸류체인 여정 페이지를 상위에 배치
5
사업부에서 디지털 리플렛으로 활용할 수 있도록 영문버전 제작
6
Claude Code로 전 과정 진행 — 리서치·제작·브라우저 검증·Vercel 배포까지

결과 · Outcome

한/영 16개 페이지 배포 — 링크 하나로 사업 전체를 훑는 자료 확보
홈페이지 인트로의 방향족 280만톤 구표기 발견 - 수정 요청 대상으로 정리
채용 설명회·기자 브리핑·해외 파트너 대상 공용 자산으로 활용 가능

Tags

인터랙티브스크롤텔링GSAPVercel다국어Claude Code
← 전체 포트폴리오관련 글 읽기 →