00%
허정원
01Selected Works
Since 2013

Jungwon Heo

Casamia
Casamia
Web PublisherUI EngineerIncheon, South Korea
Profile

12년 이상 Web Publisher & UI Engineer로 활동하며 브랜드 사이트, 커머스 플랫폼, 임직원 서비스 등 다양한 디지털 서비스를 구축해왔습니다.

스타벅스 Partner Hub·Siren119, 현대이지웰 복지 플랫폼, W Concept US, 신세계까사 등 구축 프로젝트에서는 메인 페이지와 핵심 사용자 경험 영역의 UI 설계 및 퍼블리싱을 담당했으며, F&F MLB Korea·Discovery Expedition 운영 프로젝트에서는 Publishing Lead로서 메인·프로모션·커머스 UI 고도화를 주도했습니다.

사용자가 가장 먼저 경험하는 화면과 핵심 플로우를 중요하게 생각합니다. 서비스의 목적과 사용성을 고려해 UI 구조를 설계하고, 디자인·기획·개발 조직과 긴밀하게 협업하며 완성도 높은 결과물을 만드는 데 집중해왔습니다.

또한 컴포넌트 기반 설계와 퍼블리싱 표준화를 통해 운영 효율과 유지보수성을 높이고, 일관된 사용자 경험을 제공할 수 있는 UI 시스템 구축에 강점을 가지고 있습니다.

Black and white workspace portrait of a web publisher reviewing a design layout
IncheonWeb Publisher & UI EngineerSince 2013
Selected Clients

STARBUCKS · F&F · HYUNDAI EZWEL · SHINSEGAE CASA · LG SIGNATURE · NCSOFT · GOODPEOPLE · BULLS ONE · HODOO ENGLISH · PAMPERS · SHANY · CARBY · MADFORGARLIC · TOXNFILL

Selected Projects
View all projects
PROJECT INDEX
01

StarbucksPartner Hub

스타벅스 임직원 플랫폼

UI ENGINEER · 통합 업무 플랫폼 퍼블리싱

2026
Client
Starbucks Korea
TYPE
Enterprise Platform
Contribution
80%
Key Work
  • 모듈 확장을 전제로 공통 레이아웃·네비게이션·UI 컴포넌트 구조를 먼저 설계
  • 대시보드·공지·신청 등 핵심 업무 흐름의 정보 위계와 상태 표현 기준 정립
  • React·Next.js 기반 화면 단위 퍼블리싱 — 재사용 가능한 컴포넌트 단위로 분리
  • 반응형·접근성 기준을 UI 작업 전반에 반영해 엔터프라이즈 품질 수준 유지
  • 신규 모듈 추가 시 기존 UI 규칙을 따를 수 있도록 컴포넌트·스타일 가이드 정리
Tech Stack
  • React
  • Next.js
  • TypeScript
  • SCSS
Starbucks Partner Hub — Starbucks Korea, 2026
02

HyundaiEZWEL

현대이지웰

PL · 복지몰 플랫폼 UI 설계 및 퍼블리싱

2024 ~ 2025
Client
Hyundai EZWEL
TYPE
Welfare Platform
Contribution
90%
Key Work
  • 퍼블리싱 PL로 마크업·스타일·화면 품질 기준 수립 — 프로젝트 전반 UI 품질 기준점 역할
  • Vue.js 기반 컴포넌트·레이아웃 구조 설계 — 복지 서비스 추가 시에도 동일 UI 패턴 적용
  • 복지 서비스 탐색·카테고리·상세 흐름의 정보 구조 정리 — 사용자 혼선을 줄이는 UI 위계 설계
  • 웹표준·웹접근성·크로스 디바이스 QA 기준 수립 및 적용
  • 운영·기획 변경에 대응 가능한 컴포넌트 단위 UI 구조로 유지보수성 확보
Tech Stack
  • Vue
  • TypeScript
  • SCSS
