Bootstrap利用によるレスポンシブデザイン化

Bootstrapを使用したリーフレットのWEBサイト化

 この例は元々8ページのサービス紹介用紙製リーフレットをWEBサイト化したものです。横に展開するリーフレットとは異なり、WEB用では縦に展開して破綻がないように再構成しました。

デザインについて

 今やどの業務分野でも対応必須のスマートフォン用のWEBデザイン。一つのHTMLファイルでPCからスマートフォンまでカバーできるレスポンシブWEBデザインが主流です。ゼロの状態からデザインを起こし、コーディングをするフルスクラッチ制作よりもCSSフレームワークの一つであるBootstrap(ブートストラップ)を利用する事により制作コスト削減、制作時間短縮を実現しています。またPCはもちろん各タブレット、各スマートフォン等様々な画面解像度を持つデバイスによる各要素の最適化などを破綻なく容易に実現できます。

担当部分

  • BootstrapのカスタマイズによるレスポンシブWEBデザイン
  • Illustratorデータからの画像切り出し
  • 紙からWEBへの構成変更
  • HTML5
  • CSS3

https://www.miracle.west-gr.co.jp/

タイトルとURLをコピーしました