HODUWORKS
Case Study
Case Study
Project
호두웍스는 근태 관리와 전자결재를 중심으로 업무, 캘린더 등 기업 운영에 필요한 기능을 한곳에서 관리하는 업무 관리 서비스입니다.
호두웍스는 근태 관리와 전자결재를 중심으로 업무, 캘린더 등 기업 운영에 필요한 기능을 한곳에서 관리하는 업무 관리 서비스입니다.
Year
Year
2021
2021
Title
Title
호두웍스
Type
Type
B2B · 전자결재 앱
B2B · 전자결재 앱
Tools
Tools
Figma · Adobe · Generative AI
Roles
Roles
기획
100%
100%
UI/UX 디자인
100%
100%
퍼블리싱 (하드코딩)
100%
100%
업무를 처리하는 화면만큼 진행 상황과 지난 기록을 확인하는 과정도 중요하게 봤습니다. 현재 상태를 파악하는 데 필요한 정보와 이후 다시 확인해야 할 기록을 구분하고, 각 업무의 맥락이 화면 안에서 충분히 이어지도록 정보 구조를 설계했습니다.
WORKFLOW
WORKFLOW
IN MOTION
IN MOTION
(1)
업무와 전결을 하나의 흐름으로
업무와 전결을 각각의 목록으로 확인하는 대신, 시간의 흐름을 기준으로 함께 볼 수 있는 타임라인을 구성했습니다. 사용자는 자신과 관련된 항목을 중심으로 진행 상황을 확인하고, 관리자는 조회 권한에 따라 팀을 선택해 필요한 범위까지 확인할 수 있습니다.
업무와 전결을 각각의 목록으로 확인하는 대신, 시간의 흐름을 기준으로 함께 볼 수 있는 타임라인을 구성했습니다. 사용자는 자신과 관련된 항목을 중심으로 진행 상황을 확인하고, 관리자는 조회 권한에 따라 팀을 선택해 필요한 범위까지 확인할 수 있습니다.
끊김 없는 사용자 경험
끊김 없는 사용자 경험
모든 현황이 하나의 흐름으로 이어짐
직관적인 진행 상태 확인
직관적인 진행 상태 확인
진행 상태를 한눈에 파악
(2)
결과보다 과정이 보이는 결재
문서 내용과 결재 현황을 나란히 배치해, 내용을 확인하면서 현재 결재 단계와 이전 처리 결과를 함께 볼 수 있게 구성했습니다. 진행 상태뿐 아니라 담당자와 처리 시점, 반려 사유까지 같은 흐름에서 확인하고 필요한 액션으로 바로 이어질 수 있도록 설계했습니다.
Pending
#1A945B
Rejected
#D00001
Done
#007CF0
Background
#1A1A1A
Main Color
#000000
(3)
필요한 순간에는 단순하게, 쌓인 기록은 자세하게
매일 반복되는 출퇴근은 시간과 상태에 집중해 빠르게 처리할 수 있도록 단순화했습니다. 반면 근태 기록과 연차는 날짜별 출퇴근 시간, 지각·휴무 같은 예외 상태와 신청 내역까지 다시 확인할 수 있도록 정보의 깊이를 나눠 구성했습니다.
(4)
업무 전반으로 이어지는 화면
근태 관리부터 전자결재, 업무 현황까지 주요 기능이 하나의 일관된 구조 안에서 이어집니다. 복잡한 업무 정보 속에서도 필요한 내용과 현재 상태를 빠르게 파악할 수 있는 화면 경험을 제공합니다.
HODUWORKS
HODUWORKS
WORKFLOW
IN MOTION
끊김 없는 사용자 경험
모든 현황이 하나의 흐름으로 이어짐
직관적인 진행 상태 확인
진행 상태를 한눈에 파악
Pending
#1A945B
Rejected
#D00001
Done
#007CF0
Background
#1A1A1A
Main Color
#000000
HODUWORKS
호두의 기존 사용 경험과 디자인 특징을 유지하면서 프리미엄 기능을 확장했습니다. 그 안에서 업무와 전결을 타임라인으로 재구성했고, 새로운 기능이 더해져도 기존 호두와 이질감 없이 이어지는 방향을 찾았습니다
호두의 기존 사용 경험과 디자인 특징을 유지하면서 프리미엄 기능을 확장했습니다. 그 안에서 업무와 전결을 타임라인으로 재구성했고, 새로운 기능이 더해져도 기존 호두와 이질감 없이 이어지는 방향을 찾았습니다
Project
호두웍스는 근태 관리와 전자결재를 중심으로 업무, 캘린더 등 기업 운영에 필요한 기능을 한곳에서 관리하는 업무 관리 서비스입니다.
Year
2021
Title
호두웍스
Type
B2B · 전자결재 앱
Tools
Figma · Adobe · Generative AI
Roles
기획
100%
UI/UX 디자인
100%
퍼블리싱 (하드코딩)
100%
업무를 처리하는 화면만큼 진행 상황과 지난 기록을 확인하는 과정도 중요하게 봤습니다. 현재 상태를 파악하는 데 필요한 정보와 이후 다시 확인해야 할 기록을 구분하고, 각 업무의 맥락이 화면 안에서 충분히 이어지도록 정보 구조를 설계했습니다.
WORKFLOW
IN MOTION
(1)
업무와 전결을 하나의 흐름으로
업무와 전결을 각각의 목록으로 확인하는 대신, 시간의 흐름을 기준으로 함께 볼 수 있는 타임라인을 구성했습니다. 사용자는 자신과 관련된 항목을 중심으로 진행 상황을 확인하고, 관리자는 조회 권한에 따라 팀을 선택해 필요한 범위까지 확인할 수 있습니다.
끊김 없는 사용자 경험
모든 현황이 하나의 흐름으로 이어짐
직관적인 진행 상태 확인
진행 상태를 한눈에 파악
(2)
결과보다 과정이 보이는 결재
문서 내용과 결재 현황을 나란히 배치해, 내용을 확인하면서 현재 결재 단계와 이전 처리 결과를 함께 볼 수 있게 구성했습니다. 진행 상태뿐 아니라 담당자와 처리 시점, 반려 사유까지 같은 흐름에서 확인하고 필요한 액션으로 바로 이어질 수 있도록 설계했습니다.
Pending
#1A945B
Rejected
#D00001
Done
#007CF0
Background
#1A1A1A
Main Color
#000000
(3)
필요한 순간에는 단순하게, 쌓인 기록은 자세하게
매일 반복되는 출퇴근은 시간과 상태에 집중해 빠르게 처리할 수 있도록 단순화했습니다. 반면 근태 기록과 연차는 날짜별 출퇴근 시간, 지각·휴무 같은 예외 상태와 신청 내역까지 다시 확인할 수 있도록 정보의 깊이를 나눠 구성했습니다.
(4)
업무 전반으로 이어지는 화면
근태 관리부터 전자결재, 업무 현황까지 주요 기능이 하나의 일관된 구조 안에서 이어집니다. 복잡한 업무 정보 속에서도 필요한 내용과 현재 상태를 빠르게 파악할 수 있는 화면 경험을 제공합니다.
HODUWORKS
WORKFLOW
IN MOTION
끊김 없는 사용자 경험
모든 현황이 하나의 흐름으로 이어짐
직관적인 진행 상태 확인
진행 상태를 한눈에 파악
Pending
#1A945B
Rejected
#D00001
Done
#007CF0
Background
#1A1A1A
Main Color
#000000
HODUWORKS
호두의 기존 사용 경험과 디자인 특징을 유지하면서 프리미엄 기능을 확장했습니다. 그 안에서 업무와 전결을 타임라인으로 재구성했고, 새로운 기능이 더해져도 기존 호두와 이질감 없이 이어지는 방향을 찾았습니다
Other Case Studis
Archives
니메드
병원 솔루션
윈폼 UI/UX
니메드
병원 솔루션
윈폼 UI/UX
Sills Perfume
향수 브랜드
ORVÉN Skincare
스킨케어 브랜드
NONANI
패션 브랜드
PLOPKIE
쿠키 브랜드