WordPressで動く30の恐ろしいサイト

更新日:21年2020月XNUMX日/記事:Christopher Jan Benitez

WordPressはチョコレートの箱のようなものです—あなたはあなたが何を手に入れようとしているのか決してわかりません。

テーマ、プラグイン、コンテンツタイプが豊富にあるため、 WordPress.orgを使用したWebサイトの作成 無限の可能性をもって縁石に満ちている。 唯一の制限はあなたの想像力です。もちろん、適切なコンポーネントを見つけて組み込むことができます。

残念ながら、優勝したウェブサイトのアイデアが必ずしも出てくるとは限らない。 あなたが始めることができるコアデザイン要素を備えた美しいテーマがたくさんありますが、それは難しい ユニークなウェブサイトを構想して構築する —あなたのブランドの個性を植え付けたもの。

インスピレーションを待つのではなく、すでに重労働を経験している人たちからアイデアを「借りる」方が効率的です。

それ以上の苦労せずに、ここではWordPressによって強化されたトップ30の素晴らしいウェブサイトのリストです。 楽しい!

1。 TEDxメルボルン

ウェブサイト: http://tedxmelbourne.com/

デフォルトのWordPressテーマリポジトリを見ると、スクロールせずに見える範囲でフルスクリーンの背景画像を使用するテーマが増えていることがわかります。 TEDxメルボルンのウェブサイトはフルスクリーン画像を使用していませんが、訪問者に下にスクロールするように促す「引き裂かれた」効果のおかげで、スクロールせずに見える範囲を最大限に活用しました。

2。 ドーズスタジオ

ウェブサイト: http://doze.studio/

上記のスクリーンショットに惑わされないでください— Doze Studioのホームページは、おそらく最も魅力的で畏敬の念を起こさせるサイトのXNUMXつです。 確かに、彼らの魅力はすべて彼らの才能あるアニメーションチームのおかげです。 しかし、WordPressを利用しているという事実は驚くべきことです。

3 メルセデスベンツ

ウェブサイト: https://www.mercedes-benz.com/en/

色の黒と高級車は天国のマッチです。 メルセデスベンツのウェブサイトはこれを実証し、証明する:あなたはウェブデザインを複雑にする必要はない。 あなたのブランドの強みを知り、可能な限り最良の光に差し込み、視聴者に注意を払わずに見せるようにします。

4 ウォルト・ディズニー・カンパニー

ウェブサイト: https://thewaltdisneycompany.com/

21の10年st デジタル接続された国々の今日の大部分の大人は、ウォルト・ディズニーに精通しています。 ちょうど彼らの映画のように、ウォルト・ディズニー・カンパニーの公式ウェブサイトは、冒険の雰囲気を放つ。 ウォルト・ディズニーとミッキーマウスの彫像をスマートに配置すると、訪問者は会社を知ることができます。

5。 グリニッジ図書館

ウェブサイト: http://www.greenwichlibrary.org/

美しい背景を除いて、The Greenwich Libraryのウェブサイトでは、折り畳みのデザインよりも効果的ないくつかの側面が決まりました。 いくつかの例は、よく強調された価値命題とCTAです。

6。 スウェーデン.se

ウェブサイト: https://sweden.se/

多くのWordPressユーザーはカードのレイアウトに精通しています。 これにより、進行状況を考えすぎることなく、コンテンツを整理し、きちんと提示することができます。 また、国全体の伝統を強調するWebサイトであっても、あらゆるテーマに合わせて最適化することができます。 Sweden.seは、このアプローチを利用する完璧な例のXNUMXつです。 サイトにアクセスすると、カードのコレクションに直接送信され、ファッションのトレンドからスウェーデンでの仕事の機会まで、興味をそそる地元の物語を閲覧できます。

7。 DELAUNAY

ウェブサイト:  https://delaunay.jp/

機能的なWebデザインの世界では、「less is more」という言葉が真実となります。 しかし、空で魅力的でないサイトと最小限の傑作との間には大きな違いがあります。 日本からのDELAUNAYは、独自のサイトで後者が何を意味するかを示すことができます。

