Back to all work

moby Product

어두운 화면을 기본값으로 둔 모바일 앱. 초록 신호 하나가 흐름 전체를 끌고 간다.

moby Product
Role
Product Design
Period
2026
Stack
Product DesignUIInteraction

moby는 어두운 화면 위에서 돈다. 지금 할 일이 아닌 것은 검정으로 물러나고, 워드마크와 같은 초록 그라디언트가 볼 곳과 다음 행동을 가리킨다.

Highlights

어두움이 기본값
검정은 테마 옵션이 아니라 바탕이다. 지금 할 일이 아닌 것은 전부 그 안으로 물러난다.
초록 신호 하나
그라디언트 초록 하나가 가리키는 역할을 전담한다. 상태·진행·다음 행동이 같은 색으로 말한다.
규칙을 쥔 마크
워드마크의 괘선과 장음 기호가 화면의 그리드를 정한다. 글자는 어디서나 같은 선 위에 앉는다.
Role
Product Design
Period
2026
Stack
Product DesignUIInteraction

moby는 모바일 앱이다. 나는 이 앱의 제품 디자인을 맡아, 화면의 기본 상태부터 다시 정했다.

검정을 바탕으로

밝은 화면에 어두운 테마를 얹은 것이 아니라, 검정에서 출발했다. 지금 해야 할 일이 아닌 것은 전부 바탕으로 물러난다. 남는 것은 하나뿐이라, 사용자는 무엇을 볼지 고민하지 않는다.

초록 하나로 말하기

가리키는 역할은 초록 그라디언트가 전담한다. 상태도, 진행도, 다음 행동도 같은 색이다. 색을 늘리는 대신 한 색이 맡는 문법을 정해두면, 화면이 늘어나도 읽는 법은 그대로다.

마크가 정한 선

워드마크의 위아래 괘선과 y 위의 장음 기호는 장식이 아니라 규칙이다. 그 선을 그대로 화면 그리드로 옮겨서, 글자는 어느 화면에서나 같은 선 위에 앉는다.

색을 늘리지 않고, 한 색이 하는 말을 늘렸다.

moby Product