No.039 株式会社橋梁メンテナンス No.039 株式会社橋梁メンテナンス 株式会社橋梁メンテナンス 橋梁の伸縮装置などの製造販売を行う、橋のプロフェッショナル集団、株式会社橋梁メンテナンスのWebサイト。 ファーストビューの印象 シンプルなアイコンと小さめの文字でスッキリしたデザイン。 相性の良いグレーとブルーで落ち着いた印象。信頼感を覚える。 レイアウト フルスクリーン レスポンシブ対応 あり ブレイクポイント：600px,768px,782px,1025px,1080px フォント 見出し：游ゴシック、Montserrat 本文：游ゴシック メニュー PC：ナビゲーションバー SP：ハンバーガーメニュー カラー ベースカラー：#DDDDDD グレー メインカラー：#1458E4 ブルー メインカラー：＃FFFFFF ホワイト 感想、参考になった部分 グレーとブルーの配色、小さめのフォント、カルーセルの配置で都会的なイメージながら、会社名の字体からは伝統も感じさせる。 画像のスライドショーではなく、アイコンを使うことによって、画面全体に統一感が生まれ、より近未来的な、洗練された印象を受ける。アイコンの切り替わり時に右回転させているが、一瞬左回転を加えて、遊びを与えている。自分はこの動きに、手で回転させているような人間味を感じた。 製品やプロダクトを紹介するセグメントにもアイコンが配置され、ホバーで詳細画像が表示される仕組みになっている。これも画面をスッキリさせる一つのアイデアだと思った。 読み進めていくと大画面でムービーが表示される。ノイズエフェクトが施されており、大型のスクリーンやテレビで閲覧しているような感覚を持った。 No.039 株式会社橋梁メンテナンス|Webサイト100選 投稿ナビゲーション No.038 ビジュピコ(BIJUPIKO)No.040 pioneer plants コメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 ※ が付いている欄は必須項目ですコメント ※ 名前 ※ メール ※ サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。