+ HOUSEWITHK@GMAIL.COM

+ HOUSEWITHK@GMAIL.COM

+ HOUSEWITHK@GMAIL.COM

+ HOUSEWITHK@GMAIL.COM

+ HOUSEWITHK@GMAIL.COM

WORK

CLOSE

WORK

WORK

CLOSE

WORK

[01]

BASIC

[a[

Figma

Figma

Affinity

Designer

Affinity

Designer

My Framer Site

Affinity

Photo

My Framer Site

Affinity

Photo

2025

이커머스

앱 디자인

디자인 (100%)

기획 (100%)

NORDEK

NORDEK

NORDEK

NORDEK은 하이엔드 가구를 중심으로 한 프리미엄 커머스 서비스입니다. 제품의 기능적 정보 전달을 넘어, 브랜드의 감성과 몰입감 있는 경험을 동시에 제공하는 것을 목표로 합니다. 사용자는 단순히 제품을 구매하는 것이 아니라, 브랜드가 전달하고자 하는 라이프스타일과 분위기를 함께 경험하게 됩니다.

사용자의 목소리

사용자의 목소리

사용자의 목소리

회사에서 사용하는 전자결재앱이
너무 어려워서 근태만 사용해요

회사에서 사용하는 전자결재앱이
너무 어려워서 근태만 사용해요

이영지

이영지

코즈메틱 회사

코즈메틱 회사

" "

" "

한 눈에 내가 할 일을

다 볼 수 있으면 좋겠어요

한 눈에 내가 할 일을

다 볼 수 있으면 좋겠어요

유지혁

유지혁

에이전시

에이전시

" "

" "

실수로 반려처리하면 업무를

다시 등록해야해요 :(

실수로 반려처리하면 업무를

다시 등록해야해요 :(

박용지

박용지

마케팅 회사

마케팅 회사

" "

" "

1

CONTEXT

1

CONTEXT

From Functional Shopping to Experiential Commerce

기능이 분산되어

전체 흐름을 한눈에

파악하기 어렵다

기존 커머스 서비스는 정보 전달과 구매 효율성에 집중되어 있어, 브랜드가 가진 감성과 분위기를 충분히 전달하지 못하는 한계가 있었습니다. 특히 하이엔드 가구와 같은 프리미엄 제품은 단순한 정보 나열보다 ‘어떤 경험을 제공하는가’가 더 중요한 요소로 작용합니다. 이에 따라, 제품 중심의 탐색 구조에서 벗어나 사용자가 브랜드를 ‘경험’할 수 있는 커머스 환경이 필요하다고 판단했습니다.

기존 커머스 서비스는 정보 전달과 구매 효율성에 집중되어 있어, 브랜드가 가진 감성과 분위기를 충분히 전달하지 못하는 한계가 있었습니다. 특히 하이엔드 가구와 같은 프리미엄 제품은 단순한 정보 나열보다 ‘어떤 경험을 제공하는가’가 더 중요한 요소로 작용합니다. 이에 따라, 제품 중심의 탐색 구조에서 벗어나 사용자가 브랜드를 ‘경험’할 수 있는 커머스 환경이 필요하다고 판단했습니다.

구조 문제

시간 흐름 단절

시간 흐름 단절

이력 단편화

이력 단편화

과정 파악 어려움

과정 파악 어려움

UX 문제

히스토리 탐색 비효율

히스토리 탐색 비효율

맥락 이해 어려움

맥락 이해 어려움

진행 흐름 불연속

진행 흐름 불연속

업무 영향

진행 상황 오해

진행 상황 오해

커뮤니케이션 증가

커뮤니케이션 증가

처리 지연 발생

처리 지연 발생

업무 흐름 파악

시간 감소

결재 상태

문의 감소

불필요한

커뮤니케이션 감소

전체 흐름 한눈에 확인

사용자 만족도 상승

[03]

SOLUTION

[IMAGE]

2

DIRECTION

Luxury Experience Commerce

Luxury Experience Commerce

Luxury Experience Commerce

기능 중심의 일반적인 커머스 UX에서 벗어나, 브랜드의 감성과 몰입감을 전달하는 경험 중심 구조를 설계하고자 했습니다. 블랙 기반의 미니멀한 레이아웃과 글래스 질감의 인터랙션을 통해 제품을 단순히 탐색하는 대상이 아닌, ‘보여지고 경험되는 오브젝트’로 재정의했습니다.

또한, 기존 커머스의 사용 흐름은 유지하면서도 불필요한 인지 부담을 줄이고 직관적인 인터랙션을 통해 럭셔리 브랜드에 맞는 간결한 사용 경험을 구축했습니다.

생성

대기

승인

완료

수정

반려

수정

재요청

승인

3

SOLUTION

Immersive UI with Simplified Flow

Immersive UI with Simplified Flow

Immersive UI with Simplified Flow

제품 탐색부터 결제까지의 전체 흐름을 단순화하면서도, 각 단계에서 몰입감을 유지할 수 있도록 UI와 인터랙션을 설계했습니다. 글래스 효과와 레이어 기반 인터페이스를 활용하여
사용자가 화면 위에서 자연스럽게 탐색하고 이동할 수 있도록 구성했으며, 복잡한 정보 입력 과정은 단계별로 분리하여 사용자의 부담을 줄이고 직관적인 흐름으로 이어지도록 개선했습니다.

4

USERFLOW

유저플로우

기본 유저플로우

유저플로우

유저플로우

사용자가 대시보드를 중심으로 근태, 전자결재, 업무 기능을 탐색하며 업무를 처리하는 전체 흐름을 고려해 구조를 설계했습니다.


각 기능은 독립적으로 구성되면서도 자연스럽게 연결되도록 하여 사용자가 필요한 작업을 빠르게 수행하고 다시 업무 흐름으로 복귀할 수 있도록 했습니다.

사용자가 대시보드를 중심으로 근태, 전자결재, 업무 기능을 탐색하며 업무를 처리하는 전체 흐름을 고려해 구조를 설계했습니다.


각 기능은 독립적으로 구성되면서도 자연스럽게 연결되도록 하여 사용자가 필요한 작업을 빠르게 수행하고 다시 업무 흐름으로 복귀할 수 있도록 했습니다.

5

UI / INTERACTION

전체 화면

전체 화면

블랙 기반의 미니멀 구조 위에 유리 질감의 인터랙션 요소를 적용한

전체 화면을 통해 브랜드의 시각적 흐름을 한눈에 확인할 수 있습니다.

메인

[VIDEO]

ALL 섹션

[IMAGE]

제품 상세

[VIDEO]

리뷰

[VIDEO]

주문

[IMAGE]

주문 인터랙션

[VIDEO]

주문 현황

[VIDEO]

설정

[IMAGE]

채팅

[VIDEO]

알림

[IMAGE]

5

UI / INTERACTION

전체 화면

호두 프리미엄 버전 중 성숙한 성격에 맞추어 다크 버전으로 진행하고, 이전 구축한 호두 기본 디자인 시스템을 활용하여, 호두 사용자와 일반 사용자 모두 편리하게 사용가능한 UI를 디자인했습니다.

© HOUSEWITHK

© HOUSEWITHK