段落ごとに時間差でフェードインさせ、読み進める速度に合わせて物語を展開させるストーリーテリング型の構成です。
装飾を抑え、行間を広く取ることで静けさと余韻を演出する組版になっています。
画面を左右均等に分割し、片側をビジュアル・片側をテキストに割り当てる対比の強いレイアウトの解説です。
Pattern A
行を追うごとにビジュアルとテキストの左右が入れ替わる、交互配置のスプリットスクリーンの解説です。
Pattern B円形の発光アイコンを上部に配置し、下に見出しと説明文を積み重ねるカードの解説です。
Read Moreホバー時にカードが浮き上がり、枠線がゴールドに変化するマイクロインタラクションの解説です。
Read More同一フォーマットを反復することで一覧性を高め、ラグジュアリーなトーンを統一しています。
Read More現状を測定し、次のステップへの土台を整えるフェーズの解説です。
各要素の比率やトーンを精密に調整するフェーズの解説です。
調整済みの内容をシームレスに適用し公開するフェーズの解説です。
円弧の長さで達成率を表現する指標カードの解説です。
倍率や比率を大きな数字で強調する指標カードの解説です。
同一フォーマットの反復により、複数指標を一覧しやすくしています。
クリック時にプラスアイコンが45度回転してバツ印のような形に変化する開閉表現の解説です。開いた状態では下の境界線がゴールドに変わります。
閉じた状態ではプラスアイコンがそのままの向きで表示され、クリックで展開します。