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