Work Archive制作・開発アーカイブ

Case Studyケーススタディ

Amazon Shopping on Fire TVFire TV 向け Amazon ショッピング

10-foot UI · Voice UX · Snap Pair10 フィート UI · 音声 UX · Snap Pair

Amazon shopping rebuilt for the TV: D-pad, voice, and your phone as the remote.テレビのための Amazon。D-pad と音声、そしてリモコンになるスマホ。

Carnegie LearningCarnegie Foundation NILS プラットフォーム

Learning platform学習プラットフォーム

An improvement cycle that reads as a conversation, not a form.フォームではなく、対話のように進む改善サイクル。

CLI StudiosCLI Studios アプリ再設計

Design system · Rebuildデザインシステム · 再構築

Five usability problems, one root cause: modals had eaten the architecture.5 つの使いにくさの根は一つ。モーダルが構造を飲み込んでいた。

Coca-ColaCoca-Cola — グローバルビジュアルディレクション

Campaign · Visualキャンペーン · ビジュアル

Two global visual worlds for Coca-Cola — one built out of bottle silhouettes.コカ・コーラの 2 つのグローバルビジュアル。ひとつはボトルの輪郭からできている。

Credit Card Portalクレジットカード Web ポータル リデザイン

Fintechフィンテック

The problem was not cosmetic: there was no design infrastructure at all.見た目の問題ではなかった。デザインの基盤そのものが無かった。

Do! Nuts TokyoDO! NUTS TOKYO — ソーシャルイノベーションプラットフォーム

Identityアイデンティティ

Tokyo's citizen-facing sustainability brand, run as workshops with youth ambassadors.東京の市民向けサステナビリティブランド。若者アンバサダーとのワークショップで動かした。

Lesson Planner

Teacher tool教員向けツール

Lesson planning that behaves like a paper planbook, not a dashboard.ダッシュボードではなく、紙の指導案のように動く授業計画。

ELA QuestsAmplify Education ELA クエスト

Learning product学習プロダクト

Five-day lesson sequences any teacher can run, not just the best ones.一番うまい先生でなくても回せる、5 日分の授業一式。

Extraordinary

Book · Cover書籍 · 装丁

A book of new uses for ordinary objects. Over 11,000 copies sold.ありふれた物の、新しい使い方の本。1 万 1 千部以上。

Festival Reinvention秋祭りのデザイン

Pattern · Identityパターン · アイデンティティ

COVID took the food stalls, so the festival ran on games instead. Revenue tripled.コロナで模擬店が消え、祭りはゲームで回るようになった。収益は 3 倍以上。

GraffitiwearGraffitiWear — スクールコミュニティアパレル

Product · Visualプロダクト · ビジュアル

Street art meets a Japanese school's heritage. Over half the campus wore it.ストリートアートと日本の学校の伝統。半数以上が身につけた。

Hummingbirdハミングバード

Product educationプロダクト教育

Teachers get two or three seconds between students. The interface is built for that.教員が使えるのは生徒の合間の 2〜3 秒。その前提でつくった画面。

KitadokoKitadoko — ヘアサロン・リブランディング

Space design空間デザイン

A 150-year-old barbershop with no repeat customers, rebuilt as a salon.常連がいなかった 150 年続く床屋を、サロンとして建て直した。

KOJI FIZZKOJI FIZZ — ブランドプロモーションフィルム

Packaging · Productパッケージ · プロダクト

Unscripted short films about New York makers, for a Japanese drink.台本なしで撮った、ニューヨークの作り手たちの短編。日本の飲料のために。

KonosakiKonosaki — 越境コンサルティングのブランド構築

Brand extension · Liveブランド拡張 · 公開中

One idea — this, and ahead — carried from the logo to a live bilingual site.「この」と「先」。ロゴから公開中の二言語サイトまで、ひとつの考えで通した。

Menlo MathMenlo Math：中学校向け数学アプリのリデザイン

Curriculum · Interfaceカリキュラム · インターフェイス

Each unit leads with its real-world scenario instead of a grey tile.単元が、灰色のタイルではなく実際の題材から始まる。

Odell EducationOdell Education — ハイスクール・リテラシー・プログラム

Brand systemブランドの体系

A sprawling open curriculum made to read as one product.散らばったオープン教材を、ひとつのプロダクトとして読めるようにした。

Skateboard eGiftスケートボード e ギフト — コードから喜びへ

Product · Visualプロダクト · ビジュアル

A redemption code turned into something you can actually unwrap.ただの引換コードを、開けて驚けるものに変えた。

T-MobileT-Mobile オンライン購入・店舗受取体験

Customer care toolカスタマーケア基盤

Buy online, pick up in store — a staff app, a locker kiosk, and a voice bot.オンラインで買って店で受け取る。店員アプリ、ロッカー、音声ボットの 3 点で。

UX AuditUSAA モバイル定期生命保険 UX 監査

Research · Methodリサーチ · 手法

Insurance decisions are emotional, so the audit weighed dignity alongside heuristics.保険の判断は感情的だから、使いやすさだけでなく尊厳も測った監査。

Value FrontierValue Frontier — 戦略的リブランディング

Brand identityブランドアイデンティティ

A sustainability consultancy rebuilt from its brand DNA out to its signage.ブランドの DNA から看板まで、サステナビリティ企業をつくり直した。

Case Studyケーススタディ

Verizon AI WorkflowAI による UX ワークフローの変革

Agent fleet · Case studyエージェント群 · ケーススタディ

