こんにちは。めさめさです。
今回の記事では、普段なかなか見ること・作ることがない「おもしろ系」のWebサイトを５個ご紹介します。
「同じジャンルのサイトばかり作って疲れた」「気を衒った斬新なアイデアが欲しい」という方、軽い口直しのつもりで是非是非読んでみて下さいね。
デザイン・仕掛けがおもしろいWebサイト８選
煮干しらーめん玉五郎 | 元気ファクトリー
引用：煮干しらーめん玉五郎 | 店舗情報 | 元気ファクトリー
最初にご紹介するのは株式会社元気ファクトリーが展開するラーメン店「煮干しらーめん 玉五郎」のWebサイト。ラーメン屋台を模したようなデザインに、美味しそうに写るラーメンの写真。これだけで涎が湧いてきそうですねー笑
ただこのWebサイトは面白さはそこでは無く、スクロールすると追従してくる「カウンターメニュー」。右端の「MENU」をクリックすると、実際に注文が出来ちゃいます(※本物のラーメンは届きません)。
例えばラーメンを注文すると、ダシに使用されている「煮干し」が画面全体を練り踊ったり、ビールを注文すると酔っ払ったようなエフェクトが掛かったり、、、
実際にラーメンの味を楽しめるわけではありませんが、何だか本当に行った気分になれるかも（？）
ディスプレイ全体を練り踊る煮干しの図。誰もがクスッと笑えるデザイン・仕掛けには脱帽。
分かりすぎて困る！頭の悪い人向けの保険入門
続いてご紹介するのはこちらのWebサイト。
「保険に入りたいけど、どれが良いか分からない」という人向けのLPかと思いきや、蓋を開けると中身はカオスの権化。
見てるこっちが頭がおかしくなりそうなWebサイトです笑
どう「頭がおかしくなりそう」なのかは、実際のWebサイトを見て体感してみて下さい笑
株式会社バーグハンバーグバーグ
前項でご紹介した「頭の悪い人向けの保険入門」のWebサイトを制作したのが、こちらの「株式会社バーグハンバーグバーグ」。かの有名な「ARuFa」さんも在籍しています。
こちらも中々のカオスっぷりですが、コンテンツ企画設計・制作会社ということもあり、自社で展開する記事の内容はどれも秀逸。笑えない記事の方が少ないのではないでしょうか笑
各ページに散りばめられた様々なおもしろ要素も必見。色々見てるとあっという間に一日が終わってしまうことでしょう。
ちなみにトップページのソースコードを見てみると↑のようなことが書いてあったり、、、笑
遊び心を忘れない、色んな意味でお手本にしたいWebサイトですね笑
advision
引用：ホームページ制作/デザイン会社 [三重県/advision]
こちらは三重県のデザイン制作会社「advision」のコーポレートサイト。
ファーストビューのスライドで、自社サービスをコミカルなイラストで表現しています。若干変な動きしてるのがインパクト大です。
シンプルなデザイン・イラストではありますが、それでいて情報が分かりやすく頭に入ってきやすいのもポイントが高いですね。
面白さに傾倒しすぎず、上手くバランスの取れたWebサイトと言えます。
HTML5杯｜2012年 ブラウザで競う 熱い夏
2012年のオリンピックロンドン大会を記念して、ブラウザ上でオリンピック競技をゲームとして再現したこちらのWebサイト。公開から10年ほど経過していますが、その面白さ・企画力は現代と比較して遜色ないものと言えます。
キーボード連打で100mを走り抜けたり、ディスプレイサイズによって飛距離の変わる砲丸投げなど、どこかクスッと笑えるミニゲームが多数用意されています。
チェックボックスを利用したクレー射撃など、Web制作者として参考にしたいアイデアも盛り沢山。
ドット絵で描かれたコミカルな世界観も、良い味を出していますね。
まとめ
いかがでしたでしょうか。
今回は「おもしろ系」のWebサイトを５個、ご紹介しました。思わず笑顔になる、そんなサイトばかりでした。
まだ見ぬおもしろサイトは世の中に埋まっていると思うので、皆さんも気分転換に普段見ることのないジャンルのWebサイトを探索してはいかがでしょうか。
Webデザイナーを目指すあなたへ
今回ご紹介したおもしろ系サイトを作るには、信頼できるWebデザインスクールできちんとした技術を学ぶのが近道です！
以下の記事では、Webデザインスクールの厳選３校をご紹介しています。
是非参考にしてみてくださいね。
実践的なWebデザインが学べる！
デジタルハリウッドSTUDIO by LIG
