デザイン記録_20240205

れい
·

今日もやっていきましょう〜

【Webデザイン】想創舎(株)手嶋組

暖かさを感じるサイトとなっております。

1.メガメニューが特徴的(PCのみ)

メニューをホバーすると表示されるメガメニューが印象的です。背景が茶色になり、メニュー以外はぼやかしています。またメガメニューを確認すると、下層ページがデザインされつつ整理整頓されていると感じます。

メニューをフォーカスすることで、行きたいページを探しやすくなっていると思います。

2.footerも特徴的

footerリンクの下に写真が表示されています。こういった表現を行うことにより、サイトに余韻が残ると感じました。特にTOPページのfooterは従業員の集合写真が掲載されており、人間味を感じさせられるサイトとなっております。

【Webデザイン】みんなでつくる、キャリアの地図 2023年

アイソメトリックが印象的です。

1.アイソメトリックが得意なもの

上記リンク曰く、アイソメトリックが得意なのは

平面でありながら対象物を立体的に表現することができるため、ビルや家が並ぶ街並みを俯瞰したようなイラストによく使われています。

とのことです。

確かにこのサイトもオフィス街を表現していますね...。ポップで見ているだけで癒されます。

2.アイソメトリック以外

先述したように「アイソメトリック」を使用していますが、企業以外のリンクに関してはこういった効果を使用していないことが分かります。

考えてみると確かにボタンまでアイソメトリックだったら、押せそうな感じがないと考えられます。

また上記のオブジェクトは、企業のリンクと異なりホバーアニメーションも派手に見えました。

個人的に好きなホバーアニメーションは以下となります。

ONE CAREER PLUSを見てみたくなってしまいます....

最後に

エンタメ性のあるWebサイトを作成したいな...

@raynya
Webデザイナーです。