1) 문제점
- 기존 관리자 페이지는 시각적 완성도 부족으로 트렌드에 뒤처진 인상
- 메뉴 구성과 동선이 복잡해 반복 업무에 불편함 초래
- 정보 전달력과 사용성이 떨어져 신규 관리자 적응에 시간 소요

2) 프로젝트 목표
- 트렌디하고 차별화된 UI 디자인으로 관리자 경험 향상
- 구조적 재설계를 통해 업무 동선 단순화 및 주요 기능 집중
- 디자인 고도화를 통해 브랜드 이미지 신뢰도 제고

3) 주안점
- 디자인 고도화를 통한 시각적 완성도 및 최신 트렌드 반영
- 관리자 사용성을 고려한 UI/UX 개선으로 반복 업무 피로도 감소
- 정보 위계와 컬러 가이드 정립을 통한 가독성 및 직관성 강화
- 마이크로 인터랙션 활용으로 활성 상태 및 피드백 명확히 전달

1) 포트폴리오 소개
기업 내 전사 직원 대상 근태관리 시스템 UI/UX 설계 및 퍼블리싱
재택근무 및 유연근무 체제에 대응하기 위한 웹 기반 근태관리 솔루션의 관리자 대시보드 UI/UX를 설계하고, HTML/CSS 기반 반응형 웹으로 퍼블리싱했습니다. 다양한 인사 데이터를 명확하게 전달하고, 관리자와 실무자가 모두 효율적으로 사용할 수 있는 구조로 구성하였습니다.

카테고리: B2B / 업무 솔루션 / 근태관리

타깃: 기업 전체 임직원 및 인사 관리자

2) 작업 범위
- 관리자 전용 UI/UX 설계 및 전체 화면 디자인
- 컴포넌트 기반 UI 구조 설계 및 스타일 가이드 구축
- 반응형 퍼블리싱 (PC/태블릿 최적화)
- 구조화 마크업(HTML5 + 시맨틱 태그 + ARIA 속성 적용)
- SEO 대응 및 검색 자동 노출 기반 설계

3) 주요 기능 및 화면
- 대시보드: 사용자별 근태 요약, 공지사항, 일정 관리 캘린더
- 사용자 관리: 사용자 정보 및 근무기록 확인 기능
- 승인 관리: 휴가·연장근무 요청에 대한 승인 기능
- 상세 조회: 근무 내역, 근태 통계 등 상세 데이터 열람
- 시스템 설정: 계정, 접근권한, 근무 유형 세팅 등

4) 주안점
- 복잡한 정보를 시각적 위계로 정리해 가독성과 직관성 향상
- 반복 업무의 피로도를 줄이기 위한 UX 동선 단순화
- ARIA 속성과 시맨틱 태그를 활용한 접근성과 구조화 마크업 적용
- SEO 자동 노출 대응 구조 설계
- 최신 디자인 트렌드를 반영한 시각적 고도화
- 이미 개발되어진 코드 고려하여 퍼블리싱 고도화