【勝手にWEBサイトレビュー#21】見せ方がお洒落な広告会社のコーポレートサイト

その他

こんにちは。

Webデザインアワードで入賞しているWebサイトのご紹介第21回です。

今回も引き続き「CSS Design Awards」または「Awwwards」の中から特に目に留まったWebサイトをご紹介していきます！

ご紹介Webサイト「Bonjour Paris」

https://www.bonjour.paris/en

今回ご紹介するWebサイトは、フランスパリの広告会社のコーポレートサイトです。
CSS Design Awards、Awwwardsのどちらも入賞しています。

▼CSS Design Awards掲載ページ
https://www.cssdesignawards.com/sites/bonjour-paris/38672/

▼Awwwards掲載ページ
https://www.awwwards.com/sites/bonjour-paris

真似したいポイント

操作方法を伝えるマウスカーソル

トップページのみマウスカーソルに「SCROLL」というテキストが付くようになっています。
横スクロールのトップページであるため、どうやってコンテンツを見たらいいかわからないユーザーもいると思いますが、カーソルにテキストが付いていることで操作方法がわかりやすくてユーザーも迷わずにコンテンツを見ることができると思いました！
ユーザーが使いやすくなるひと工夫はどんどん真似したいです！

マウスカーソルの変え方はこちら！

【勝手にWEBサイトレビュー#21】見せ方がお洒落な広告会社のコーポレートサイト

お洒落なロゴの見せ方

ロゴの一覧を載せる時、同じ幅で横並びや、グレーの枠を付けるなどのシンプルな見た目になりがちですが、こちらのサイトではロゴによって横幅を変えていたり所々に横線が入っておりとてもお洒落な見せ方をしています。
詳細があるものはホバーで画像が表示されるようにもなっており、内容を押してみたくなる工夫もされていて見るのが楽しくなります！

片方だけスクロールするメニュー

一見よくある全画面のメニューですが、右側は固定で画像が表示され、左側にメニューはまとまっています。
半分画像になっているとインパクトもあり面白いと思いました！
また、今回のように写真を多く載せたい場合や商品を紹介するサイトなどではメニューの中でも写真を使って訴求することができるので真似してみたいアイデアでした！