株式会社ディプロ様

選ばれる企業であるために。

アピールポイントをしっかり押さえたデザイン。

企業情報ページや製品についてのページなど、記載するべき内容が多くある事からトップページは出来るだけ簡素に各ページへの導線としてしっかり機能するようにデザインしました。
余白を魅せるようにしながらも、トップのメイン画像には動きのあるスライダーをおき、企業としての想いをしっかりファーストビューで見えるようにしています。
スライダーはレスポンシブ対応で、各端末の画面の幅に合わせて内容がきちんと表示されるようになっております。

邪魔にならないアニメーション。

また、余白を魅せるようにしたため、トップページを上からじっくり見ていった時に全体的にべたっとした平坦なイメージとコンテンツの少なさが気になってしまいます。
しかし、表示を邪魔しない程度に各コンテンツにアニメーションを加えることで視線を散らす工夫をしております。
スクロールを進めると下にあるコンテンツが浮かびあがってくるので、一度視線が逸れ、コンテンツを視認するための時間がアニメーションがない場合より長くなります。
各ページへの導線確保と共にトップページとしてのインパクトを確保しました。