현대백화점그룹 채용
현대백화점그룹
2024 - 2025
Overview
현대백화점 채용 사이트는 다양한 계열사와 직무 정보를 통합적으로 제공하며, 지원자가 자신의 관심 분야와 조건에 맞는 채용 정보를 직관적으로 탐색할 수 있도록 설계된 플랫폼입니다.
사용자 경험을 중심으로 정보 구조를 재정비하고, 지원 과정 전반을 효율적으로 안내하는 것을 목표로 다양한 직무 및 계열사 정보를 제공하는 페이지와 사용자 선택에 따라 변화하는 지원 프로세스를 구현했습니다.
또한 공통 구조를 기반으로 유지보수 효율성과 확장성을 고려한 방향으로 웹사이트 리뉴얼을 진행했습니다.
Work Detail
- 인풋 폼, 탭 공통 가이드 정리
-
주요 페이지 퍼블리싱
-
채용공고(채용공고 상세, 개인정보 및 민감정보 활용 동의, 채용공고 지원, 상시 채용관, 글로벌 채용관 페이지), 직무소개(직무 목록, 직무 상세), 현대백화점그룹 소개(그룹 소개, 회사소개), 채용문의(1:1문의, 1:1문의 현황), 에러 페이지, 사이트 점검 안내, 브라우저 업데이트 안내 팝업, EDM
- 지원서 작성 페이지 UI 구현
- 직무 및 계열사 소개 페이지 공통 구조 설계 및 작업
-
채용공고(채용공고 상세, 개인정보 및 민감정보 활용 동의, 채용공고 지원, 상시 채용관, 글로벌 채용관 페이지), 직무소개(직무 목록, 직무 상세), 현대백화점그룹 소개(그룹 소개, 회사소개), 채용문의(1:1문의, 1:1문의 현황), 에러 페이지, 사이트 점검 안내, 브라우저 업데이트 안내 팝업, EDM
- 웹 접근성 인증마크 획득
Tech Stack
- HTML
- CSS
- JavaScript
- jQuery
- GSAP
- Swiper
Tool
- Visual Studio Code
- Git
- Figma
- Google Workspace
사용자 선택에 따른 동적 UI 구현
지원서 작성 페이지 퍼블리싱을 진행하며, 사용자의 직무 및 조건 선택에 따라 입력 항목과 UI가 동적으로 변화하도록 구현했습니다.
입력 항목의 추가·삭제와 조건에 따른 노출 제어를 통해 복잡한 입력 과정을 단계적으로 정리하고, 사용자 흐름을 자연스럽게 개선했습니다.
공통 구조 설계
직무 및 계열사 소개 페이지는 콘텐츠 양이 많지만 유사한 구조가 반복되는 특징이 있었습니다. 이에 공통 레이아웃 및 컴포넌트 구조로 설계하여 작업 시간을 단축하고 유지보수 효율성을 높였습니다.
이전 프로젝트
삼성화재 다이렉트 착다음 프로젝트
HMG Driving Experience