ハンバーガーメニューがおしゃれなWebサイト5選




こんにちは、プロクラスの杉本です!
サイトを制作していて、ハンバーガーメニューをつくる際にボタンを押した時の動きやメニューのデザインどうしようかなっと迷うことってありますよね。
そこで個人的にではありますが、ユニークでおしゃれなハンバーガーメニューをされているWEBサイトを5つご紹介したいと思います!

Worker’s Resort

こちらのサイトは、少し珍しく、ハンバーガーメニューを左側に設置されています。
左下からふわっとファイルの形をしたメニューがふわっと全画面に現れます。

「働く」を、あたらしく。総務を、もっとクリエイティブに。Worker's Resortは、オフィスをより良い環境へと進化させていくのに必要なヒントが集まる、オフィスマネージャーのためのリサーチネットワークです。

Super Crowds

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

Super Crowds inc. is a creative firm located in Tokyo, where unique talent with various skills gather to create.

餃子そして焼味 巣王(スワン)

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

NItoWA

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

NI to WA は「庭」や「暮らしの中の輪」をコンセプトに、家具のサブスクリプション・販売、カフェ運営、お庭のご提案をおこなっております。人から人へ、想いや繋がりを広げていけるよう、サービスをお届けいたします。

UDS HOTELS

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

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