호두앱 - HODU APP
BASIC
TOOLS
Figma
Figma
Photoshop
Photoshop
Illustrator
Illustrator
Affinity
Designer
Affinity
Designer
Affinity
Photo
Affinity
Photo
2018-21
캘린더 앱 · 웹
디자인 (100%)
퍼블 (100%)
기획 (80%)
HODU SERIES
HODU SERIES
호두는 캘린더를 중심으로 개인과 그룹의 일정, 채팅, 파일을 한곳에서 관리할 수 있는 올인원 일정 관리 시스템입니다. 단순한 일정 관리를 넘어, 병원 예약과 실시간 현황 확인을 지원하는 호두닥, 주차 등록과 장소 탐색을 돕는 호두홈 등 프리미엄 기능을 하나의 앱 안에서 유기적으로 연결해 제공합니다. 이를 통해 여러 앱을 오가야 하는 번거로움 없이, 일상의 다양한 흐름을 끊김 없이 관리할 수 있습니다.
호두는 캘린더를 중심으로 개인과 그룹의 일정, 채팅, 파일을 한곳에서 관리할 수 있는 올인원 일정 관리 시스템입니다. 단순한 일정 관리를 넘어, 병원 예약과 실시간 현황 확인을 지원하는 호두닥, 주차 등록과 장소 탐색을 돕는 호두홈 등
호두는 캘린더를 중심으로 개인과 그룹의 일정, 채팅, 파일을 한곳에서 관리할 수 있는 올인원 일정 관리 시스템입니다. 병원 예약과 실시간 현황 확인을 지원하는 호두닥, 주차 등록과 장소 탐색을 돕는 호두홈 등 프리미엄 기능을 제공합니다.
프리미엄 기능을 하나의 앱 안에서 유기적으로 연결해 제공합니다. 이를 통해 여러 앱을 오가야 하는 번거로움 없이, 일상의 다양한 흐름을 끊김 없이 관리할 수 있습니다.
이러한 기능들을 하나의 앱 안에서 유기적으로 연결하여 일상의 다양한 흐름을 끊김 없이 관리할 수 있도록 돕습니다. 이를 통해 사용자는 여러 앱을 오가야 하는 번거로움 없이 모든 일정을 효율적으로 관리합니다.
매일 조금씩, 확실한 변화
HODU APP
매일 조금씩, 확실한 변화
HODU APP
매일 조금씩, 확실한 변화
HODU APP
매일 조금씩, 확실한 변화
HODU APP
일정 관리를 중심으로 새로운 기능을 유기적으로 통합하는 방식으로 프로젝트를 진행했습니다.
일정 관리를 중심으로 새로운 기능을 유기적으로 통합하는 방식으로 프로젝트를 진행했습니다.
일정 관리를 중심으로 새로운 기능을 유기적으로 통합하는 방식으로 프로젝트를 진행했습니다.
일정 관리를 중심으로 새로운 기능을
유기적으로 통합하는 방식으로
프로젝트를 진행했습니다.
1
1
PROBLEM
PROBLEM
1
PROBLEM
통합 구조로 인해 증가한
복잡성과 사용자 혼란
통합 구조로 인해 증가한
복잡성과 사용자 혼란
통합 구조로 인해 증가한
복잡성과 사용자 혼란
서비스 통합으로 인해 구조적 복잡성과 사용자 혼란이 발생했습니다. 모든 기능을 한 앱에 담는 과정에서 정보 과부하가 생겼고, 향후 추가될 기능까지 고려한 일관성 있는 확장 구조가 필요했습니다.
기능이 하나의 앱에 통합되면서 사용자는 기능을 찾고, 구분하고, 판단해야 하는 상황에 놓이게 되었습니다. 특히 일반 기능과 프리미엄 기능이 함께 존재하면서 구조에 대한 이해 없이는 사용이 어려워졌습니다.
서비스 통합으로 인해 구조적 복잡성과 사용자 혼란이 발생했습니다. 모든 기능을 한 앱에 담는 과정에서 정보 과부하가 생겼고, 향후 추가될 기능까지 고려한 일관성 있는 확장 구조가 필요했습니다.
기능이 통합되어 원하는
기능 탐색이 어려움
기능 과밀
기능 탐색 피로도 증가
기능 선택 혼란
WORKS
GROUP
BASIC
DOC
GROUP
HOME
WORKS
GROUP
BASIC
기능이 통합되어 원하는
기능 탐색이 어려움
기능 과밀
기능 탐색 피로도 증가
기능 선택 혼란
WORKS
GROUP
BASIC
DOC
GROUP
HOME
WORKS
GROUP
BASIC
기능이 통합되어 원하는
기능 탐색이 어려움
기능 과밀
기능 탐색 피로도 증가
기능 선택 혼란
WORKS
GROUP
BASIC
DOC
GROUP
HOME
WORKS
GROUP
BASIC
일반/프리미엄 기능 구분이
직관적이지 않음
기능 간 경계 모호
프리미엄 구조 이해 어려움
서비스 이해도 저하
BASIC
PREMIUM
BASIC
일반/프리미엄 기능 구분이
직관적이지 않음
기능 간 경계 모호
프리미엄 구조 이해 어려움
서비스 이해도 저하
BASIC
PREMIUM
BASIC
일반/프리미엄 기능 구분이
직관적이지 않음
기능 간 경계 모호
프리미엄 구조 이해 어려움
서비스 이해도 저하
BASIC
PREMIUM
BASIC
기능 이동 과정에서 흐름과
위치 인지 어려움
기능 이동 과정에서 흐름과
위치 인지 어려움
확장 고려로 일관성 악화
정보 과부하 발생
처리 지연 발생
기능 이동 과정에서 흐름과
위치 인지 어려움
확장 고려로 일관성 악화
정보 과부하 발생
처리 지연 발생
2
2
SOLUTION
SOLUTION
2
SOLUTION
연결될수록
단순해지는 경험
연결될수록
단순해지는 경험
연결될수록
단순해지는 경험
기능이 통합될수록 사용자가 느끼는 복잡함도 함께 커집니다. 이 역설을 풀기 위해 탐색, 전환, 확장 모든 접점을 하나의 흐름으로 설계했습니다.
기능이 통합될수록 사용자가 느끼는 복잡함도 함께 커집니다. 이 역설을 풀기 위해 탐색, 전환, 확장 모든 접점을 하나의 흐름으로 설계했습니다.
기능이 통합될수록 사용자가 느끼는 복잡함도 함께 커집니다. 이 역설을 풀기 위해 탐색, 전환, 확장 모든 접점을 하나의 흐름으로 설계했습니다.
Solution A
Solution A
맥락을 유지하는
인터페이스
맥락을 유지하는
인터페이스
맥락을 유지하는
인터페이스
그룹형인터페이스
스와이프진입
맥락적연결
그룹형인터페이스
스와이프진입
맥락적연결
맥락 기반의 진입로 설계
맥락 기반의 진입로 설계
프리미엄 기능을 별도 메뉴로 분리하지 않고 ‘그룹’ 리스트 내에 배치했습니다. 좌우 스와이프 인터랙션을 도입해 복잡한 단계 없이 필요한 순간 즉시 전환할 수 있는 심리스한 경험을 구현했습니다.
프리미엄 기능을 별도 메뉴로 분리하지 않고 ‘그룹’ 리스트 내에 배치했습니다. 좌우 스와이프 인터랙션을 도입해 복잡한 단계 없이 필요한 순간 즉시 전환할 수 있는 심리스한 경험을 구현했습니다.
프리미엄 기능을 별도 메뉴로 분리하지 않고 ‘그룹’ 리스트 내에 배치했습니다. 좌우 스와이프 인터랙션을 도입해 복잡한 단계 없이 필요한 순간 즉시 전환할 수 있는 심리스한 경험을 구현했습니다.
Solution B
Solution B
기능은 달라도,
사용법은 하나로
기능은 달라도,
사용법은 하나로
기능은 달라도,
사용법은 하나로
대시보드표준화
이질감최소화
사용성일관성
대시보드표준화
이질감최소화
사용성일관성
경험의 일관성 유지
경험의 일관성 유지
서비스 성격이 다르더라도 대시보드의 레이아웃과 위계를 표준화했습니다. 이를 통해 사용자는 어떤 기능을 이용하든 이질감 없이 안정적인 브랜드 경험을 유지하며, 별도의 학습 없이도 직관적인 사용이 가능합니다.
서비스 성격이 다르더라도 대시보드의 레이아웃과 위계를 표준화했습니다. 이를 통해 사용자는 어떤 기능을 이용하든 이질감 없이 안정적인 브랜드 경험을 유지하며, 별도의 학습 없이도 직관적인 사용이 가능합니다.
서비스 성격이 다르더라도 대시보드의 레이아웃과 위계를 표준화했습니다. 이를 통해 사용자는 어떤 기능을 이용하든 이질감 없이 안정적인 브랜드 경험을 유지하며, 별도의 학습 없이도 직관적인 사용이 가능합니다.
HODU
Core Platform
HODU
DOC
Medical Health
HODU
HOME
Living & Space
HODU
NEXT
+ New Version
Solution C
Solution C
운영 효율을 극대화하는
확장형 가이드라인
운영 효율을 극대화하는
확장형 가이드라인
운영 효율을 극대화하는
확장형 가이드라인
컬러아이덴티티
운영효율성
미래확장성
컬러아이덴티티
운영효율성
미래확장성
지속 가능한 시스템 구축
지속 가능한 시스템 구축
서비스별 고유 컬러 시스템으로 시각적 구별을 명확히 했습니다. 공통 디자인 표준을 설계하여 향후 새로운 기능이 추가되더라도 기획부터 개발까지 빠르게 대응할 수 있는 확장 가능한 시스템을 구축했습니다.
서비스별 고유 컬러 시스템으로 시각적 구별을 명확히 했습니다. 공통 디자인 표준을 설계하여 향후 새로운 기능이 추가되더라도 기획부터 개발까지 빠르게 대응할 수 있는 확장 가능한 시스템을 구축했습니다.
서비스별 고유 컬러 시스템으로 시각적 구별을 명확히 했습니다. 공통 디자인 표준을 설계하여 향후 새로운 기능이 추가되더라도 기획부터 개발까지 빠르게 대응할 수 있는 확장 가능한 시스템을 구축했습니다.
3
3
USERFLOW
USERFLOW
3
USERFLOW
프리미엄 버전 유저플로우
프리미엄 버전 유저플로우
프리미엄 버전 유저플로우
사용자가 그룹 내에서 일반 그룹과 프리미엄 버전을 함께 탐색하고 선택할 수 있도록 설계했습니다. 프리미엄 서비스는 동일한 화면에서 가입까지 이어지도록 구성하여, 별도의 이동 없이 선택 → 가입 → 즉시 사용으로 자연스럽게 연결되도록 했습니다.
사용자가 그룹 내에서 일반 그룹과 프리미엄 버전을 함께 탐색하고 선택할 수 있도록 설계했습니다. 프리미엄 서비스는 동일한 화면에서 가입까지 이어지도록 구성하여, 별도의 이동 없이 선택 → 가입 → 즉시 사용으로 자연스럽게 연결되도록 했습니다.
HODU
HODUDOC
HODUHOME
4
4
MASCOT
MASCOT
HOBOT
HOBOT은 호두 시리즈의 대표 캐릭터로, 챗봇 기능을 넘어 브랜드 경험의 핵심 역할을 합니다. 친근한 비주얼로 심리적 안정감을 주며, 시리즈별 포인트 컬러를 적용해 제품과 콘텐츠를 직관적으로 구분합니다. 일관된 디자인 언어를 통해 사용자에게 편안한 상호작용을 제공합니다.ㅌㅌ
4
4
MASCOT
MASCOT
4
MASCOT
HOBOT
HOBOT
HOBOT
HOBOT은 호두 시리즈의 세계관을 이끄는 대표 캐릭터로, 브랜드 경험의 중심에서 사용자와 상호작용하는 핵심 캐릭터입니다. 챗봇이라는 기능적 역할을 기반으로, 사용자에게 심리적 안정감과 친근함을 제공하는 데 중점을 두었으며, 동시에 자연스럽게 호감을 형성할 수 있는 귀여운 비주얼로 설계되었습니다.
또한 시리즈별로 포인트 컬러를 적용하여 각 제품 및 콘텐츠를 직관적으로 구분할 수 있도록 했으며, 부드럽고 이질감 없는 디자인 언어를 통해 다양한 사용자층에게 편안하게 다가갈 수 있는 브랜드 상징성을 강화했습니다.
HOBOT은 호두 시리즈의 대표 캐릭터로, 챗봇 기능을 넘어 브랜드 경험의 핵심 역할을 합니다. 친근한 비주얼로 심리적 안정감을 주며, 시리즈별 포인트 컬러를 적용해 제품과 콘텐츠를 직관적으로 구분합니다. 일관된 디자인 언어를 통해 사용자에게 편안한 상호작용을 제공합니다.
HOBOT은 호두 시리즈의 대표 캐릭터로, 챗봇 기능을 넘어 브랜드 경험의 핵심 역할을 합니다. 친근한 비주얼로 심리적 안정감을 주며, 시리즈별 포인트 컬러를 적용해 제품과 콘텐츠를 직관적으로 구분합니다. 일관된 디자인 언어를 통해 사용자에게 편안한 상호작용을 제공합니다.
HODU
HODUDOC
HODUDOC
5
5
VISUAL IDENTITY
VISUAL IDENTITY
비쥬얼 아이덴티티
비쥬얼 아이덴티티
HODU 시리즈의 유기적인 통합을 위해 시각적 체계를 정립했습니다. 정의된 타이포그래피와 컬러 시스템은 모든 환경에서 브랜드의 일관성을 유지하며, 사용자에게 직관적인 경험을 제공합니다.
5
VISUAL IDENTITY
비쥬얼 아이덴티티
HODU 시리즈의 유기적인 통합을 위해 시각적 체계를 정립했습니다. 정의된 타이포그래피와 컬러 시스템은 모든 환경에서 브랜드의 일관성을 유지하며, 사용자에게 직관적인 경험을 제공합니다.
Prentendard
Prentendard
Medium
Medium
Semibold
Semibold
Prentendard
Medium
Semibold
HODU
HODU
#0051F2
#0051F2
BG COLOR
BG COLOR
#FFFFFF
#FFFFFF
FONT COLOR
FONT COLOR
#11171F
#11171F
HODU
#0051F2
BG COLOR
#FFFFFF
FONT COLOR
#11171F
HODUDOC
HODUDOC
#C2BECF
#C2BECF
HODOHOME
HODOHOME
#C2BECF
#C2BECF
HODUDOC
#C2BECF
HODOHOME
#C2BECF
6
6
UI / INTERACTION
UI / INTERACTION
전체 화면
전체 화면
서비스의 주요 화면을 한곳에 모아 전체 구조와 기능 흐름을 한눈에 파악할 수 있도록 구성했습니다. 각 페이지 간 연결성과 사용 흐름을 중심으로 전반적인 사용자 경험을 확인할 수 있습니다.
대시보드
[VIDEO]
일정
[IMAGE]
달력
[VIDEO]
파일함
[VIDEO]
웹버전
[VIDEO]
그룹
[IMAGE]
채팅
[IMAGE]
호두닥
[VIDEO]
병원 예약
[VIDEO]
호두홈
[VIDEO]
플레이스
[VIDEO]
5
UI / INTERACTION
전체 화면
호두 프리미엄 버전 중 성숙한 성격에 맞추어 다크 버전으로 진행하고, 이전 구축한 호두 기본 디자인 시스템을 활용하여, 호두 사용자와 일반 사용자 모두 편리하게 사용가능한 UI를 디자인했습니다.
대시보드
[VIDEO]
일정
[VIDEO]
달력
[VIDEO]
파일함
[VIDEO]
전자결재 웹 버전
[VIDEO]
그룹
[VIDEO]
채팅
[VIDEO]
호두닥
[VIDEO]
병원 예약
[VIDEO]
호두홈
[VIDEO]
플레이스
[VIDEO]
[00]
[01]
[02]
[03]
[04]
[05]
[END]
[00]
[01]
[02]
[03]
[04]
[05]
[END]