1. Works Menu
    2.  >
  2. hammond-works
[Web]

hammond-works

JavaScript、jQueryを多用し、複数のディバイスに対応した動きのあるデザインを作りました。

トップページは、スクロールするとイラストが動くように、パララクス効果で表現しています。


ハモンド・ワークス公式サイト

[苦労した点]

レスポンシブWEBデザインとパララクス効果の相性の悪さをどう克服するのか、悩んだ作品です。最終的には、かなり力技をつかい制御しました。


[担当業務]

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

[使用言語]

  • HTML 5
  • CSS 3
  • ・jQuery （一部プラグインを使用）

[使用ソフト]

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