いすゞエンジニアリング株式会社

いすゞエンジニアリング株式会社

いすゞのDNAを持つエンジニア集団

いすゞ自動車の車両開発の一翼を担ってきた業界を牽引する存在。「いすゞエンジニアリング株式会社」のリニューアルを担当いたしました。洗練された商品イメージの中にも、新しいものに果敢に挑戦していく気風のあるデザインを意識しました。実は公開後も何度か調整していますが、現在はメインのビジュアルに、爽やかに湘南を駆け回るトラックのアニメーションを起用しました。トップからメッセージ性の強い構成ですが、あまり重たくならないような爽快感をプラスしております。納得の行くアニメーションに到達するまで何度もリテイクが必要でしたが、時間をかけた分 見ごたえのあるビジュアルが完成いたしました。

PCサンプル
スマホサンプル

軽快さと鮮やかさの両立

目を引くアニメーションをファーストビジュアルに仕掛けることは、サイト全体の印象を向上させる効果的な手段のひとつです。しかし、凝った仕掛けや高画質の画像を設定すればするほどローディングは重くなり、パフォーマンスの低下を招く要因となります。そのため今回は、アニメーション用にイラストレータでデータを書き起こし、JSでSVGファイルの動作をコントロールしました。

技術職だからこその「革新性」

トラックの重量感ある写真を挟みつつ、あまりイメージが重たくならないように調整を重ねました。例えば、背景で動くパーティクルのアニメーションや、単純化したトラックの図解などです。青を基調とした安心感と、軽快な雰囲気が両立するよう意識してレイアウトしております。もちろんレスポンシブもばっちり対応済みです。
  • CMS構築
  • HTMLコーディング
  • WEBデザイン
  • イラスト制作
  • ディレクション
  • レスポンシブ対応