Category:Web

思わず見入ってしまう!おしゃれすぎるWebサイトまとめ【10選】

みなさんこんにちは。

最近仕事でWEBサイトを増殖しまくってます(笑)

実際WEBサイト制作時には、色んなWEBサイトを見て回ったりします。

そんな時にめちゃすごいWEBサイトにたくさん出会うわけですよ。

なので、今回私が体感した驚きを、是非この記事を見てくれている皆さんにも味わって欲しいので、まとめてみました!

※出来る限り紹介するWEBサイトはPCの画面で見てください。

おしゃれすぎるWEBサイトまとめ

サイトのアニメーション・レイアウト・構成・発想全ての観点から独断と偏見で決めました!

おしゃれWEBサイトその1:ようこそ、東本願寺へ

ようこそ、東本願寺へ

京都駅近くにある東本願寺のWEBサイトです。

画像では全く伝わらないので、是非WEBサイトを訪れてください!

最初は「ん?」で、次に「おおお!」ってなります。

明らかにFlashを使っているので、Flashが動く環境で見てみて下さい。

京都感をコレでもかっと言うくらいおしゃれな動きで表現しています。

サイトはこちらから→「ようこそ、東本願寺へ

おしゃれWEBサイトその2:おみやげ日本代表 – JAPANESE FACE

おみやげ日本代表 - JAPANESE FACE

こういうの大好きです。

一見ふざけているのかと思わせるメインビジュアル。

ですが、WEBサイトの構築がとても綺麗です。

こういったギャップがとてもおしゃれですよね(笑)、こういった工夫のせいか飽きずに最後まで見てしまいます。

サイトはこちらから→「おみやげ日本代表 – JAPANESE FACE

おしゃれWEBサイトその3:お酒卸しの株式会社知多善

お酒卸しの株式会社知多善

温かみのある色彩で統一されたお酒の卸し業者さんのWEBサイトです。

スクロールするごとに見出しへの装飾がアニメーションで動きます。

画像では見切れてしまっているのですが、可愛いトラックが左右から走ってきます。

どうやらランダムの数、ランダムのスピードで走っています。

私もこんなおしゃれな発想が欲しいものです…

サイトはこちらから→「お酒卸しの株式会社知多善

おしゃれWEBサイトその4:Wasa-be Advertising Inc.

Wasa-be Advertising Inc.

株式会社ワサビというCMの映像を制作している企業のコーポレートサイトです。

製作会社というだけあって、クリエイティブなおしゃれが満載です。

横スクロールのシングルページサイトで、右下のナビゲーションをクリックすると面白い動きをしながら会社概要を見ることが出来ます。

こういったコーポレートサイトへの工夫は、会社自体の期待値が上がるので重要ですよね。

サイトはこちらから→「Wasa-be Advertising Inc.

おしゃれWEBサイトその5:等など

等nado

WEBデザイナーさんの個人ブログです。

デザイナーさんだけあってとてもおしゃれなデザインのWEBサイトになっています。

スクロールするとメインビジュアルのロゴが、ふわーっと分散していく様子にセンスを感じます。

デザインしたWEBサイトも投稿で見れるので、WEBデザイナーさんは必見かも。

サイトはこちらから→「等など

おしゃれWEBサイトその7:株式会社デュオ・プロダクション

株式会社デュオ・プロダクション

石川県に本社を構える製作会社のコーポレートサイトです。

美しいフォントと画面の幅をいっぱいにつかったレイアウトがとてもおしゃれなWEBサイトです。

動きや映像などとは違ったおしゃれを感じます。

サイトはこちらから→「株式会社デュオ・プロダクション

おしゃれWEBサイトその7:マザー株式会社

マザー株式会社

WEBデザイン・制作のマザー株式会社のコーポレートサイトです。

とてもシンプルで、メインのコンテンツは白と黒のみを仕様した配色なのにおしゃれ。

フッターがピクセル定規みたいになっていて、気付きにくいとこにおしゃれポイントを設けているあたり、流石WEBデザイン会社。

サイトはこちらから→「マザー株式会社

おしゃれWEBサイトその8:STUDIO Goofy

STUDIO Goofy

ハウススタジオのホームページ。

おしゃれなスタジオを提供しているだけあって、WEBサイトもとてもおしゃれです。

スタジオを紹介するページなので、写真そのものが既におしゃれすぎます!

サイトはこちらから→「STUDIO Goofy

おしゃれWEBサイトその9:株式会社フォーユーアシストサービス

株式会社フォーユーアシストサービス

見てすぐ分かる面白い会社やん。

大阪にある派遣会社のコーポレートサイトです。

画像だけで伝わるとは思いますがかなり個性的です(笑)

ですが、サイト自体のアニメーションやレイアウトなどは、ハンパなくおしゃれです。

コミカルなイラストに合わせたフォントとグリッドに黒フチがとてもいい感じです。

サイトはこちらから→「株式会社フォーユーアシストサービス

おしゃれWEBサイトその10:Pete Nottage

Pete Nottage

最後は海外のWEBサイトです。

とある海外のプレゼンターの個人サイトなのですが、それにしては凝りすぎなくらいおしゃれです。

画面の遷移・ローディング画面・アニメーション全てに驚いてしまいました。

サイトはこちらから→「Pete Nottage

最後に

どうでしたか?

今回私が紹介したのは10サイトだけですが、もっともっと探せば沢山見つかります。

ですので、また気になるおしゃれなWEBサイトが見つかれば更新しよう思いますので、よろしくお願いします。

それでは、また会う日まで!

RECOMENDED

Webデザイン・制作を勉強したい方にオススメの参考サイトまとめ

Webデザイン・制作の時に是非活用して頂きたい参考サイトの紹介です。日々のWeb制作作業で壁に…

2018年流行?font-familyのオススメ設定はこれ!【CSS】

2018年に流行ること間違い無しのcssのfont-familyおすすめ設定をご紹介!運営者の独断と偏見で…

”esa.io”を使ってみたのでレビューとおすすめの使い方

巷で噂の情報共有サービス”esa.io”の紹介をします。ずっと気になっていたサービスを実際に使っ…

【2018年最新】超高機能でおすすめな無料プロトタイピングツールまとめ

プロトタイピングツールとは、Web制作やアプリケーション制作時における完成形をイメージしやす…

【クリック率倍増!】CTAのボタンの見直すべきポイント

CTAの最適化は出来ていますか?今回紹介するのはCTAのボタンで見直すべきポイントです。3つのポ…

Webライティングが捗り過ぎる!オススメの文章校正ツール「文賢」

ライティングは捗っていますか?今回紹介しますのは最強のオススメ文章校正ツールです。最近正…

もっと読む