마크업과 프론트엔드의 경계에서 최상의 UI 퀄리티를 구현했습니다.
서비스 전면 개편부터 운영까지 전 과정을 주도하였으며, 특히 고도화된 인터랙션이 필요한 브랜드 캠페인을 성공적으로 이끌며 기술이 브랜딩에 기여하는 경험을 쌓았습니다.
PC/Mobile/Webview 등 다양한 디바이스 환경에 최적화된 고품질 반응형 웹 시스템 구축을 주도하여 플랫폼 접근성을 획기적으로 개선했습니다.
단순한 화면 구현을 넘어, 유지보수와 확장성을 고려한 UI 컴포넌트 구조를 설계하여 코드의 재사용성을 높이고 운영 효율을 극대화했습니다.
서비스 전면 개편부터 고도화된 인터랙션이 필요한 브랜드 캠페인(PT)까지 전담하며, 기술 구현력이 브랜딩 가치와 사용자 경험(UX) 향상에 기여하는 성과를 만들었습니다.
Key Projects
29CM 사이트 전면 개편 및 통합 운영
2017.05 ~ 2018.02 (이후 상시 운영)
AngularJS 기반의 PC/Mobile 원페이지 반응형 웹(SPA) 구축 및 통합 유지보수 총괄
수행 업무
메인, 상품상세, 장바구니, 주문서 등 커머스 핵심 영역 및 매거진/이벤트 페이지 전면 개편
OSMU(One-Source Multi-Use) 반응형 전략 수립으로 PC/Mobile 중복 개발 리소스 50% 이상 절감
SPA(Single Page Application) 구조 도입으로 페이지 전환 속도 및 사용자 경험 개선
개편 이후 29CM 전체 레거시 소스 및 신규 기능 개발에 대한 전담 관리 수행
기획/디자인 의도를 기술적으로 최적화하여 구현하는 'Tech-Design' 가이드라인 주도
AngularJSSCSSZeplinGitWiki
공통 UI 컴포넌트 패키지 'ruler' 개발
2017.05 ~ 상시 운영
UI 일관성 유지 및 개발 생산성 향상을 위한 사내 공통 컴포넌트 라이브러리 구축
수행 업무
전사적으로 파편화된 UI 요소를 통합 관리하는 컴포넌트 패키지 'ruler' 설계 및 배포 프로세스 정립
버전 관리(Versioning) 시스템 도입으로 다수 프로젝트 간의 스타일 충돌 방지 및 유지보수 안정성 확보
반복되는 UI 코드를 모듈화/자산화하여 마크업 및 프론트엔드 작업 시간 단축에 기여
Git 기반의 중앙화된 소스 관리로 디자이너와 개발자 간의 산출물 정합성 100% 유지
AngularJSSCSSZeplinGitWiki
인터랙티브 브랜드 캠페인 & 미디어 PT
2017.07 ~ (프로젝트성)
삼성화재, 렉서스 등 주요 브랜드 제휴 캠페인을 위한 고성능 인터랙션 페이지 개발
수행 업무
정적인 웹 경험을 넘어선 스크롤 기반 스토리텔링 및 마이크로 인터랙션(Micro-interaction) 구현
고해상도 이미지/영상 리소스의 렌더링 성능 최적화로 버벅임 없는 스크롤 경험 제공
기존 플랫폼의 제약을 뛰어넘는 '세로형 PT' 포맷을 기술적으로 정립하여 광고 매출 증대에 기여
디자인 의도의 100% 구현을 위해 애니메이션 프로토타입을 선제작하여 역제안하는 등 협업 주도