Hyundai EZWEL — Hyundai EZWEL, 2024 ~ 2025
03

StarbucksSiren119

스타벅스 Siren119

UI ENGINEER · 임직원 하이브리드 앱 퍼블리싱

2024
Client
Starbucks Korea
TYPE
Hybrid Web App
Contribution
100%
Key Work
  • 현장 사용 맥락을 기준으로 모바일 업무 UI 패턴 정립 — 터치·스크롤·입력 흐름 우선 설계
  • 복잡한 입력·선택이 필요한 화면에 바텀시트·GSAP 인터랙션 적용, 화면 전환 부담 최소화
  • iOS Safari 등 하이브리드 앱 WebView 환경 QA 및 렌더링 이슈 대응
  • 업무 화면 간 공통 컴포넌트·레이아웃 규칙 정리 — 신규 화면 추가 시 동일 패턴 재사용
  • 웹표준·웹접근성 기준에 맞춘 폼·네비게이션 UI 품질 관리
Tech Stack
  • HTML
  • SCSS
  • JavaScript
  • GSAP
  • jQuery
Starbucks Siren119 — Starbucks Korea, 2024
04

W ConceptUS

UI ENGINEER · 글로벌 이커머스 구축

2023
Client
W Concept
TYPE
Global E-Commerce
Contribution
70%
Key Work
  • 글로벌 이커머스 서비스 신규 구축 참여
  • 상품 탐색부터 주문·결제까지 주요 쇼핑 화면 퍼블리싱
  • 영문 사용자 환경을 고려한 반응형 UI 구현
  • React + TypeScript 기반 컴포넌트 구조 설계 및 퍼블리싱
  • 크로스브라우저 대응 및 서비스 품질 개선
Tech Stack
  • React
  • Next.js
  • TypeScript
  • Styled Components
W Concept US — W Concept, 2023
05

MLB Korea

PUBLISHING LEAD · 커머스 플랫폼 운영 및 퍼블리싱

2022
Client
F&F
TYPE
Commerce Platform
Contribution
60%
Key Work
  • 메인, 상품상세, 전시·기획전 등 주요 커머스 화면 운영 및 퍼블리싱 개선
  • 공통 UI 컴포넌트 및 마크업 패턴 표준화 — 브랜드 일관성 유지 및 개발·운영 효율 향상
  • Publishing Lead로서 코드 리뷰, 마크업 구조, 스타일 가이드 등 품질 기준 수립 및 적용
  • 프로모션·운영 요구사항에 따른 신규 화면 구축 및 기존 기능 개선
  • 모바일 중심 커머스 환경에 최적화된 반응형·크로스브라우저 품질 관리
Tech Stack
  • HTML
  • SCSS
  • JavaScript
  • Git
MLB Korea — F&F, 2022
06

Discovery Expedition

PUBLISHING LEAD · 브랜드 커머스 UI 운영 및 고도화

2022
Client
F&F
TYPE
Commerce Platform
Contribution
60%
Key Work
  • PLP·PDP·룩북 등 페이지 유형별 UI 패턴 정리 — 시즌 교체 시에도 동일한 정보 위계·탐색 흐름 유지
  • GSAP ScrollTrigger 기반 스크롤 인터랙션 적용 — 사용자 경험과 콘텐츠 가독성을 고려한 화면 전환 구현
  • SCSS 모듈 구조로 스타일 체계 정리 — 페이지 유형 간 UI 일관성과 유지보수성 확보
  • 모바일·데스크톱 반응형 레이아웃·인터랙션 구현 — 모바일 퍼스트 쇼핑 흐름 유지
  • 크로스 디바이스 QA 기준 수립 — 시즌 업데이트마다 UI 품질 편차 최소화
Tech Stack
  • React
  • JavaScript
  • SCSS
  • GSAP
  • Webpack
Discovery Expedition — F&F, 2022
07

Casamia

