スマートフォンなどでサイトを検索/閲覧するのが当たり前の昨今、コーポレートサイトのモバイル対応は必須となっています。 モバイル対応の選択肢のひとつに「レスポンシブデザイン」という手法があります。

レスポンシブデザインでは、サイトを訪れる機器の画面サイズに応じて、表示画像や文字を移動・省略・入れ替えることでサイトをモバイル用のレイアウトにするため、新たなモバイルサイトの制作を必要としません。
この手法はモバイルでみせたい内容が元のサイト内容と同じ、または近い場合に適しています。 表示内容を大きく変える場合は、２つの別サイトを制作する方が低コストで済む場合もあります。

レスポンシブデザインでの制作は、PC/モバイル共用ゆえの制約が伴う半面、PCサイト/モバイルサイトの修正が一度で済んだり、デザイン性も合わせやすいという利点もあります。

特に新規で制作される場合は、２つのサイト（PC＋Mobile）制作とは異なり、PCサイト＋αの制作費で制作可能となり、内容によっては制作コストの削減が可能になります。

※この画面はレスポンシブで制作しています。

→リキッドデザイン(画面分割法) のサンプル
1. [Foundation] / 2. [Bootstrap]