Ten agents built into the tools 42 designers already used.42 人のデザイナーが既に使っている道具の中に、10 のエージェントを入れた。

Total Wirelessショッピングフロー & 価格の簡素化

E-commerce · WebsiteEC · ウェブ

Six coded prototypes turned multi-line pricing from a black box into a line item.6 本の実装プロトタイプが、複線料金をブラックボックスから明細に変えた。

Vocabulary AppAmplify Vocabulary アプリ：単語リスト管理

Learning tool学習ツール

Building vocabulary lists out of thousands of words, two panes at a time.数千語の中から語彙リストを組み立てる、二画面の編集ツール。

Web3 WalletWeb3 カストディアルウォレット

Web3 · Admin productWeb3 · 管理プロダクト

NFT event tickets without seed phrases or gas fees.シードフレーズもガス代もない、NFT のイベントチケット。

XQXQ Super School — 高校再設計プラットフォーム

Information design情報設計

The digital hub for a nationwide high-school redesign competition.全米の高校再設計コンペの、中心になるデジタル拠点。

Active進行中

BreakBias

Eight tools for thinking past the biases that block ideation.発想を止める思い込みを越えるための、8 つの道具。

Active進行中

intentfirst.ai

Context Grammar · AI design researchContext Grammar · AI デザイン研究

A thesis, not a product: the vocabulary AI needs to read intent, not just input.プロダクトではなく主張。AI が入力ではなく意図を読むための語彙。

Prototypeプロトタイプ

Moime.app

A link-in-bio page that reads the dates and codes off your flyer.チラシから日付とコードを読み取る、リンクまとめページ。

Validating検証中

MyBrainSpec

React/Vite · Firebase · GeminiReact/Vite · Firebase · Gemini

A short self-check that tells you how your attention actually behaves.自分の注意と記憶が実際どう働くかを返す、短いセルフチェック。

Two phones2 台のスマホLive公開中

Emoji Blast

HTML5 Canvas · WebRTC · single-fileHTML5 Canvas · WebRTC · 単一ファイル

Two phones, one emoji shooter. Shared lives, no server.スマホ 2 台の絵文字シューティング。残機は共有、サーバーなし。

Face表情In progress制作中

Kao Game顔ゲーム

Face tracking · Web表情トラッキング · ウェブ

A game you play with your face.顔で遊ぶゲーム。

Voice声In progress制作中

Koe Baku声爆

Snap Pair · Web Audio · CanvasSnap Pair · Web Audio · Canvas

Shout, and your voice bursts into comic-book onomatopoeia.叫ぶと、声が漫画の擬音になって弾ける。

Two phones2 台のスマホShippedリリース済み

Marubatsu 2.0

Next.js 16 · Firebase RTDB · GeminiNext.js 16 · Firebase RTDB · Gemini

Tic-tac-toe on a 4×4 board, two marks a turn.4×4 の盤で一手に二つ置く、○×ゲーム。

Handwriting手描きLive公開中

Rakugaki Jam

Snap Pair · Firebase RTDB · CanvasSnap Pair · Firebase RTDB · Canvas

Doodle on your phone, then fling it onto the wall screen.スマホで落書きして、壁の画面へ投げ込む。

PointerポインタLive公開中

Resona響

Creative technology · Pseudo-hapticsクリエイティブテクノロジー · 擬似ハプティクス

Motion that tells you what something means before you read a word.言葉を読む前に、動きが意味を伝える。

TypingタイピングLive公開中

Typespace

Next.js · r3f · GLSL · Web AudioNext.js · r3f · GLSL · Web Audio

Type a word; it becomes a constellation, then drifts away.打った言葉が星座になり、やがて離れていく。

Every phoneその場の全端末Prototypeプロトタイプ

Werewolf: Dark Gothic Card Game

Snap Pair · 25 Gothic RolesSnap Pair · 25 種のゴシック役職カード

Werewolf, dealt to each phone, calibrated with sub-pixel craft.人狼。役職は各スマホへ、数ピクセルの手仕事で調律された極上の手触り。

Released公開済み

cross-model-handoff

Claude · Codex · Gemini · CursorClaude · Codex · Gemini · Cursor

Move work between AI tools without losing the context.文脈を落とさずに、AI ツールのあいだで作業を渡す。

Released公開済み

failforward

Python · Codex · Gemini · MITPython · Codex · Gemini · MIT

Records failures, and recalls them before you repeat one.失敗を記録し、同じ轍を踏む前に思い出させる。

Released公開済み

interactive-experience-skills

3 skills · 2 commands · MIT3 スキル · 2 コマンド · MIT

Three skills for products that read human movement.人の動きを読むプロダクトのための 3 スキル。

Released公開済み

intuitive-game-design

Game feel · Web Audio手ざわり · Web Audio

A game a first-time player understands with nobody explaining it.初見の人が、誰の説明もなしに分かるゲームをつくる。

Released公開済み

multilingual-readme

EN · JA · ZH · ES · KO · MITEN · JA · ZH · ES · KO · MIT

A README a stranger understands in ten seconds, in five languages.初見の人が 10 秒で分かる README を、5 言語で。

Released公開済み

Snap Pair

React + Firebase · MITReact + Firebase · MIT

Every phone in the room joins the app in one scan.その場のスマホ全部が、ワンスキャンでアプリに入る。

Released公開済み

superforge

Claude · Codex · Gemini · Kimi · MITClaude · Codex · Gemini · Kimi · MIT

Say what you want to build; fourteen skills take it from idea to ship.作りたいものを一文で言えば、14 のスキルが着想から公開前まで運ぶ。