WEB PUBLISHER · 커서스 사이트 리뉴얼 구축

2021
Client
Casamia
TYPE
Commerce Platform
Contribution
100%
Key Work
  • 브랜드 스토리와 제품 정보의 정보 위계 설계 — 미니멀 레이아웃 안에서 콘텐츠 가독성 확보
  • 반응형 그리드·타이포그래피 시스템 구축 — 디바이스별 쇼룸 경험 일관성 유지
  • Swiper·스크롤 인터랙션 적용 — 정적 카탈로그가 아닌 브랜드 경험 중심 탐색
  • 시맨틱 HTML·운영 친화 마크업 구조 설계 — 콘텐츠 교체 시 수정 범위 최소화
  • 크로스브라우저 호환성 QA — 다양한 환경에서 브랜드 톤 유지
Tech Stack
  • HTML
  • CSS
  • JavaScript
  • Vue.js
  • SCSS
Casamia — Casamia, 2021
08

Goodpeople

좋은사람들

WEB PUBLISHER · 브랜드 통합 커머스 구축

2019
Client
Goodpeople
TYPE
Commerce Platform
Contribution
100%
Key Work
  • 통합 플랫폼 전환에 맞춘 상품 상세·목록 UX 설계 — 후원·구매 흐름의 입력·확인 단계 정리
  • 상품 폼 UX·유효성 검증 UI 구현 — 사용자 입력 오류와 이탈 최소화
  • 모바일 성능 최적화 — 저사양 기기에서도 콘텐츠 로딩·인터랙션 안정성 확보
  • 캠페인 스토리텔링과 상품 정보의 정보 위계 설계
  • 크로스브라우저 대응 — 모바일·데스크톱 간 동일한 브랜드 톤 유지
Tech Stack
  • HTML5
  • SCSS
  • JavaScript
  • jQuery
Goodpeople — Goodpeople, 2019
09

Bullsone

불스원

UI ENGINEER · 브랜드 웹사이트 구축

2018
Client
Bullsone
TYPE
Brand Website
Contribution
90%
Key Work
  • 제품 카테고리 탐색 구조 정리 — 정보 탐색 경로 단축과 UI 위계 설계
  • 반응형 레이아웃·인터랙션 구현 — 모바일·데스크톱 간 동일한 브랜드 경험
  • 공통 UI 컴포넌트 정리 — 페이지 추가·수정 시 UI 일관성 유지
  • 브랜드 스토리·제품 정보 영역의 콘텐츠 흐름 설계
  • 크로스브라우저·접근성 QA — 다양한 사용자 환경 대응
Tech Stack
  • HTML
  • CSS
  • JavaScript
  • jQuery
  • SCSS
Bullsone — Bullsone, 2018
Career Archive

Experience

2013년부터 다양한 디지털 서비스의 구축과 운영을 경험하며, 핵심 UI 구현부터 서비스 고도화, 퍼블리싱 리드까지 수행해온 Web Publisher & UI Engineer입니다.

피싱트리

Web Publisher

Projects
  • LG Signature글로벌 브랜드 사이트 구축
  • Lineage M게임 프로모션·이벤트 페이지 구축
  • CARBY중고차 서비스 플랫폼 UI 구축
Stack
  • HTML5
  • CSS3
  • jQuery
  • JavaScript
  • Responsive Web

해리코리아

Web Publisher

Projects
  • 트레블 앤쿡음식 커머스 서비스 UI 구축
  • 삼육지프랜차이즈 브랜드 서비스 구축
  • 펀비어킹프랜차이즈 브랜드 서비스 구축
Stack
  • HTML5
  • CSS3
  • jQuery
  • Photoshop
Let's Talk

Available for collaboration

Let's build somethingtogether

프로젝트 문의 및 협업 제안은 언제든 편하게 연락해주세요.

Links
Location

Incheon, South Korea

Role

Web Publisher & UI Engineer