HODU
Case Study
Case Study
Project
호두는 캘린더를 중심으로 개인과 그룹의 일정, 채팅, 파일을 통합하고, 병원 예약과 주차 등 일상에 필요한 다양한 서비스를 하나의 앱에서 연결하는 올인원 서비스입니다.
호두는 캘린더를 중심으로 개인과 그룹의 일정, 채팅, 파일을 통합하고, 병원 예약과 주차 등 일상에 필요한 다양한 서비스를 하나의 앱에서 연결하는 올인원 서비스입니다.
Year
Year
2018 - 21
2018 - 21
Title
Title
호두
Type
Type
올인원 · 병원예약 · 방문자 관리
Tools
Tools
Figma · Adobe · Generative AI
Figma · Adobe · Generative AI
Roles
Roles
기획
기획
80%
80%
UI/UX 디자인 (리뉴얼 버전)
UI/UX 디자인 (리뉴얼 버전)
100%
100%
퍼블리싱 (하드코딩)
퍼블리싱 (하드코딩)
100%
100%
일정 관리에서 시작한 호두는 병원 예약, 주차, 업무 등으로 서비스의 범위를 넓혀갔습니다. 새로운 서비스를 별개의 제품처럼 더하기보다, 기존 호두의 구조와 사용 경험을 바탕으로 하나의 제품 안에서 확장할 수 있는 방향을 고민했습니다.
(1)
기존 경험을 확장하는 구조
HODU BASIC은 일정과 그룹을 중심으로 채팅, 파일 등 일상에서 자주 사용하는 기능을 제공하는 호두의 기본 서비스입니다.
HODU BASIC
HODU BASIC
모바일에서 사용하던 구조와 기능을 데스크톱까지 확장해, 기기가 달라도 익숙한 방식으로 사용할 수 있도록 설계했습니다.
모바일에서 사용하던 구조와 기능을 데스크톱까지 확장해, 기기가 달라도 익숙한 방식으로 사용할 수 있도록 설계했습니다.
일정, 파일함, 채팅처럼 성격이 다른 기능에서도 주요 액션의 위치와 방식을 통일해, 화면이 달라져도 같은 방식으로 사용할 수 있도록 구성했습니다.
(2)
더 많은 일상으로 이어지는 경험
프리미엄 서비스는 별도의 메뉴로 분리하지 않고 기존 그룹 안에 배치했습니다. 그룹을 사용하는 흐름을 방해하지 않으면서도 새로운 서비스를 자주 발견할 수 있도록 스와이프 방식으로 노출하고, 자연스럽게 탐색할 수 있는 구조를 만들었습니다.
컬러만으로 서비스를 구분하는 대신, 호두 유니버스를 대표하는 캐릭터 HOBOT을 만들었습니다. 서비스마다 역할과 성격을 부여하고, 챗봇을 통해 새로운 기능을 안내하며 각 프리미엄 서비스를 자연스럽게 이해할 수 있도록 구성했습니다.
호두닥은 병원과 의료진을 탐색하고 진료 일정을 예약할 수 있는 의료 서비스입니다. 병원과 의료진의 정보를 비교하고 가능한 진료 시간을 선택해 예약을 완료하기까지, 필요한 정보와 행동이 순서대로 이어지도록 예약 과정을 구성했습니다.
각 서비스의 첫 화면은 사용자를 맞이하는 짧은 인삿말로 시작하도록 구성했습니다. 서로 다른 기능을 가진 서비스로 확장되더라도 친근한 첫인상과 동일한 시작 경험을 유지해, 하나의 호두 안에서 이어지는 서비스라는 인상을 만들었습니다.
호두홈은 주차와 주변 플레이스 등 생활 공간과 관련된 기능을 제공하는 서비스입니다. 플레이스에서는 주변 공간을 탐색하고, 주차에서는 예약부터 이용 현황과 남은 시간까지 확인할 수 있도록 각 기능의 사용 상황에 맞춰 화면을 구성했습니다.
호두홈은 주차와 주변 플레이스 등 생활 공간과 관련된 기능을 제공하는 서비스입니다. 플레이스에서는 주변 공간을 탐색하고, 주차에서는 예약부터 이용 현황과 남은 시간까지 확인할 수 있도록 각 기능의 사용 상황에 맞춰 화면을 구성했습니다.
(3)
비주얼 아이덴티티
HODU가 여러 서비스로 확장될수록, 서로를 구분하는 것만큼 같은 브랜드로 보이는 것이 중요했습니다. 공통된 구조 위에 HODU·DOC·HOME·WORKS 각각의 컬러를 부여해 서비스의 성격을 나누고, 하나의 HODU에서 이어지는 시각적 관계를 만들었습니다.
YOUR DAY, CONNECTED.
Pretendard
400 / 500 / 600
#007CF0
HODU
#109D56
HODUDOC
#CB621C
HODUHOME
#000000
HODUWORKS
HODU BASIC
YOUR DAY, CONNECTED.
Pretendard
400 / 500 / 600
#007CF0
HODU
#109D56
HODUDOC
#CB621C
HODUHOME
#000000
HODUWORKS
일정 관리 앱에서 여러 서비스로 확장되는 과정을 함께하며, 새로운 기능을 기존 경험에 자연스럽게 연결하는 방법을 고민했습니다. 서로 다른 서비스가 하나의 경험으로 이어지는 과정을 배울 수 있었습니다.
일정 관리 앱에서 여러 서비스로 확장되는 과정을 함께하며, 새로운 기능을 기존 경험에 자연스럽게 연결하는 방법을 고민했습니다. 서로 다른 서비스가 하나의 경험으로 이어지는 과정을 배울 수 있었습니다.
Project
호두는 캘린더를 중심으로 개인과 그룹의 일정, 채팅, 파일을 통합하고, 병원 예약과 주차 등 일상에 필요한 다양한 서비스를 하나의 앱에서 연결하는 올인원 서비스입니다.
Year
2018 - 21
Title
호두
Type
올인원 · 병원예약 · 방문자 관리
Tools
Figma · Adobe · Generative AI
Roles
기획
80%
UI/UX 디자인 (리뉴얼 버전)
100%
퍼블리싱 (하드코딩)
100%
일정 관리에서 시작한 호두는 병원 예약, 주차, 업무 등으로 서비스의 범위를 넓혀갔습니다. 새로운 서비스를 별개의 제품처럼 더하기보다, 기존 호두의 구조와 사용 경험을 바탕으로 하나의 제품 안에서 확장할 수 있는 방향을 고민했습니다.
(1)
기존 경험을 확장하는 구조
HODU BASIC은 일정과 그룹을 중심으로 채팅, 파일 등 일상에서 자주 사용하는 기능을 제공하는 호두의 기본 서비스입니다.
HODU BASIC
모바일에서 사용하던 구조와 기능을 데스크톱까지 확장해, 기기가 달라도 익숙한 방식으로 사용할 수 있도록 설계했습니다.
일정, 파일함, 채팅처럼 성격이 다른 기능에서도 주요 액션의 위치와 방식을 통일해, 화면이 달라져도 같은 방식으로 사용할 수 있도록 구성했습니다.
(2)
더 많은 일상으로 이어지는 경험
프리미엄 서비스는 별도의 메뉴로 분리하지 않고 기존 그룹 안에 배치했습니다. 그룹을 사용하는 흐름을 방해하지 않으면서도 새로운 서비스를 자주 발견할 수 있도록 스와이프 방식으로 노출하고, 자연스럽게 탐색할 수 있는 구조를 만들었습니다.
컬러만으로 서비스를 구분하는 대신, 호두 유니버스를 대표하는 캐릭터 HOBOT을 만들었습니다. 서비스마다 역할과 성격을 부여하고, 챗봇을 통해 새로운 기능을 안내하며 각 프리미엄 서비스를 자연스럽게 이해할 수 있도록 구성했습니다.
호두닥은 병원과 의료진을 탐색하고 진료 일정을 예약할 수 있는 의료 서비스입니다. 병원과 의료진의 정보를 비교하고 가능한 진료 시간을 선택해 예약을 완료하기까지, 필요한 정보와 행동이 순서대로 이어지도록 예약 과정을 구성했습니다.
각 서비스의 첫 화면은 사용자를 맞이하는 짧은 인삿말로 시작하도록 구성했습니다. 서로 다른 기능을 가진 서비스로 확장되더라도 친근한 첫인상과 동일한 시작 경험을 유지해, 하나의 호두 안에서 이어지는 서비스라는 인상을 만들었습니다.
호두홈은 주차와 주변 플레이스 등 생활 공간과 관련된 기능을 제공하는 서비스입니다. 플레이스에서는 주변 공간을 탐색하고, 주차에서는 예약부터 이용 현황과 남은 시간까지 확인할 수 있도록 각 기능의 사용 상황에 맞춰 화면을 구성했습니다.
(3)
비주얼 아이덴티티
HODU가 여러 서비스로 확장될수록, 서로를 구분하는 것만큼 같은 브랜드로 보이는 것이 중요했습니다. 공통된 구조 위에 HODU·DOC·HOME·WORKS 각각의 컬러를 부여해 서비스의 성격을 나누고, 하나의 HODU에서 이어지는 시각적 관계를 만들었습니다.
Pretendard
400 / 500 / 600
#007CF0
HODU
#109D56
HODUDOC
#CB621C
HODUHOME
#000000
HODUWORKS
HODU BASIC
YOUR DAY, CONNECTED.
Pretendard
400 / 500 / 600
#007CF0
HODU
#109D56
HODUDOC
#CB621C
HODUHOME
#000000
HODUWORKS
일정 관리 앱에서 여러 서비스로 확장되는 과정을 함께하며, 새로운 기능을 기존 경험에 자연스럽게 연결하는 방법을 고민했습니다. 서로 다른 서비스가 하나의 경험으로 이어지는 과정을 배울 수 있었습니다.
Other Case Studis
Archives
니메드
병원 솔루션
윈폼 UI/UX
니메드
병원 솔루션
윈폼 UI/UX
Sills Perfume
향수 브랜드
ORVÉN Skincare
스킨케어 브랜드
NONANI
패션 브랜드
PLOPKIE
쿠키 브랜드