こんにちは、プロクラスの杉本です!
サイトを制作していて、ハンバーガーメニューをつくる際にボタンを押した時の動きやメニューのデザインどうしようかなっと迷うことってありますよね。
そこで個人的にではありますが、ユニークでおしゃれなハンバーガーメニューをされているWEBサイトを5つご紹介したいと思います!
Worker’s Resort
こちらのサイトは、少し珍しく、ハンバーガーメニューを左側に設置されています。
左下からふわっとファイルの形をしたメニューがふわっと全画面に現れます。

Super Crowds
こちらのサイトは、PC画面時は上部画面中央にメニューボタンが設置されています。
ボタンを押すと全画面にメニューが現れます。
テキストリンク以外のマウスホバーは、×印になっていたり、テキストリンクをホバーすると全画面に画像がふわっと表示されるおしゃれなサイトです。

餃子そして焼味 巣王(スワン)
こちらのサイトは、PC画面時は右側にメニューボタンが設置されています。
メニューボタンを押すと、下から湯気が上がっていくと全画面にメニュー現れる何度でもメニューボタンを押してみたくなる面白い仕掛けをされているサイトです。

NItoWA
こちらのサイトは、右上にハンバーガーメニューが設置されています。
メニューボタンを押すと、画面の右端に少し斜めになっているメニュー画面が現れるおしゃれなサイトです。

UDS HOTELS
こちらのサイトは、右上にノートのアイコンを使用したメニューボタンが設置されています。
メニューボタンを押すと、画面の中央に開いたノートにメニューが書かれているおしゃれなサイトです。

いかがだったでしょうか?
今回は、5つサイトをご紹介させていただきましたが、どのサイトもユニークでおしゃれなハンバーガーメニューをされているサイトばかりだったのではないかと思います
上記5つのサイトのようにおしゃれなハンバーガーメニューをデザインできるようになりたいですね!
次回は、デザインの言語化やデザインに対しての表現方法・アイデアを学ぶことができる「Webサイトのデザイン分析」にチャレンジしていきたいと思います!
