플러스프로젝트 배경
1) 문제점 브랜드 이미지 전달 한계: 기존 사이트가 타임스퀘어만의 역동적이고 트렌디한 오프라인 매장의 분위기를 온라인에서 충분히 구현하지 못함. 낮은 몰입도: 단순 텍스트와 이미지 중심의 구성으로 인해 쇼핑몰 내 다양한 매장과 이벤트를 탐색하는 재미가 부족함. 디바이스별 최적화 필요: 반응형이 아닌 PC와 Mobile 각각의 환경에 최적화된 독립적인 사용자 경험(UX) 제공이 요구됨.
프로젝트 성과
성과 1: 고도화된 인터랙션 구현을 통한 브랜드 가치 상승
메인 및 주요 매장 소개 페이지에 gsap 기반의 고난도 애니메이션을 적용하여, 방문자 체류 시간을 늘리고 브랜드의 트렌디한 이미지를 성공적으로 전달함.
성과 2: 프로젝트 리딩을 통한 효율적 일정 관리 및 납품
PL로서 개발 표준 가이드를 수립하고 파트별 협업을 조율하여, 복잡한 기능 구현에도 불구하고 마감 기한 내에 결함 없는 결과물을 고객사(퓨즈이노베이션)에 납품함.
성과 3: 기기별 최적화된 전용 UI 구축
PC와 Mobile 사용자 각각의 이용 패턴을 분석하여 기기에 최적화된 전용 인터페이스를 제공함으로써, 쇼핑몰 정보 접근성 및 사용자 편의성을 극대화함.
핵심 기능
기능 1: GSAP 기반 인터랙티브 비주얼 UI
gsap 라이브러리를 활용하여 사용자의 스크롤이나 마우스 움직임에 반응하는 역동적인 애니메이션을 구현, 브랜드 이미지를 감각적으로 전달합니다.
진행 단계
단계 1: 요구사항 분석 및 기술 스택 확정
2024.02.
고객사(퓨즈이노베이션)의 디자인 의도를 파악하고, gsap과 Gulp를 활용한 개발 환경 구축 및 PL로서 인터랙션 구현 가능 여부를 검토했습니다.
프로젝트 상세
1) 포트폴리오 소개 소개: 경방 타임스퀘어의 공식 웹사이트 리뉴얼 프로젝트로, gsap을 활용한 역동적인 인터랙션과 기기별 최적화된 UI가 돋보이는 대형 복합 쇼핑몰 프로젝트입니다. 2) 작업 범위 개발 범위: PL(Project Leader), 프론트엔드 UI 개발 총괄, 애니메이션 구현 및 최적화. 지원 환경: PC 및 Mobile 전용 적응형 웹 사이트. 3) 주요 업무
