[Demo] Storytelling Works ページの構成を見直した

Storytelling Works ページの構成を見直した — 背景

Storytelling Works ページの構成を見直したの制作では、最初に要件とターゲットを整理し、情報設計から入るのが基本です。

クライアントとのすり合わせでは、完成イメージを言語化するためのラフと参考資料を並べ、認識のズレを早い段階で潰します。

ビジュアル面では、タイポグラフィ・余白・色の役割分担を先に決め、後から装飾で誤魔化さない方針を取っています。

実装フェーズでは、デザインカンプと実装の差分を小さく保つため、コンポーネント単位で確認サイクルを回します。

進め方

制作プロセスの制作では、最初に要件とターゲットを整理し、情報設計から入るのが基本です。

クライアントとのすり合わせでは、完成イメージを言語化するためのラフと参考資料を並べ、認識のズレを早い段階で潰します。

ビジュアル面では、タイポグラフィ・余白・色の役割分担を先に決め、後から装飾で誤魔化さない方針を取っています。

学び

振り返りの制作では、最初に要件とターゲットを整理し、情報設計から入るのが基本です。

クライアントとのすり合わせでは、完成イメージを言語化するためのラフと参考資料を並べ、認識のズレを早い段階で潰します。

• 情報設計を先に固める
• 写真・図版の解像度基準を決める
• 更新フローを小さく試してから本番反映する