8。 ステラール・ワークス

ウェブサイト: http://www.stellarworks.com/

Stellar Worksのウェブサイト、特に「コレクション」ページは、並べて配置された数少ない芸術作品のXNUMXつです。 同社は、さまざまな個人ブランドや企業ブランドと共鳴する家具を設計しています。これは、非の打ちどころのないWebサイトで実証されている能力です。

9。 バタ

ウェブサイト: http://www.bata.com/

専門的に撮影された背景画像とは別に、Bataのウェブサイトでは、ビジターが会社の瞬間を知ることができます。 これは、ページ中央の大胆な声明のおかげです。

10。 キャプテンクリエイティブ

ウェブサイト: http://www.captaincreative.com.au/

キャプテンクリエイティブ—デザイナー兼アートディレクターのブラッドジェームスの分身—は、ブランドイメージを見つけたら、それを自分の存在のあらゆる繊維に取り入れなければならないと教えています。 あなたが彼と同じくらい創造的で機知に富んでいるなら、それは間違いなく前向きな結果につながるでしょう。 彼のサイトがどれほど見栄えが良く、記憶に残るかを見てください。

11。 ジェス・マークス写真

ウェブサイト: http://www.jessmarksphotography.com.au/

Captain Creativeのように、Jess Marks Photographyは創作者の個性を反映した別のサイトです。 漫画的なデザインを超えて、それは実際にはきれいにレイアウトされたサイトです。 明確な価値観、組織化されたナビゲーション、注目を集めるヘッダーがあり、訪問者を救うことができます。

12。 ボストンマーケット

ウェブサイト: https://www.bostonmarket.com/

ボストン・マーケットのウェブサイトは、食品を高解像度で表現しなければならないことを理解しており、魅力的で食欲をそそらせている。 幸いなことに、WordPressは現在フルスクリーンの背景テーマの金鉱山です。 これ以外にも、彼らはスクロールしながら訪問者を助ける便利な、「粘着性の」トップバーを利用しました。

13。 不動産業者

ウェブサイト: http://www.realtor.com/

最高のWordPressサイトを集めようと計画しているなら、見た目より使いやすさと機能性を優先させるものを決して忘れてはいけません。 Realtorはユーザーが簡単に素早く便利なサイトで、ユーザーが素早く素早くホームを見つけるのを手助けすることができます。 助けを借りて同様の機能を実装することもできます WordPressのプラグイン.

14。 シルベスター・スタローン

ウェブサイト: https://sylvesterstallone.com/

シルベスター・スタローンが自分のサイトを作るために他の人に支払った可能性は高いです。 しかし、再び、テーマやプラグインのインストール方法を知っている人なら、プロフェッショナルな姿勢を作り出すことができます。 それにもかかわらず、Stalloneのサイトは正しく行われた個人サイトの完璧な例です。 クリーンで高速で、ユーザーが議論できるコミュニティページを提供しています。

15。 次のWeb

ウェブサイト: https://thenextweb.com/

The Next Webとそのデザインをどのように扱うかについては、ちょっと変わったことがあります。 おそらく、ドワイト・ハワードのユーモアたっぷりのポップアップで、クッキーが付いていたり、スピリット・リーディングやシリの汚い話など、興味深いトピックの選択肢かもしれません。 サイトが思い出深いものになっても、使い勝手の良さは明らかです。 トップからボトムまでの情報がロードされているにもかかわらず、彼らのホームページはあまりにも忙しくないか、ナビゲートするのが難しくありません。

16。 ジェームズ・ブランドン写真

ウェブサイト: https://www.jamesb.com/

写真家として、あなたはプレゼンテーションの道を知っていることが期待されます。 James Brandonは個人的なサイトには失望しません。 特に、ポートフォリオセクションでは、シンプルさとレイアウトについて言及する価値があります。 気を散らすことのないデザインの原則を受け入れ、ターゲットオーディエンスがコアコンテンツに集中できるようにしました。

