クライアントの目的
Bootstrapで構築されていたサイトを、WordPressテーマ「SWELL」で作り直し、更新・運用がしやすい形へ移行することを目的としたサンプル制作です。
見た目の再現だけでなく、今後の修正や追加が「ブロック編集で直感的に行える」状態に整え、流用しやすい設計を重視しました。
デザインのポイント
元サイトの印象は保ちつつ、SWELLのブロックエディタで管理しやすい構造へ再設計しました。
セクション分けやコンテンツの並びを整理し、更新時に迷わない「触れる構造」を意識しています。
- Bootstrapで組まれていた構造を、SWELLのブロック構成に置き換えて再現
- 見た目の再現だけでなく、編集しやすさ・流用しやすさを優先した設計
- セクション単位で整理し、更新時に必要な箇所へすぐアクセスできる構造に
- ボタンや導線など、繰り返し使う要素は統一して管理しやすく調整
- 今後のページ追加や改修に対応しやすい、運用前提の作り直し
担当範囲
構成設計／SWELLでの再構築／ブロック調整／CSS調整
使用ツール
WordPress（SWELL） / HTML / CSS
サイトURL
https://bootstrap.ailes-sample.site
制作時間
約4時間（構造整理・再構築・調整含む）
