TREVOのホームページを少し変更しました。

TREVOのホームページのヘッダーとフッターのデザインを変更しました。
本来なら全面リニューアルで公開したいところですが、業務内の限られた時間の中で全面リニューアルとなると公開するまで時間がかかるので今回は部分的に改良しながらリニューアルをする方針にしました。

ヘッダーについて

ヘッダーは以前のデザインよりスッキリしました。
ボタンの数も減らし重要なメニューは上部に残し、その他はフッターに配置しました。
前のデザインはボタンぞれぞれにアイコンと小さい英語文字がついていましたが、TREVOのホームページは情報やバナーなどの画像が多いので、あまりいろいろと装飾をすると見づらくなってしまう事があり、お見積りとお問い合わせのボタン以外は今回のリニューアルで思い切ってシンプルにテキストのみにしました。
また、ボタンにカールソーを合わせると以前は横並びにサブメニューが表示していましたが、この場合サブメニューにカールソーを合わせる場合、下におろしてから左右へ操作しなくてはならないので少し使い勝手が悪く、サブメニューの数が多いときと少ない時の見せ方が異なるので見る方によっては違和感があったと思います。
今回のその点を解消するようにカールソーを合わせるとメインメニューの真下にサブメニューが表示するようにしました。
機能面ではレスポンシブ対応になっていおり、ページ幅に合わせた最適なヘッダーが表示されるようになっています。

フッターについて

フッターについては掲載する内容はほとんど変わっていませんが、背景色をTREVOイメージカラーの緑色にして、テキストを白色にしています。
これにより、テキストが見やすくなったのと、コンテンツ部分とフッター区切りが分かりやすくなりメリハリのついたデザインになりました。
以前デザインはフッターは灰色がベースで、コンテンツ部分が白色だったので一体感はあったかもしれませんが、メリハリが無かったため見づらい状態でした。
フッターに関してはコンテンツ部分と連動しているためまだ、レスポンシブにはなっていませんが、近日中には対応する予定です。

今後について

コンテンツ部分についてはまだデザインができていませんンが、トップページか徐々に変更を加えていく予定です。
通常のリニューアルと異なりパーツごとに変更していく方式となっていますので、ある日突然コンテンツの一部が変わってるといった状態になっていると思います。
現状のホームページより見やすくなっているのは確実ですので、時間がある時でいいのでTREVOのホームページを見に来てください。