Open Design research 一覧
Motion Handoff, built from scratch

Design、code、motionを、一本の確認ラインにする。

X投稿の「Designからmotionまで一つのworkflow」を、出荷前の確認ページとして作り直した完全新規デザイン。

01

Design

方向性、画面構造、コピーの優先順位を固定する。

02

Code

HTML、CSS、必要な小さなJSに変換し、別パスで確認する。

03

Motion

状態遷移、hover、生成中の見え方を出荷前に確認する。