2021 금융권 공동채용 박람회 반응형 웹사이트 UI/UX 구축

Client.

IBK기업은행

Work.

Planning, UI Design, Publishing

Production.

WEB, APP

Device.

PC, Smartphone, Tablet

Period.

21.04~21.09

Project Overview.

2016년도부터 시작된 금융권 공동채용 박람회는 금융권 55개의 기업이 참여하여 매년 개최하는 행사입니다.
2021년은 비대면으로 진행되어 온라인으로 행사가 이루어졌으며,AI 역량검사, 비대면 면접, 취업 컨설팅 등 금융권 취업에 필요한 다양한 콘텐츠를 제공하는반응형 웹사이트를 제작하였습니다.

1. 추진배경 

  • 코로나19로 인한 비대면 채용 박람회 전환 필요: 2016년부터 매년 개최되던 대규모 오프라인 금융권 채용 박람회가 비대면으로 전환됨에 따라, 55개 금융 기업과 구직자를 안정적으로 연결할 통합 온라인 박람회 플랫폼 구축이 시급했습니다.
  • 복잡한 취업 콘텐츠의 파편화 해소: AI 역량검사, 비대면 면접, 취업 컨설팅, 기업 설명회 등 다채롭고 복잡한 채용 프로그램이 제공되는 만큼, 구직자가 필요한 서비스에 혼선 없이 쉽게 접근할 수 있는 일원화된 동선이 필요했습니다.
  • 다양한 접속 환경을 고려한 정보 전달력 강화: 취업 준비생들이 PC뿐만 아니라 모바일 디바이스에서도 제약 없이 실시간 면접 및 컨설팅 일정, 기업 정보를 확인할 수 있도록 고가독성 반응형 웹 환경 조성이 요구되었습니다.
 

2. 주요 개선 사항 

  • 55개 금융 기업 및 채용 프로그램 통합 대시보드 UI 설계:

    • 주요 금융권 기업별 채용 정보, 라이브 설명회 일정, 컨설팅 신청 현황을 메인 화면 카드 모듈로 정돈하여 박람회 전체 프로그램을 한눈에 조망할 수 있도록 구조화.
  • 비대면 채용 특화 서비스(AI 검사·면접·컨설팅) 단축 사용 동선(Flow) 구현:

    • '프로그램 안내 ➔ 실시간 예약/신청 ➔ AI 역량검사 및 비대면 면접 입장'으로 연결되는 직관적인 3단계 중심의 프로세스를 구축하여 구직자의 신청 및 이탈률 최소화.
  • 디바이스 제약 없는 반응형 UX 및 멀티미디어 인터페이스 적용:

    • PC와 모바일 환경 모두에 최적화된 반응형 그리드를 적용하고, 라이브 채용 설명회 스트리밍 뷰와 1:1 비대면 상담을 위한 안정적인 팝업/모달 UI 제공.
 

3. 산출물 및 결과

  • 채용 박람회 전용 디자인 시스템 구축:

    • 금융권의 신뢰감을 주는 컬러 시스템, 이벤트 및 채용 프로그램 전용 비주얼 아이콘, 신청 폼 및 대시보드 UI 컴포넌트 라이브러리 정립.
  • 반응형 웹사이트 핵심 서비스 화면 UX/UI 구현:

    • 박람회 메인 랜딩 페이지, 55개 금융 기업 채용관, AI 역량검사 & 비대면 면접 신청 인터페이스, 라이브 채용 설명회 뷰, 1:1 취업 컨설팅 예약 화면 제작.
  • 확인된 성과:

    • 비대면 박람회의 성공적 개최 및 구직자 접근성 극대화: 직관적인 동선과 반응형 UI를 통해 비대면 환경에서도 수많은 구직자들에게 막힘없는 온라인 채용 경험 제공.
    • 채용 프로그램 참여율 및 서비스 만족도 향상: AI 역량검사, 면접, 컨설팅 등 핵심 콘텐츠로의 빠른 진입을 지원하여 대규모 접속 상황에서도 높은 예약 완료율과 플랫폼 편의성 확보.


2021 금융권 공동채용 박람회 반응형 웹사이트 UI/UX 구축 프로젝트1
2021 금융권 공동채용 박람회 반응형 웹사이트 UI/UX 구축 프로젝트2
2021 금융권 공동채용 박람회 반응형 웹사이트 UI/UX 구축 프로젝트3
2021 금융권 공동채용 박람회 반응형 웹사이트 UI/UX 구축 프로젝트4
2021 금융권 공동채용 박람회 반응형 웹사이트 UI/UX 구축 프로젝트5
2021 금융권 공동채용 박람회 반응형 웹사이트 UI/UX 구축 프로젝트6