17。 Trefectaモビリティ

ウェブサイト: https://www.trefectamobility.com/

Trefecta Mobilityは、サイドナビゲーションメニューを使用する少数の企業に属します。 確かに、トップメニューを持つことで画面の不動産が大幅に節約されますが、ユーザーの観点から見るとサイドメニューをスキャンする方がはるかに簡単です。 Trefectaモビリティのケースでは、このデザインの選択肢は非常に良好でした。

18。 Gracenote

ウェブサイト: http://www.gracenote.com/company/about-us/

初めに、Gracenoteのホームページは、数分でWordPressで作成できるもののように見えます。 しかし、あなたの約ページに移動すると、そのサイトがこのリストに含まれる理由を理解できます。 ほとんどのブランドにとって、ウェブサイトは視聴者に自分の文化を垣間見るための効果的なツールです。 Gracenoteは、活気のある会議室を示すシンプルな写真でこれを実現します。 あなたのチームと同じような写真がある場合、同じ戦略を簡単にサイトに実装できるはずです。

19。 IZOD

ウェブサイト: http://izod.com/

確かに、既成ブランドがWordPressを最大限に活用していることは喜ばしいことです。 IZODは、ミッドレンジのファッション小売業者で、視覚的な重いサイトデザインを活用しています。 サイトの魅力はプロの写真撮影に大きく依存していますが、効果的なビジュアルコンテンツがブランドのメッセージを伝達する上でどのように有効であるかを検証します。

20。 Chaptr

ウェブサイト: https://chaptr.studio/

Chaptrは、ミニマリズムを極限まで追求するクリエイティブエージェンシーです。 ホームページには、ヘッダーロゴ、メニューボタン、バリュープロポジション、微妙に配置された「Ch」ロゴのXNUMXつの視覚要素しかなく、下にスクロールして詳細を確認できます。 一度実行すると、スクロールせずに見える範囲に、XNUMXつの魅力的なエクスペリエンスに完全に織り込まれたページ要素が見つかります。

21。 コンピュータ化されたフォーム

ウェブサイト: http://computerizedforms.com/

WordPressの機能を非常に制限しているさらに別のウェブサイトであるComputerized Formsは、魅力的なアニメーションとその複雑なコーディングのインタラクティビティを取り入れています。 ユーザがページを下にスクロールすると、「コンピュータ化されたフォーム」内の文字などのグラフィック要素によって、形状、色、およびクリック可能な要素の光景が作成される。 そのようなサイトは複製するのが難しいかもしれませんが、WordPressサイトが本当にどれくらい強力であるかについてのアイデアを提供するはずです。

22。 ケイティ·ペリー

ウェブサイト: https://www.katyperry.com/

はい—フルスクリーンの画像スライダーを備えていることは、ブランドのメッセージを伝えながら、視聴者に視覚的な楽しみを与えるための優れた方法です。 Katy Perry自身がこの戦略を使用して、彼女の創造的な個性を自分のサイトに浸透させています。 もちろん、アナウンスやコンサートのスケジュールなど、役立つ情報を共有するのにも最適です。 適切なツールを使用すれば、おそらくXNUMX時間で同様のWordPressサイトを作成できます。 良いスタートは使いやすいでしょう スライダプラグイン ビジュアルアセットを整理して提示するのに役立ちます。

23。 アイロンとアイロン

ウェブサイト: https://irontoiron.com/

フォールドの上にフォーカスを当てる場合は、画像スライダやフルスクリーンの背景画像に代わる優れた方法は、チームの簡単な紹介と、あなたの立場です。 Iron to Ironは、デザイナーKevin RichardsonとWeb開発者Jonathan Christopherの共同作業です。 彼らの明確な価値提案とは別に、彼らは聴衆に彼らの専門知識を知らせるのに時間を無駄にしなかった。

24。 Flickrブログ

ウェブサイト: http://blog.flickr.net/en

