허정연

UI/UX 디자인 및 구현 (1인 담당) · 팀 백엔드 3, 디자인 · 프론트엔드 1 (본인), PM 1

배경

기능이 많고 화면마다 버튼, 표, 필터 모양이 달라 하나의 제품으로 보이지 않았습니다.

주요 업무

• 전체 화면의 정보 구조와 흐름을 설계하고 Figma로 시안을 직접 디자인
• 공통 UI 요소의 크기, 간격, 상태 규칙을 정리해 디자인 시스템과 공통 컴포넌트 62종 구축
• 날짜, 사용자, 상태, 정책별로 나뉘어 있던 검색을 태그 필터 하나로 통합
• 500개 이상의 노드를 다루는 조직도 트리 화면 설계 (펼치기, 끌어서 이동, 다중 선택)
• 스토리지 사용량, 정책 준수율 등 보고서 차트 화면 설계

성과

• 화면마다 달랐던 UI를 하나의 규칙으로 통일
• 새 화면 제작 속도 약 2배 향상
• 현대모비스, 현대오토에버, 현대케피코 납품 및 운영

사용 도구

Figma, Vue

요구사항 수집, UI/UX 디자인 및 구현, 시연

배경

골프장 본사, 운영팀, 지점이 운영 개선 제안과 매출 현황을 함께 보고 결정할 화면이 필요했습니다.

주요 업무

• 골프장 현장을 방문해 실사용자 요구사항 수집
• 제안 등록부터 검토, 승인까지 이어지는 운영 제안 흐름과 처리 이력 화면 디자인
• 운영 현황과 매출을 한눈에 보는 대시보드 디자인
• 조직과 결재 단계에 따라 보이는 지점과 권한이 달라지는 관리 화면 설계
• 시안을 화면으로 구현해 시연하고 피드백 반영

성과

• 시연 후 실제 운영에 채택

사용 도구

Figma, Reactpocheon.hillmaru.com

UI/UX 디자인 및 구현, 운영

배경

손님이 직원 도움 없이 결제부터 촬영, 꾸미기, 저장까지 혼자 진행해야 했습니다.

주요 업무

• 한 화면에 결정 하나만 두는 원칙으로 대기부터 QR 저장까지 15단계 흐름 재설계
• 키오스크 전 화면과 관리자 화면의 UI를 Figma로 직접 디자인
• 매장별로 색과 글꼴만 바꿔 적용하는 테마 시스템 설계 (기본 화면은 유지)
• 촬영 전 보정 정도를 손님이 직접 고르는 화면 설계 (기본값 끔)
• 사진 합성, 프레임 편집기, 매출 및 기기 상태 관리자 화면 17개 제작

성과

• 직원 안내 없이 손님 혼자 끝까지 이용
• 호주 매장에서 실제 운영 중

사용 도구

Figma, React

UI/UX 디자인 및 구현 전담 · 팀 풀스택 1, 백엔드 2

배경

고객, 관리자, 현장 직원이 하나의 서비스를 서로 다른 목적으로 사용해야 했습니다.

주요 업무

• 쇼핑몰, 관리자, 현장 입장 화면을 사용자별로 나누어 Figma로 디자인
• 상품 탐색부터 결제, 포인트 결제까지 구매 흐름 설계
• 배너와 팝업을 기간별로 예약 노출하는 관리 화면 디자인
• QR을 찍으면 바로 입장 결과를 보여주는 현장 입장 화면 디자인

성과

• 세 가지 사용자 화면을 하나의 서비스로 출시
• 현장 입장 처리 3초 이내

사용 도구

Figma, React

UI/UX 디자인 및 구현 (1인 담당) · 팀 백엔드 1, 디자인 · 프론트엔드 1 (본인), 기획 1

배경

종이 계약서 한 건 처리에 25분이 걸렸고, 서명까지 완료하는 고객이 절반 정도였습니다.

주요 업무

• 고객이 실제로 확인하는 순서에 맞춰 계약 항목 재구성
• 태블릿 계약 화면과 관리자 화면을 Figma로 직접 디자인
• 태블릿 터치 환경 기준 설계 (버튼 최소 44px, 넘기기 동작)
• 문자 링크로 고객이 서명하면 영업사원 화면에 실시간 반영
• 계약 현황 및 일별, 월별 추이 관리자 화면 제작

성과

• 현장 계약 처리 시간 25분 → 10분
• 전자서명 완료율 52% → 87%

사용 도구

Figma, React

UI 디자인 및 마크업 (1인 담당)

배경

디자인 시안 전달과 수정이 반복되며 작업 기간이 길어졌습니다.

주요 업무

• UI 디자인부터 마크업까지 한 사람이 맡아 화면에서 바로 확인하며 작업
• 개편 이후 사내 웹사이트 기능 추가 및 유지보수

성과

• 디자인과 퍼블리싱 1인 수행으로 시안 왕복 없이 개편 완료

사용 도구

Photoshop, Illustrator, HTML / CSS