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