誇らしげにWordPress.comによって動力を与えられているFlickrのブログは、純粋なWordPress体験の一形態です。 上部にはシンプルなメニュー、折りたたみの上に注目を集める画像、そしてすぐ下のサイトのベストコンテンツの便利なリストがあります。 このレイアウトはすでに広く使用されていますが、あなたのニッチにかかわらず、それはまだ信頼性が高く効果的です。

25。 WGNテレビ

ウェブサイト: http://wgntv.com/weather/

WGN TVの天気予報ウェブサイトは、WordPressが本当にフレキシブルであるかを示す素晴らしい証です。 サイトを読み込んだ瞬間に、気温箱、温度、湿度、週間予測などの便利な情報をすぐに歓迎します。 信じられないかもしれませんが、天気情報をWordPressサイトに表示することもできます。 WP曇り.

26。 誰がレオンですか?

ウェブサイト: http://whoisleon.com/

芽吹くWeb開発者として、あなたの才能と広範なスキルセットを紹介する最良の方法は、あなたの個人的なサイトにそれらをすべて流すことです。 Leonは、Web開発者、UXデザイナー、写真家、ビデオ作家、モバイル開発者、自称コーヒー愛好家です。 後者を除いて、彼が主張しているものはすべて、彼のウェブサイトだけで既に証明されている可能性があります。

27。 外向きのクロアチア

ウェブサイト: http://www.outwardboundcroatia.com/en/

Outward Boundクロアチアは世界中の学生のために設立された非営利団体です。 サイトを一目見てみると、それが誰のために構築されたのかが分かるでしょう:経験を通して学びたい希望のある、エネルギッシュで若い人。 冒険に関連して発見されたすべての写真は、経験的な学習システムに訪問者を効果的に誘導します。

28。 ハッピー・イン・マイ・スキン

ウェブサイト: http://www.happyinmyskin.co.uk/

マインドフルネストレーナーのFaiyRushtonが運営するHappyIn My Skinは、WordPressを利用したこれまでで最も静かなウェブサイトのXNUMXつです。 ミニマルなデザインアプローチに加えて、このWebサイトでは、フォント、空白の使用率、および色の完璧な組み合わせを使用しています。 これは、ウェブサイトのデザインがすべての細部についてではなく、それらの部分がどのように噛み合って互いに補完し合うかについてであることを示しています。

29。 ETQ

ウェブサイト: https://www.etq-amsterdam.com/

ETQは、世の中で最もよくデザインされたオンラインストアのXNUMXつであり、ほとんど催眠術をかけています。 ユーザーが下にスクロールし始めると、次のペアを表示するだけでよい状態になります。 気に入った靴を見つけた場合は、画像をクリックしてクイックチェックアウトプロセスを実行するだけです。

30。 FormFree

ウェブサイト: http://www.formfree.com/

フルスクリーンの背景画像を備えた別のサイトとしてこれを却下する前に、時間をかけてFormFreeにアクセスしてください。 スティル、特別なことに気づかない? スクロールしてみてください。 サイトにアクセスした瞬間、開発者が意図したとおり、すぐに直線的なエクスペリエンスに引き込まれます。 これは、他の多くのWordPressを利用したサイトが行っている長いスクロール形式からのステップアップです。

結論

まだ触発されていませんか? あなたの次のウェブサイトがどのように見えるかを鮮明に視覚化することができれば、それを構築するのに役立つテーマやプラグインを検索する準備が整いました。

あなたに頭をスタートさせるために、 ワードプレスのホスティングはこちらをクリックしてください , ここ あなたが知っておくべきWordPressテーマの長いリストのために。

クリストファー・ヤン・ベニテスについて

Christopher Jan Benitezは、中小企業にオーディエンスを巻き込み、コンバージョン率を高めるコンテンツを提供するプロのフリーランスライターです。 あなたがデジタルマーケティングに関連することについての高品質の記事を探しているならば、それから彼はあなたの男です!Facebook、Google +、そしてTwitterで彼に「こんにちは」と言ってください。

接続します。