[Web]

まる意匠

Bootstrapを利用したレスポンシブWEBデザインです。

[過去の施工事例] のページでは、数種類のディバイスで見てもレイアウトが崩れないように、jQueryのプラグインを組み合わせて制御しています。

[塗装のサンプル] では、出来るだけシンプルに挙動をさせたさせたかったので、自身でjQueryを書きました。


まる意匠公式WEBサイトデザイン

[苦労した点]

予め、クライアント様の方で大凡のデザインイメージを用意されてしました。それをBootstrapのグリッドレイアウトにどう落とし込むのか、大変悩みました。

サイトの保守作業はクライアント様自身で行いたいと、ご希望されていましたので、「任意の大きさに画像とファイル名を指定すればいい」状態を想定し、コーディングを行いました。


[担当業務]

  • 企画
  • ディレクション / プログラミング / デザイン

[使用言語]

  • PHP 5.5
  • HTML 5
  • CSS 3
  • jQuery (一部プラグインを使用)

[使用ソフト]

  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe Dreamweaver
  • Sublime Text
  • Souce Tree
→[関連サイトをみる]