WebデザインTips

【デザインに取り入れたい遊び心!】クスッと笑えるおもしろいWebサイト5選

こんにちは。めさめさです。

今回の記事では、普段なかなか見ること・作ることがない「おもしろ系」のWebサイトを5個ご紹介します。

「同じジャンルのサイトばかり作って疲れた」「気を衒った斬新なアイデアが欲しい」という方、軽い口直しのつもりで是非是非読んでみて下さいね。

 

デザイン・仕掛けがおもしろいWebサイト8選

煮干しらーめん玉五郎 | 元気ファクトリー

引用:煮干しらーめん玉五郎 | 店舗情報 | 元気ファクトリー

最初にご紹介するのは株式会社元気ファクトリーが展開するラーメン店「煮干しらーめん 玉五郎」のWebサイト。ラーメン屋台を模したようなデザインに、美味しそうに写るラーメンの写真。これだけで涎が湧いてきそうですねー笑

ただこのWebサイトは面白さはそこでは無く、スクロールすると追従してくる「カウンターメニュー」。右端の「MENU」をクリックすると、実際に注文が出来ちゃいます(※本物のラーメンは届きません)。

例えばラーメンを注文すると、ダシに使用されている「煮干し」が画面全体を練り踊ったり、ビールを注文すると酔っ払ったようなエフェクトが掛かったり、、、

実際にラーメンの味を楽しめるわけではありませんが、何だか本当に行った気分になれるかも(?)

ディスプレイ全体を練り踊る煮干しの図。誰もがクスッと笑えるデザイン・仕掛けには脱帽。

 

分かりすぎて困る!頭の悪い人向けの保険入門

引用:分かりすぎて困る!頭の悪い人向けの保険入門

続いてご紹介するのはこちらのWebサイト。
「保険に入りたいけど、どれが良いか分からない」という人向けのLPかと思いきや、蓋を開けると中身はカオスの権化。
見てるこっちが頭がおかしくなりそうなWebサイトです笑

どう「頭がおかしくなりそう」なのかは、実際のWebサイトを見て体感してみて下さい笑

 

株式会社バーグハンバーグバーグ

引用:株式会社バーグハンバーグバーグ

前項でご紹介した「頭の悪い人向けの保険入門」のWebサイトを制作したのが、こちらの「株式会社バーグハンバーグバーグ」。かの有名な「ARuFa」さんも在籍しています。

こちらも中々のカオスっぷりですが、コンテンツ企画設計・制作会社ということもあり、自社で展開する記事の内容はどれも秀逸。笑えない記事の方が少ないのではないでしょうか笑

各ページに散りばめられた様々なおもしろ要素も必見。色々見てるとあっという間に一日が終わってしまうことでしょう。

ちなみにトップページのソースコードを見てみると↑のようなことが書いてあったり、、、笑
遊び心を忘れない、色んな意味でお手本にしたいWebサイトですね笑

 

advision

引用:ホームページ制作/デザイン会社 [三重県/advision]

こちらは三重県のデザイン制作会社「advision」のコーポレートサイト。

ファーストビューのスライドで、自社サービスをコミカルなイラストで表現しています。若干変な動きしてるのがインパクト大です。
シンプルなデザイン・イラストではありますが、それでいて情報が分かりやすく頭に入ってきやすいのもポイントが高いですね。

面白さに傾倒しすぎず、上手くバランスの取れたWebサイトと言えます。

 

HTML5杯|2012年 ブラウザで競う 熱い夏

引用:HTML5杯|2012年 ブラウザで競う 熱い夏

2012年のオリンピックロンドン大会を記念して、ブラウザ上でオリンピック競技をゲームとして再現したこちらのWebサイト。公開から10年ほど経過していますが、その面白さ・企画力は現代と比較して遜色ないものと言えます。

キーボード連打で100mを走り抜けたり、ディスプレイサイズによって飛距離の変わる砲丸投げなど、どこかクスッと笑えるミニゲームが多数用意されています。
チェックボックスを利用したクレー射撃など、Web制作者として参考にしたいアイデアも盛り沢山。

ドット絵で描かれたコミカルな世界観も、良い味を出していますね。

 

まとめ

いかがでしたでしょうか。
今回は「おもしろ系」のWebサイトを5個、ご紹介しました。思わず笑顔になる、そんなサイトばかりでした。

まだ見ぬおもしろサイトは世の中に埋まっていると思うので、皆さんも気分転換に普段見ることのないジャンルのWebサイトを探索してはいかがでしょうか。

あわせて読みたい
【2021年もトレンド継続!】ノングリッドデザインを取り入れた参考にしたいWebサイト6選Webサイトの基本形であるグリッドレイアウト。 格子状に揃えられた要素は、整然と、かつ読みやすさといった印象をサイト閲覧者に与えます。...

 

Webデザイナーを目指すあなたへ

今回ご紹介したおもしろ系サイトを作るには、信頼できるWebデザインスクールできちんとした技術を学ぶのが近道です!

以下の記事では、Webデザインスクールの厳選3校をご紹介しています。
是非参考にしてみてくださいね。

あわせて読みたい
【2021年最新版】現役Webデザイナーが厳選したWebデザインスクール超おすすめ3選こんにちは、めさめさです。 突然ですが、Webデザイナーを目指されている方、こんなお悩みはありませんか? Webデザ...

 

実践的なWebデザインが学べる!
デジタルハリウッドSTUDIO by LIG

「デジタルハリウッド STUDIO by LIG」の詳細を見る

 

 

ABOUT ME
めさめさ
・元看護師 / ・看護師を退職後、発達障害「ADHD」と診断 / ・webデザイナーとして就職するも、1年後に会社が倒産 / ・別の制作会社で正社員として働く傍、副業でもインハウスデザイナーとして複数企業と契約 / ・1年で年収700万円に到達 /
こんな記事もおすすめ
WebデザインTips

【2021年もトレンド継続!】ノングリッドデザインを取り入れた参考にしたいWebサイト6選

2021年6月1日
ウェブデザイナービギンズ
Webサイトの基本形であるグリッドレイアウト。 格子状に揃えられた要素は、整然と、かつ読みやすさといった印象をサイト閲覧者に与えます。  …